[HTML] Kick Off

HTML, CSS

뼈대 : HyperText Markup Language
피부 : Cascading Style Sheets

HTML & CSS “문서”

• 프로그래밍 언어가 아님

• 브라우저(웹 서핑 프로그램)는 HTML, CSS로 작성된 파일 (+ Js) 을 서버로부터 받아 읽어서 사용자에게 웹페이지를 보여줌

• 웹페이지의 요소 배치와 디자인을 지정하는 정도

⇒ 브라우저라는 프로그램에서 웹페이지를 보여주기 위한 문서라고 지칭

• HTML5
  현재 가장 널리 사용되는 HTML 버전

Javascript

근육 : Javascript

Js “코드”

• 서버로부터 전달받아 브라우저에서 동작하는 파일이지만 브라우저 뿐 아니라 Node.js 등 컴퓨터에 설치된 자바스크립트 엔진에서 각종 알고리즘 정의 가능

⇒ 프로그래밍 언어로 분류됨

개발 팁

VsCode Emmet Abbreviation

• ! + tab
• > 하위 요소 생성
• + 동급 요소 생성
• * 반복 태그 생성
• . CSS class # id 지정
• () 그룹화 사용
• tag[attribute=""] 속성 사용
• tag{text} 태그 내 텍스트 입력
• $ 넘버링 (숫자를 순서대로 나열) 사용

참고하면 좋을 사이트

MDN (Mozilla Developer Network)
웹 개발자들을 위한 공식 문서 수준의 학습 장소
w3schools
간단한 개념 설명과 실습 및 퀴즈를 제공해주는 사이트