02-1 웹 개발, 어디서부터 시작할까
02-2 웹 개발 환경 설정하기

---

02 웹 개발 시작하기

02-1 웹 개발, 어디서부터 시작할까

웹 개발을 위해 공부해야 할 기술

프론트엔드 및 백엔드 개발을 위해 공부해야할 프로그래밍 언어와 기술

웹 개발의 기본 - HTML, CSS, 자바스크립트

HTML

• 웹 브라우저의 여러 내용 중에서 제목과 본문, 이미지, 표와 같은 웹 요소를 알려주는 역할

CSS

• HTML로 만든 내용을 사용자가 알아보기 쉽게 꾸미거나 사용하기 편리하도록 배치할 때 사용
• 웹 요소를 적절하게 배치하고 필요한 곳 강조 가능

자바스크립트

• 동적인 효과를 사용하기 위해 사용
• 규모가 큰 웹 사이트를 개발할 때는 리액트(React)나 뷰(Vue)같은 자바스크립트 프레임워크를 사용

• 프레임워크: 프로그램을 만들 때 필요한 여러 기능을 쉽게 구현하도록 도와주는 도구

프론트엔드 개발을 위한 기술

백엔드 개발을 위한 기술

02-2 웹 개발 환경 설정하기

웹 브라우저

• 웹 사이트를 방문할 때 사용하거나 웹 개발자가 웹 편집기로 작성한 문서를 화면에 나타내는 프로그램
  

웹 편집기(코드 편집기)

• 웹 문서를 만들 HTML 태그를 비록해 CSS나 자바스크립트 코드를 입력하는 프로그램

웹 개발자 도구 살펴보기

웹 개발자 도구 창 열기
[F12] 눌러서 웹 개발자 도구 창 열기

웹 개발자 도구 한글로 표시하기

HTML 코드 살펴보기

코드 접기 및 펼치기

웹 개발자 도구 창의 위치 옮기기