HRuler

더보기 ** HTML5 1. form의 유효성 검사 2. GeoLocation(위치 정보) 3. File API 4. Drag And Drop API 5. 브라우저에 데이터를 저장하는 방법 6. 브라우저에 데이터를 저장하는 이유 - 앱 안에 데이터를 저장하는 이유 7. Web Storage 8. WebWorker 9. Math ML 10. Off-Line API 11. Web Communication API ** 함수나 메소드를 만드는 이유 ** API 사용 시 Key ** HTML5 ** 1. form의 유효성 검사 - client의 데이터를 server에게 전송을 할 때는 데이터의 유효성을 검사해서 검사를 통과하지 못하면 전송하지 않고 통과하면 전송하도록 해야 한다. - server에서만 유효성 검사..

더보기 ** HTML5 1. Semantic Tag - 페이지의 구조를 위한 태그 2. 멀티미디어 태그 3. canvas 4. svg : Scable Vector Image 5. form ** HTML5 - 목적 : semantic(의미전달)의 강화와 플러그 인 없이 애플리케이션을 사용하기 위해서 등장한 HTML4의 다음 버전 1. Semantic Tag - 페이지의 구조를 위한 태크 - 전에는 div와 span을 이용해서 영역을 만들고 영역의 의미 전달을 위해 class나 id 속성에 의미를 알 수 있는 이름을 부여했다. - HTML5에서는 의미 별로 다른 태그를 선택하는 것을 권장 1) section : 하나의 독립적인 영역을 만들 때 2) header : 제목 3) footer : 바닥글 4) ar..

더보기 ** 자바스크립트 이벤트 처리 1. 이벤트 종류 2. 이벤트 처리 3. 이미지 미리보기 4. scroll 이벤트 ** 정규 표현식 - Regular Expression 1. 구성 2. 생성 3. 정규 표현식 4. 어떤 문자열이 존재하는지 확인 5. 문자열 객체에 존재하는 정규식 관련 메소드 6. 한정자 7. 앵커문자 8. 메타문자 9. 수량문자 10. 정규식의 용도 11. input에 숫자만 입력받도록 만들기 12. 폼의 데이터를 전송할 때 유효성 검사를 수행해서 유효성 검사를 통과하지 못하면 폼의 데이터를 전송하지 않음 ** 예외 처리 1. 오류 2. Exception Handling(예외 처리) 3. 예외처리 객체의 속성 ** ajax 1. 처리 방법 2. 연습 시에는 읽어올 파일을 직접 작성..

더보기 ** BOM(Browser Object Mode) 1. Math 2. Date 3. Array 4. JSON 객체 5. window 객체 6. screen 객체 7. location 객체 8. navigator 객체 9. history ** DOM(Document Object Model) 1. document 2. 이벤트 처리 3. 이벤트 종류 * BOM(Browser Object Model) - 자바스크립트가 제공하는 객체 1. Math - 모든 멤버가 전부 정적(static) 멤버 - 별도의 객체를 생성하지 않고 Mate를 이용해서 모든 멤버에 접근 2. Date - 날짜와 관련된 객체 3. Array - 배열 객체 - 배열에서 가장 중요한 것은 생성, 전체 데이터 접근, 정렬이다. 1) 생성..

더보기 ** Eclipse에서 apache tomcat 설정 ** 반복문 1. for 2. while 3. do ~ while ** 제어문의 중첩 ** 기타 제어문 1. break 2. continue 3. return ** function(함수) 1. 종류 2. 작성 방법 3. 함수 호출 4. argument(매개변수) 5. return 6. 함수 확인 7. recursion(재귀) 8. Call By Value & Call By Reference 9. 자바스크립트의 함수는 일급 객체 10. Maker Function ** Object(객체) 1. 객체 생성 2. 객체가 자신의 속성을 호출하는 방법 3. 속성에 값을 대입 4. 객체의 속성을 제거 5. 생성자 함수(Constructor) 6. for -..

더보기 ** Dynamic Web Project ** Media Query ** ViewPort Meta 태그 ** 반응형 웹 디자인 ** CSS ** JavaScript 1. 특징 2. 라이브러리나 프레임워크 3. Java와 JavaScript 4. JavaScript 작성방법 5. 주석 6. 출력 7. 스크립트 출력 연습 8. 변수 선언과 사용 9. Type Casting(형 변환) 10. 404에러 11. Operator - 연산자 ** 제어문(Control Statement) 1. 제어문의 종류 2. if 3. switch ** Dynamic Web Project - Java Resource src : 컴파일을 할 수 있는 파일 - 이 디렉토리의 내용만 컴파일 src 디렉토리에 만든 것을 제외하고..

더보기 1. box model 2. border : 경계선 3. resize 4. box-shadow 5. display 6. table을 출력 시 고려 사항 7. floating 8. position 9. transition animation 10. transform 11. Keyframe Animation 12. 3D 변환 가능 ** 회원가입 폼 디자인 1. box model - 태그로 표현되는 하나의 영역 1) width : 콘텐츠의 너비 2) height : 콘텐츠의 높이 3) box-sizing : box의 크기를 설정하는 방법 - 값으로는 content-box와 border-box - content-box를 설정하면 width와 height가 콘텐츠의 크기로만 설정되고 border-box를 설..

더보기 ** CSS(Cascading Style Sheet) 1. 적용방법 2. 스타일시트 작성 규칙 3. 선택자 4. 스타일시트 충돌 5. comment 6. 단위 7. 타이포그라피 : 텍스트 서식 8. 목록 9. 배경 10. vendor prefix 11. 여기까지에서 반드시 숙지 12. box model 13. cross browsing

더보기 ** XHTML 1. 이미지 태그 - img 2. 이미지 맵 3. Table 4. 멀티미디어 재생 5. form 6. 회원가입 폼 만들기 7. 영역 관련 태그 8. iframe (Dynamic Web Project) whereismycafe - index.html, form.html, image1.html, image2.html, imagemap.html, introducemyself.html, multimedia.html, register.html,table1.html

더보기 ** Eclipse에서 Web Programming을 하기 위한 환경 설정 1. apache tomcat 설치 2. eclipse에서 web programming 작성과 실행 ** XHTML 1. 요소의 구성 2. XHTML의 서식(문법) 3. 주석 4. 문서의 유효성 검사와 DTD 5. 문서의 기본 구조 6. 태그 종류 7. meta 8. title 9. 10. 제목 태그 11. 텍스트 관련 태그 12. 구분성 13. 하이퍼링크 : a 14. 목록 태그