개발 환경 설정

웹 개발 환경 구성

처음에는 도구를 많이 늘리기보다 HTML 파일을 고치고 브라우저에서 바로 확인하는 흐름을 안정화한다.

Editor

코드를 작성하고 저장한다.

VS Code

Browser

렌더링 결과와 개발자 도구를 확인한다.

DevTools

Files

HTML, CSS, JS 파일의 역할을 나눠 둔다.

index.html

반복

수정, 저장, 새로고침을 반복한다.

reload

개발 환경 검수: 파일을 수정했을 때 브라우저에서 어떤 결과가 바뀌는지 즉시 확인할 수 있으면 충분하다.