1. 개발 환경 설치 없이 인터넷 상에서 실습하는 방법

구글에서 ‘codepen’ 검색 ⇒ 회원가입 후 HTML, CSS, JS 코드 작성 부분을 볼 수 있음. ⇒ 개발 환경을 따로 설치하지 않고도 HTML, CSS, JS를 실습할 수 있음.

1. 컴퓨터에 실습 환경을 만드는 경우

VS code 설치하기(이미 내 컴퓨터에서는 설치되어있는 상태였다.)

⇒ VS code에서 작성한 html code의 실행결과를 보고 싶을 경우: chrome 검색 창에 작성한 파일을 드래그해서 드롭하면 볼 수 있다.

위와 같이 visual studio code에서 작성한 파일을 저장한다.

크롬 검색 창에 드래그하고 드롭하여 실행 결과를 볼 수 있다.

• 다른 방법: visual studio code에서 ‘Live Server’를 설치한 뒤, visual studio code에서 해당하는 파일 우클릭하면 live server로 열어 바로 실행 결과 확인 가능