Web

1. div 태그 설명 1) 웹 페이지의 배치(layout)를 담당하는 태그이다. 2) 블럭 모드이다. 3) 일반적으로 다른 요소들을 담을 수 있는 컨테이너의 종류 중에 하나이다. * 컨테이너 : 다른 요소를 자식으로 가지고 있다. 2. javascript 코딩 맛보기 - js는 대소문자를 구분한다. - document.location="이동할 주소url"; - js 함수 만드는 형식) - var 키워드 : 변수 선언시 사용하는 키워드 3. jQuery 코딩 맛보기 - jquery.js 라이브러리를 설치해야 하는데 다운을 받아서 사용할 수도 있고 Using jQuery with a CDN으로 다운을 받지 않고도 사용 가능하다. 오늘 수업에서는 맛보기 정도라 script 태그를 이용하여 사용하였다. htt..

- 네이버 메인에서 보면 아래와 같은 메뉴를 Navigation Menu라고 한다. Home News Contact About li 태그는 블럭모드로 새로운 줄로 넘어가게 되어서 아래와 같은 결과가 나온다. 빨간 구분선은 ul 이며, 회색 구분선이 li이다. Home News Contact About li 태그 스타일에 float : left 설정을 주니 li 요소들이 하나의 줄로 나오게 되고 ul의 빨간 구분선이 위로 올라가져 있는 것을 확인할 수 있다. float : left 설정을 줌으로써 ul 태그 바깥으로 li 태그가 떠올랐다. == 오버플로워가 발생한 것 Home News Contact About li 태그 스타일에 float : left; 설정을 주고 ul 태그 스타일에 overflow: h..

1. 태그 - 중요성 강조 X - [b]old 굵은 텍스트 2. 태그 - 중요성 강조 O, 굵은 텍스트 = 즉, 중요해서 강조하는 의미가 숨겨져있다. - style 태그에서 스타일을 줄 수 있음 3. 태그 - 중요성 강조 X - [i]talic 기울어진 텍스트 4. 태그 - 중요성 강조하기 위해 사용하는 태그이며, 기울임꼴 텍스트로 보인다. = 즉, 중요해서 강조하는 의미가 숨겨져있다. - style 태그에서 스타일을 줄 수 있음 5. 태그 - 가 표시된 텍스트는 노란색 배경색을 가짐 6. 태그 - 더 작게 보이는 텍스트 7. 태그 - 문서에서 삭제된 텍스트를 정의할 때 사용 - 가운데 취소선 한 줄 8. 태그 - 문서에 새로 추가된(삽입된) 텍스트 정의(밑줄) 9. 와 태그 - H2O를 표시할 때 2를..

1. HTML의 역사 1) 1989년 WWW 창시자 - 팀 버너스 리 2) 1991년 html 3) 1995년 html2.0 4) 1997년 html3.2 (W3C) 5) 1999년 html4.01 (W3C) 6) 2000년 XHTML 1.0 (html4.01 + xml1.0) (W3C) 7) 2014년 html5 (W3C) 8) 2016년 html5.1 (W3C) 9) 2017년 html5.2 (W3C) 2. HTML5 새로 추가된 기능 1) 플러그인을 하지 않더라도 멀티미디어(음악, 동영상 재생)를 사용할 수 있음 2) 2차원, 3차원 그래픽구현 + java script => 게임 3) 양방향 통신 가능 4) 장치관리가능 - 배터리, CPU, 카메라, GPS, 진동벨 등등 5) 오프라인 저장소 6) ..

클라이언트의 요청을 처리하기 위해서는 웹서버와 WAS가 필요하다. 아파치 톰캣을 설치하도록 하겠다! 우리 강의장은 Tomcat8.5.78을 사용한다고 하여 이 기준으로 정리하도록 하겠다. 1. 아파치 톰캣 + 이클립스 환경설정 C드라이브에 있는 Class 폴더에 WebClass 폴더 추가한 뒤 https://tomcat.apache.org 접속 후 좌측의 Tomcat8 클릭 -> Tomcat8.5.78 클릭 -> zip 다운로드 -> 압축을 푼 폴더를 C드라이브에 넣기 이클립스 새로운 워크스페이스로 WebClass 선택 후 실행 File -> new -> Dynamic Web Project 클릭 후 Project name을 webPro 라고 입력 Target runtime의 New Runtime 클릭 후..