HTML

실습 환경 구성

VSCode로 실습 환경 구성하기

 원하는 위치에 폴더를 하나 만들어 그 안에서 마우스 오른쪽 메뉴를 통해 'Open with Code'를 클릭하면 VSCode가 해당 폴더를 기준으로 실행됩니다.

 왼쪽 사이드바에 나타나는 폴더 목록에서 '새 파일'을 추가합니다. 파일명은 아무렇게나 해도 되며, 확장자는 *.html 이여야 합니다.

 저는 hello.html이라 했습니다.

 그리고 아까 만든 폴더로 들어가서 hello.html 파일을 웹 브라우저에 드래그&드롭합니다. 또는 아래 이미지처럼 html 파일을 오른쪽 클릭한 후 메뉴에서 연결 프로그램으로 웹 브라우저를 선택합니다.

Caption

 그럼 웹 브라우저의 주소창이 현재 컴퓨터에 저장된 hello.html 파일의 위치를 가리키며 빈 화면으로 가득찰 텐데 VSCode에서 글씨를 입력하고 웹 브라우저에서 새로고침[F5]을 누르면 바로 반영이 되는 것을 볼 수 있습니다. 이제 HTML을 배울 준비는 모두 끝났습니다.

 

댓글

댓글 본문
작성자
비밀번호
버전 관리
LIM HYUN SEOK
현재 버전
선택 버전
graphittie 자세히 보기