[01/02] 웹 개발 시작 전

웹 개발의 기본

웹 문서의 뼈대를 만드는 HTML

• 웹 문서의 뼈대를 만듦
• 웹 브라우저 창에 웹 문서의 내용을 보여주기 위한 약속
• HTML에서 약속한 표기법을 사용해 문서를 작성해야함

 

웹 문서를 꾸미는 CSS

• 웹 문서를 꾸미거나 웹 요소를 적절하게 배치하는 방법
• 다양한 디바이스에 맞는 반응형 웹 디자인을 만들기 위해 필수적으로 학습해야 함

 

사용자 동작에 반응하는 자바스크립트

• 사용자 동작에 반응해서 동적인 효과를 만들기 위한 기술
• 자바스크립트를 알고 있다면 새로운 프레임워크를 배우기 쉬움

 

- 크롬 사용

- Visualstudio Code 사용

 

웹 문서 특징

- 소스 작성(VS Code)과 소스 결과 확인(웹 브라우저)이 각각 다른 프로그램에서 이루어진다.

 

VS Code 코드 작성 후 바로 확인하는 라이브러리 → Live Server

- 코드 작성 후 우클릭 → Open with Live Server

 

 

 

Do it! HTML+CSS+자바스크립트 웹 표준의 정석

소스파일: http://www.easyspub.co.kr/30_Menu/DataList/PUB#2