본문 바로가기

분류 전체보기

(300)
점프투파이썬 https://wikidocs.net/book/1
3장. 자바스크립트의 기본 문법 [ 목차 ] 1. 변수 2. 값 3. 연산자 4. 키워드 5. 주석 6. 문 7. 표현식 8. 문과 표현식의 비교 9. 함수 10. 객체 11. 배열 1. 변수 1) 변수는 값을 저장하고 그 저장된 값을 참조하기 위해 사용 2) 한번 쓰고 버리는 값이 아닌 유지할 필요가 있는 값은 변수에 담아 사용 3) 변수 이름을 통해 값의 의미를 명확히 할 수 있어 코드의 가독성이 좋아짐 4) 변수는 위치를 기억하는 저장소 즉, 변수란 메모리 주소에 접근하기 위해 사람이 이해 가능한 언어로 지정된 식별자 5) 위치는 메모리 상의 주소를 의미 6) 변수를 선언할 때 var 키워드를 사용하며 할당 연산자 =는 변수에 값을 할당하기 위해 사용 2. 값 1) 프로그램에 의해 조작될 수 있는 대상 2) 다양한 방법으로 생성할..
2장. 자바스크립트 개발 환경과 실행 방법 [ 목차 ] 1. 웹 브라우저 2).개발자 도구 3. 콘솔 4. Node.js 5. 내장 터미널 6. code runner 확장 플러그인 1. 웹 브라우저 1) 구글 크롬 브라우저를 사용 2) 크롬 브라우저의 V8 자바스크립트 엔진은 Node.js에서도 사용하고 있기 때문 2. 개발자 도구 1) 크롬 브라우저가 제공하는 개발자 도구는 자바스크립트 개발에 필수적인 강력한 도구 2) 브라우저에 기본 내장되어 있기에 별도의 설치가 필요 없으며 F12를 이용해 실행 가능 3. 콘솔 1) 자바스크립트 코드에서 에러가 발생하여 애플리케이션이 정상적으로 동작하지 않을 때 우선적으로 살펴볼 곳 2) 구현 단계에서 디버깅을 실행하는 것보다 간편하게 값을 확인하며 개발을 진행가능 3) 자바스크립트 코드를 직접 입력하여 그..
1장. 자바스크립트란? [ 목차 ] 1. 자바스크립트의 탄생 2. 자바스크립트의 파편화와 표준화 3. 자바스크립트의 성장과 역사 4. JavaScript와 ECMAScript 5. 자바스크립트의 특징 1. 자바스크립트의 탄생 1) 넷스케이프 커뮤니케이션즈가 정적인 html을 동적으로 표현하기 위해 개발 2) Mocha -> LiveScript -> JavaScript 로 이름이 변경 3)이후 자바스크립트의 파생 버전 JScript가 출시 2. 자바스크립트의 파편화와 표준화 1) JScript와 자바스크립트가 표준화되지 못하고 적당히 호환 2) 모든 브라우저에서 동일하게 동작하는 표준화된 자바스크립트의 필요성이 나타남 3) 표준화된 자바스크립트는 상표문제로 ECMAScript로 명명 3. 자바스크립트의 성장과 역사 1) 초창기 ..
19장. 반응형 레이아웃 [ 목차 ] 1. 레이아웃의 문제점 2. viewpoint meta tag 3. @media 4. 해상도 구분에 따른 색 변화 예제 5. Responsive Navigation Bar - Smartphone 1. 레이아웃의 문제점 1) 18장의 레이아웃은 화면폭을 좁힐 때 화면이 망가지는 단점이 존재 2) 이는 HTML 요소에 고정폭을 지정하여 가로 스크롤을 발생시키지 않으면 해결이 어려움 3) 모바일과 같이 작은 해상도의 디바이스에서 접근시 하면이 너무 작아서 가시성에 문제가 발생 2. viewpoint meta tag 1) viewpoint(웹페이지의 가시영역)를 이용하여 디바이스의 특성, 화면크기 등을 고려하여 최적화된 웹페이지 제공가능 2) meta tag는 브라우저 혹은 검색엔진최적화를 위해 검..
18장. 레이아웃 [ 목차 ] 1. Header & Navigation Bar 2. Section % Aside 3. footer 4. 최종 1. Header & Navigation Bar 1) 웹사이트의 필수 구성 요소로, 기본적으로 링크들의 리스트이기 때문에 ul, li, tag를 이용하여 작성 2) header 요소에 화면폭 만큼의 width, 고정 height를 지정 3) background-color와 box-shadow 효과를 추가 4) float 프로퍼티를 이용하여 Navigation bar를 우측정렬 5) a tag height를 logo image height와 같게 정하고 상하 margin 12px를 부여하여 logo image를 수직으로 중앙 정렬 6) inline 요소인 a tag의 margin을 정..
11-17. 간단 요약 [ 목차 ] 11장. 벤더 프리픽스 12장. 그림자 13장. 그레이디언트 14장. 트랜지션 15. 애니메이션 16. 트랜스 폼 17. 웹디자인 타이포그래피 11장. 벤더 프리픽스 1) css 표준으로 확정되기 이전 또는 브라우저 개발사가 실험적으로 제공하는 기능을 사용하기 위한 것 https://poiemaweb.com/css3-vendor-prefix 12장. 그림자 1) 텍스트나 요소에 그림자 효과를 부여하기 위한 프로퍼티 선언 2) text-shadow : 텍스트에 그림자 효과를 부여 3) box-shadow : 요소에 그림자 효과를 부여 https://poiemaweb.com/css3-shadow 13장. 그레이디언트 1) 2가지 이상의 색상을 ..
10장. 스타일의 상속과 적용 우선 순위 [ 목차 ] 1. 상속 2. 캐스캐이딩 3. 중요도 4. 명시도 5. 선언순서 1. 상속 1) 상위(부모, 조상) 요소에 적용된 프로퍼티를 하위(자식, 자손) 요소가 물려받는 것 2) 상속 기능이 없다면 각 요소의 Rule set에 프로퍼티를 매번 각각 지정해야 함 3) 모든 프로퍼티가 상속되는 것은 아님 4) 상속 받지 않는 button의 경우 빨간색을 물려받지 않음 5) border, padding은 상속받지 않는 요소로 하위 요소에 적용되지 않음 6) 상속되지 않는 경우, inherit 키워드를 사용하면 명시적으로 상속받게 할 수 있음 2. 캐스캐이딩 1) 요소는 하나 이상의 CSS 선언에 영향을 받을 수 있음 2) CSS 끼리의 충동을 피하기 위한 적용 우선순위가 필요한데 이를 캐스캐이딩이라 지칭..
9장. 요소 정렬 [ 목차 ] 1. float 프로퍼티 2. 정렬 3. width 4. float 프로퍼티가 선언된 요소와 선언되지 않은 요소간 margin이 사라지는 문제 5. float 프로퍼티가 선언된 자식 요소를 포함하는 부모 요소의 높이가 정상반영 되지 않는 문제 1. float 프로퍼티 1) 주로 레이아웃을 구성할 대 블록 레벨 요소를 가로 정렬하기 위해 사용되는 중요한 기법 2) flexbox 레이아웃을 사용한다면 더 간단히 정렬 가능하지만 이를 지원하지 않는 IE를 고려한다면 float 프로퍼티 사용 3) float 프로퍼티는 본래 이미지 주위를 텍스트로 감싸기 위해 만들어진 것 4) 기본 레이아웃 흐름에서 벗어나 요소의 모서리가 페이지의 왼쪽이나 오른쪽으로 이동하는 것 5) 요소의 위치를 고정시키는 pos..
8장. 요소의 위치 정의 [ 목차 ] 1. position 프로퍼티 2. static 기본위치 3. relative 상대위치 4. absolute 절대위치 5. fixed 고정위치 6. z-index 프로퍼티 7. overflow 프로퍼티 1. position 프로퍼티 1) 요소의 위치를 정의 2) top, bottom, left, right 프로퍼티와 함께 사용하여 위치를 지정 2. static 기본위치 1) position 프로퍼티의 기본값으로 값을 지정하지 않았을 때와 같음 2) 기본적인 요소 배치 순서에 따라 위, 아래, 왼쪽, 오른족 순서로 배치 3) 부모 요소 내에 자식 요소로서 존재할 때는 부모 요소의 위치를 기준으로 배치 4) 이미 설정된 position을 무력화하기 위해 사용될 수 있음 5) 좌표 프로퍼티(top..
7장. 폰트와 텍스트 [ 목차 ] 1. font-size 프로퍼티 2. font-family 프로퍼티 3. font-style / font-weight 프로퍼티 4. line-heigter 프로퍼티 5. letter-spacing 프로퍼티 6. text-align 프로퍼티 7. text-decoration 프로퍼티 8. white-space 프로퍼티 9. text-overflow 프로퍼티 10. world-wrap 프로퍼티 11. word-break 프로퍼티 1. font-size 프로퍼티 1) 텍스트의 크기를 정의' 2. font-family 프로퍼티 1) 폰트를 지정하는 것으로, 해당 폰트가 저장되어 있지 않으면 적용 불가 2) 여러 개를 동시에 지정 가능 3) 첫번째로 지정한 폰트가 없을 경우 다음 지정된 폰트를 적용하..
6장. 백그라운드 [ 목차 ] 1. background-image 프로퍼티 2. background-repeat 프로퍼티 3. background-size 프로퍼티 4. background-position 프로퍼티 5. background-color 5. background-color 1. background-image 프로퍼티 1) 요소에 배경 이미지를 지정 2. background-repeat 프로퍼티 1) 배경 이미지의 반복을 지정 2) 수직, 수평 또는 수직과 수평 모두의 반복을 지정 가능 3) 설정된 이미지의 크기가 화면보다 작으면 자동으로 이미지가 반복 출력되어 화면을 채우며, 이는 background-repeat 프로퍼티의 기본 값이 repeat이기 때문 4) x축으로만 배경이미지를 반복할 경우 backgro..
3강. 정렬문제 [ 목차 ] 1. 정렬문제 2. 선택정렬 알고리즘 3. 선택정렬 정확성 증명 4. 선택정렬 성능분석 1. 정렬문제 1) 컴퓨터가 이해할 수 있게 입력과 출력으로 명확하게 정의해주어야 함 2) 입력 : n개의 숫자들의 배열 3) 출력 : 입력받은 숫자들을 점점 커지거나(오름차순) 작아지는(내림차순) 순서로 재배열 2. 선택정렬 알고리즘 1) 현재 상황에서 가장 작거나 큰 숫자를 선택하여 재배치하는 아이디어 2) 최소값 선택 정렬 : 가장 작은 값을 선택(오름차순) 1] 정렬되지 않은 숫자 중 가장 작은 숫자를 선택 2] 선택한 숫자를 정렬되지 않은 숫자들 중 첫 번째 숫자와 자리를 바꾸면 선택된 숫자는 정렬된 것 3] 모든 숫자를 옮길 때까지 1-2과정을 반복 3) 최대값 선택 정렬 : 가장 큰 값을 선택..
2장. 컴퓨터 알고리즘 개요(2) [ 목차 ] 1. 컴퓨터 알고리즘의 분석 2. 점근적 표기법 1. 컴퓨터 알고리즘의 분석 1) 수행시간 분석 1] 특정 기계에서 수행시간을 측정하는 것은 공정하지 않음 2] 따라서 조건이 동일한 특정 기계에서 모든 알고리즘의 수행시간을 측정해야 하나 비현실적 3] 수행연산의 횟수를 비교하는 방식으로 성능을 분석 4] 수행시간은 입력으로 크기가 커질수록 시간이 많이 걸리기 때문에 수행시간은 입력크기 n에대한 함수로 표현 5] 종합하면, 공정하고 공평한 비교를 위해 점근적 표기법에 의해 기술 2) 성능 분석의 비교대상 1] 산술 연산 : add, multiply, exponent, modurar, ... 2] 데이터 입출력 : copy, move, save, load, ... 3] 제어 연산 : if, wh..
1장. 컴퓨터 알고리즘 개요(1) [ 목차 ] 1. 컴퓨터 알고리즘 2. 컴퓨터 알고리즘 4단계 1. 컴퓨터 알고리즘 1) 컴퓨터 언어 : 컴퓨터와 대화하기 위해서 사용하는 언어 2) 컴퓨터 알고리즘 : 컴퓨터를 이용하여 주어진 문제를 풀기 위한 방법이나 절차로, 어떤 작업을 하기 위해서는 컴퓨터에게 할 일을 하나씩 차례대로 알려줘야 함 3) 컴퓨터 프로그램 : 컴퓨터가 특정 작업을 수행하기 위해 짜여진 명령의 순서 2. 컴퓨터 알고리즘 4단계 1) 문제정의 1] 해결하고자 하는 문제는 무엇인가? 2] 입력과 출력의 형태로 정의가 가능한가? 3] 컴퓨터가 수행할 수 있는 형태로 전환 가능한가? 2) 알고리즘 설명 1] 컴퓨터가 수행해야 할 내용을 하나씩 차례대로 정의한 과정 3) 정확성 증명 1] 과정대로 수행하면 출력으로 항상 올바른 ..
개요 주소 https://tacademy.skplanet.com/live/player/onlineLectureDetail.action?seq=83 컴퓨터 알고리즘 초급 | T아카데미 온라인강의 컴퓨터 알고리즘은 성공적인 프로그래밍을 위한 필수적인 과목입니다. 본 과정에서는 컴퓨터 알고리즘의 정의에 대해 학습하고 필요성을 인식하며 이에 대한 기본내용을 학습합니다. 또.. tacademy.skplanet.com 학습내용 컴퓨터 알고리즘은 성공적인 프로그래밍을 위한 필수적인 과목입니다. 본 과정에서는 컴퓨터 알고리즘의 정의에 대해 학습하고 필요성을 인식하며 이에 대한 기본내용을 학습합니다. 또한 컴퓨터 알고리즘의 분석 방법을 이해하고 컴퓨터 알고리즘을 응용하여 주어진 문제를 해결하는 방법을 배웁니다. 학습대상 컴퓨..
5장. display, visibility, opacity 프로퍼티 [ 목차 ] 1. display 프로퍼티 2. block 레벨 요소 3. inline 레벨 요소 4. inline-block 레벨 요소 5. visibility 프로퍼티 6. opcity 프로퍼티 1. display 프로퍼티 1) layout 정의에 자주 사용되는 중요한 프로퍼티로 상속되지 않음 2) 모든 HTML 요소는 아무런 CSS를 적용하지 않아도 기본적으로 block 또는 inline 특성을 보유 3) block : block 특성을 가지는 소요 4) inline : inline 특성을 가지는 요소 5) inline-block : inline-block 특성을 가지는 요소 6) none : 해당 요소를 화면에 표시하지 않음 2. block 레벨 요소 1) 항상 새로운 라인에서 시작 2) 화면 크기..
4장. 박스 모델 [ 목차 ] 1. 박스 2. width/height 프로퍼티 3. margin/padding 프로퍼티 4. border 프로퍼티 5. box-sizing 프로퍼티 1. 박스 1) 콘텐츠, 패딩, 테두리, 마진으로 구성 2) 브라우저는 박스 모델의 크기와 프로퍼티, 위치를 근거로하여 랜더링을 실행 3) 웹디자인은 콘텐츠를 담을 박스 모델을 정의하고 css프로퍼티를 통해 스타일과 위치, 정렬을 지정하는 것 4) content : 요소의 텍스트나 이미지 등의 실제 내용이 위치하는 영역으로 width, height 프로퍼티를 보유 5) padding : 테두리 안쪽에 위치하는 요소의 내부 여백영역으로, pdding 프로퍼티 값은 패딩 영역의 두께를 의미하며 기본색은 투명. 요소에 적용된 배경의 컬러, 이미지는 ..
3장. CSS 프로퍼티 값의 단위 [ 목차 ] 1. 키워드 2. 크기 단위 3. px 4. % 5. em 1. 키워드 1) 각 프로퍼티에 따라 사용할 수 있는 키워드가 존재 2) ex. display의 경우 block, inline, inline-block, none 2. 크기 단위 1) CSS에서 사용하는 대표적 크기 단위는 px, em, % 2) cm, mm, inch도 존재 3) 대부분 브라우저 포트 사이즈의 기본값은 16px, 1em, 100% 3. px 1) 픽셀단위로, 1px는 화소1개 크기를 의미 2) 디바이스 해상도에 따라 상대적인 크기를 가지며, 제각각이기에 픽셀 기준 단위는 정확하지 않음 3) 대부분의 브라우저는 1px를 1/96 인치의 절대단위로 인식 4) 요소의 크기나 이미지의 크기 지정에 주로 사용 4. % 1) ..
2장. CSS 셀렉터 [ 목차 ] 1. 복수의 셀렉터 지정 2. 전체 셀렉터 3. 태그 셀렉터 4. ID 셀렉터 5. 클래스 셀렉터 6. 어트리뷰트 셀렉터 7. 복합 셀렉터 8. 가상 클래스 셀렉터 9. UI 요소 상태 셀렉터 10. 구조 가상 클래스 셀렉터 11. 구조 가상 콜렉트 셀렉터 - 특정 위치 12. 부정 셀렉터 13. 정합성 체크 셀렉터 14. 가상 요소 셀렉터 1. 복수의 셀렉터 지정 1) 복수개의 셀렉터를 연속하여 지정할 수 있으며 쉼표로 구분 2. 전체 셀렉터 1) * : HTML 문서 내의 모든 요소를 선택 3. 태그 셀렉터 1) 지정된 태그명을 가지는 요소를 선택 4. ID 셀렉터 1) #id 어트리뷰트 값 : id 어트리뷰트 값(중복될 수 없는 유일한 값)을 지정하여 일치하는 요소를 선택하는 것 5. ..
1장. CSS 기본문법 [ 목차 ] 1. CSS 2. Selector 선택자 3. Property 속성 4. Value 값 5. HTML과 CSS의 연동 6. Reset CSS 1. CSS 1) HTML이나 XML과 같은 구조화된 문서를 화면, 종이에 어떻게 렌더링 할 것인지 정의하기 위한 언어 2) HTML은 정보의 구조화, CSS는 스타일링의 정의라는 별개의 문법을 갖는 별개의 언어 3) HTML없이 단독으로 존재하는 CSS는 의미가 없음 2. Selector 선택자 1) 스타일을 적용하고자 하는 HTML 요소를 선택하기 위해 CSS에서 제공되는 수단 2) 아래 구문을 Rule Set이라 하며, 셀렉터에 의해 선택된 HTML요소를 어떻게 렌더링할 것인지 브라우저에 지시 3. Property 속성 1) 셀렉터로 HTML 요소..
10장. 웹페이지의 레이아웃을 구성하기 위해 공간을 분할하는 태그 [ 목차 ] 1. 기존의 태그 2. 현재의 태그 1. 기존의 태그 1) 공간 분할 태그는 div, span, table이 존재 2) 과거는 주로 table과 dib를 사용 3) div 태그는 의미론적으로 어떠한 의미도 가지고 있지 않음 2. 현재의 태그 1) div 태그의 단점을 보완하기 위해 새로운 태그를 사용 2) IE에서 작동하지 않음에 주의 3) 공간 분할 태그는 일반적으로 다른 요소를 포함하는 컨테이너 역할 1) header : 헤더 2) nav : 내비게이션 3) aside : 사이드에 위치하는 공간 4) section : 본문의 여러 내용을 포함하는 공간 5) article : 본문의 주 내용이 들어가는 공간 6) footer : 푸터
9장. 사용자와의 커뮤니케이션을 위한 폼 태그 [ 목차 ] 1. form 2. input 3. select 4. textarea 5. button 6. fieldset/legend 1. form 1) 사용자가 입력한 데이터를 수집하기 위해 사용 2) input, textarea, button, select, checkbox, radio button, submit button 등의 입력 양식 태그 포함 3) 어트리뷰트 1] action : 입력 데이터가 전송될 URL 지정 2] method : 입력 데이터의 전달 방식 지정, get/post get 1) 전송 URL에 입력 데이터를 쿼리스트링으로 보내는 방식 2) 전송 URL 바로 뒤에 '?'를 통해 데이터의 시작을 알려주고, key-value형태의 데이터를 추가 3) 1개 이상의 전송 데이터는 '&'..
8장. 이미지의 표현과 동영상, 음악 등 멀티미디어를 지원하는 태그 [ 목차 ] 1. 이미지 2. 미디어 - 오디오 3. 미디어 - 비디오 1. 이미지 1) 웹페이지에 이미지를 삽입하는 경우 img tag를 사용 2) 어트리뷰트 1] src : 이미지 파일 경로 2] alt : 이미지 파일이 없을 경우 표시되는 문장 3] width : 이미지의 너비 4] height : 이미지의 높이 2. 미디어 - 오디오 1) audio 태그는 HTML5에서 새롭게 추가 2) 어트리뷰트 1] src : 음악 파일 경로 2] preload : 재생 전에 음악 파일을 모두 불러올 것인지 지정 3] autoplay : 음악 파일을 자동재생 개시할 것인지 지정 4] loop : 음악을 반복할 것인지 지정 5] controls : 음악재생 도구를 표시할 것인지 지정하며, 외관은 브라우저마다 차..
7장. 목록과 표 형식 표현을 위한 태그 [ 목차 ] 1. 순서없는 목록 2. 순서 있는 목록 3. 중첩 목록 4. 테이블 1. 순서없는 목록 2. 순서 있는 목록 1) type 어트리뷰트를 사용해 순서를 나타내는 문자를 지정 가능 2) start 어트리뷰트를 사용해 리스트의 시작값 지정 가능 3) reversed 어트리뷰트를 사용해 리스트의 순서값을 역으로 지정 가능 2) 에 value 어트리뷰트를 통해 임의의 값 지정 가능 3. 중첩 목록 4. 테이블 1) 표를 만들 때 사용하는 태그 2) table : 표를 감사는 태그 3) tr: 표 내부의 행 4) th : 행 내부의 제목 셀 5) td : 행 내부의 일반 셀 5. 테이블 어트리뷰트 1) border 어트리뷰트를 사용해 외곽선 입력 가능 2) rowspan 어트리뷰트를 사용해 해당 셀이..
6장. Hyperlink [ 목차 ] 1. Hyper 2. 디렉터리 3. 파일 경로 4. href 어트리뷰트에 사용 가능한 값 1. Hyper 1) 텍스트 등의 정보가 동일 선상에 있는 것이 아니라 다중으로 연결되어 있는 상태를 의미 2) html의 link의 개념과 연결되는데 기존 문서나 텍스트의 선형성, 고정성의 제약에서 벗어나 사용자가 원하는 순서대로 원하는 정보를 취득할 수 있는 기능을 제공 3) 한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 이 기능을 하이퍼링크라 지칭 2. 디렉터리 1) 파일과 다른 디렉터리를 갖는 파일 시스템 내의 존재물로서 폴더라고도 지칭 2) 루트 디렉터리 : 파일 시스템 계층 구조 상의 최상위 디렉터리 1] Unix:/ 2] windoes: C:\ 3) 홈 디렉토리 : 시스템의 사용자에게 ..
5장. 텍스트 관련 태그 [ 목차 ] 1. 제목 태그 2. 글자 형태 태그 3. 본문 태그 4. 공백 태그 1. 제목 태그 1) Heading 태그는 제목을 나타낼 대 사용되며 h1부터 h6까지의 태그가 존재 2) h1이 가장 중요한 제목을 의미하며 크기도 가장 큼 3) 시맨틱 웹의 의미를 살려서 제목 이외에는 사용하지 않은 것이 좋음 4) 검색엔진이 제목 태그를 중요한 의미로 받아들일 가능성이 높음 2. 글자 형태 태그 1) b : bold체를 지정하는 것으로, 제목 태그와 같이 의미론적 중요성의 의미는 없음 2) string : b 태그와 동일하게 bold체를 지정하지만 의미론적 중요성을 지님 3) i : italic체를 지정하는 것으로, 중요성의 의미는 없음 4) em : 문장을 강조하는 것으로, i 태그와 동일하게 ita..
4장. 웹페이지를 구성하는 기본 태그 [ 목차 ] 1. 문서 형식 정의 tag 2. html tag 3. head tag 4. head tag - title tag 5. head tag - style tag 6. head tag - link tag 7. head tag - script tag 8. head tag - meta tag 9. body tag 1. 문서 형식 정의 tag 1) 문서 형식 정의 태그는 출력할 웹 페이지의 형식을 브라우저에 전달 2) 문서의 최상위에 위치해야 하며 대소문자를 구별하지 않음 2. html tag 1) html 태그는 모든 html 요소의 부모 요소이며 웹페이지에 단 하나만 존재 2) 즉, 모든 요소는 html 요소의 자식 요소이며 html 요소 내부에 기술 3) html은 글로벌 어트리뷰를 지원하며 특히..
3장. 시맨틱 요소 [ 목차 ] 1. 시맨틱 웹 2. 시맨틱 태그 1. 시맨틱 웹 1) 웹에 존재하는 수많은 웹페이지들에 메타데이터를 부여하여 기존의 잡다한 데이터 집합이었던 웹페이지를 의미와 관 련성을 가지는 거대한 데이터베이스로 구축하고자 하는 발상 2) non-semantic 요소 : div, span 등이 있으며 이들 태그는 contetn에 대하여 어떤 설명도 하지 않음 3) semantic 요소 : from, table, img 등이 있으며 이들 태그는 content의 의미를 명확히 설명 2. 시맨틱 태그
2장. HTML5 기본문법 [ 목차 ] 1. HTML 2. Hello HTML5 3. HTML5의 기본문법 - 요소 4. HTML5의 기본문법 - 요소의 중첩 5. HTML5의 기본문법 - 빈 요소 6. HTML5의 기본문법 - 어트리뷰트 7. HTML5의 기본문법 - 글로벌 어트리뷰트 8. HTML5의 기본문법 - 주석 1. HTML5 1) 웹페이지를 기술하기 위한 마크업 언어 2) 웹페이지의 내용과 구조를 담당하는 언어로써 HTML태그를 통해 정보를 구조화 3) 5까지 최신 버전이 나와 있으며, 머티미디어, 그래픽, 통신, 디바이스접근, 시맨틱 태그 등 다양한 기능을 지원 2. Hello HTML5 1) 반드시 으로 시작하며 문서형식을 HTML5로 지정해야 함 2) 실제적 HTML document는 2행부터 시작되며, 과 사이..