웹 개발 환경 설정

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

Editor

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

VS Code

Browser

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

DevTools

Files

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

index.html

반복

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

reload

핵심웹 개발 환경 설정은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.