[AI] KT AIVLE(KT 에이블스쿨) 3기 AI 개발자 트랙 WEB 프로그래밍 -13주차-

  WEB 프로그래밍의 기초를 배웠다. 로컬에서 HTML, CSS, JS를 직접 코딩하여 기본적인 페이지의 레이아웃, 스타일, 이벤트 처리를 하였다. 이틀 동안 실습 위주로 수업이 진행되어서 딱히 정리한 내용은 없다. 전공 수업에서 웹 페이지를 만드는 프로젝트를 한 적이 있는데 기억이 새록새록 났다. 그 이후 웹 프로그래밍을 해본적이 없기 때문에 사실상 이번 강의에서 코드 따라 치기 바빴다.. 코드를 따라 치면서 코드 전부를 이해하지는 못 했다. 프론트엔드로 취업을 할건 아니라서 큰 시간을 투자해서 공부하지는 않을거지만 짧게 보면 빅프로젝트에서도 프론트엔드가 어느정도 필요하고, 또 멀게 봤을 때도 알아두면 나쁘지 않을 것 같아 이번참에 프론트엔드 공부를 좀 해볼까 한다. 

 

 

- HTML, CSS, JS

HTML	레이아웃+텍스트
CSS	스타일
JS	이벤트 처리

 

 

- HTML

: 웹 문서를 작성하는 마크업 언어

 

 

- HTML 구성요소

  (1) Document

    : 한 페이지 전체의 HTML 코드

  (2) Element

    : Document를 구성하는 Start Tag, End Tag, Text로 구성되어 있는 html코드

  (3) Tag

    : Element의 기능을 정의하는 HTML코드: Start Tag와 End Tag가 있음

  (4) Attribute

    - id : Element를 정의하는 Document에서 유일한 값

    - class : Element를 정의하는 값으로 하나의 Element가 여러개의 class를 가질수 있음

    - attr : id, class를 제외한 나머지 속성값 : href, scr, type, name 등등

  (5) Text

    : 시작 태그와 끝 태그 사이에 있는 문자열