CSS3 선택자 기본// 여러가지 선택자가 있음 *, 태그, #아이디, .클래스 등등// 선택자는 직접 선언 할 수 있음ex) ro.classor{background-color: yellow;}Create Tag- 클래스 선택자 & 다중 선택자 지정ex) .select{color: fuchsia;} .idclassed{background-color: red;}CSS3 Selector Basic- 아이디 선택자ex) #box1{ width:80px; height: 80px; margin:0px; padding:0px; background-color: cyan}[0,0]-> 아이디 선택자는 중복이 가능 하다.ex) ...- 속성 선택자선택자[속성], 선택자[속성=값][속성=값]ex) input[type=te..

Open Source아파치 Apache Software Foundation- Cassandra DataBase 카산드라 DB-> 분산처리 DataBase, 'NoSQL 형식'- Hadoop 하둡-> 분산처리 시스템, 자료를 쪼개어 처리- Lucene 루씬-> 검색엔진, 인덱싱(색인 작업) 및 텍스트 기반의 검색 엔진 플랫폼- Maven 메이븐-> 프로젝트 빌드, Jar 형태로 제작, 패키징, 테스트, 산출물 관리- Apache WEBserver 아파치 웹서버-> 웹 서비스, 다양한 플랫폼 지원, 기능 확장- Log4j 로그 포 자바-> 프로젝트 진행 상황 정보 기록 과정, 자바 개발자 기초- Commons Project 커먼스 프로젝트-> 작고 유용한 라이브러리 모아둠, 코드의 재사용성, 자바 개발자 기..

공간 분할 태그 div : 개행 처럼 아래로 내려 간다.span : 탭 처럼 옆으로 간다. HTML5 시멘틱 구조 태그- header : 헤더를 의미- nav : 네비게이션을 의미- aside : 사이드에 위치하는 공간을 의미- section : 여러 중심 내용을 감싸는 공간을 의미- article : 글자가 많이 들어가는 부분을 의미- footer : 푸터를 의미 기존 공간 분할 방식HTML5 HeaderMenuPlease HTML5 시멘틱 태그HTML5 HeaderMenuPlease

입력 양식 태그form 태그 - action : 입력 데이터의 전달 위치를 지정합니다.- method : 입력 데이터의 전달 방식을 선택 Input 태그 - button : 버튼을 생성- checkbox : 체크박스를 생성- file : 파일 입력 양식을 생성- hidden : 보이지 않습니다.- image : 이미지 형태를 생성- password : 비밀번호 입력 양식을 생성- radio : 라디오 버튼 생성- reset : 초기화 버튼을 생성- submit : 제출 버튼을 생성- text : 글자 입력 양식을 생성HTML5 추가- color : 색상 선택 양식을 생성- date : 일 선택 양식을 생성- datetime : 날짜 선택 양식을 생성- datetime-local : 지역 날짜 선택 양식을..

이미지 태그ex) // 사이트 경로에서도 이미지 받아 올 수 있음.src -> 이미지의 경로 지정alt -> 이미지가 없을 때 나오는 글자 지정width -> 이미지의 너비 지정height -> 이미지의 높이 지정지원 이미지 포맷 : JPEG, GIF, PNG, APNG, SVG, BMP, BMP ICO, PNG ICO (Chrome 기준) 오디오 태그ex) // 사이트 경로에서도 이미지 받아 올 수 있음.src -> 음악 파일의 경로 지정preload -> 음악을 재생하기 전에 모두 불러올지 지정, metadata, none, autoautoplay -> 음악을 자동 재생할지 지정loop -> 음악을 반복할지 지정controls -> 음악 재생 도구를 출력할지 지정지원 오디오 포맷 : MP3, OGG,..

제목 : 화성에서 온 프로그래머 금성에서 온 기획자저자 : 시미즈 료 - 초반 내용은 기획자 중점으로 풀어나감- 후반 내용은 프로그래머들을 이해하기 위한 여러 용어들이 설명 된다.- 후반은 내용이 무거워 지는 듯한 느낌- 기획자 및 프로그래밍을 처음 도전하는 프로그래머들에게 추천할만 한 책