VS Code 에서 Javascript 연결해서 사용

인터넷 보고 따라했던 방법이긴 한데 우선 정리해본다.

 

1. Node.js 설치 (mac이면 mac으로 받겠지만 사실 맥은 내가 안써서 잘 모름 )

https://nodejs.org/ko/download/

 

2. VS Code 왼쪽 메뉴에서 Code Runner 와 Live Server 를 받는다.

Code Runner: Javerscript 연동 확인을 위해

Live Server: 웹 브라우저에서 확인을 위해

 

3. 우선 원하는 위치에 작업폴더를 생성한다.

 

4. Javascript 작동 확인은 js 파일을 만들어서 콘솔로 작동되는지 출력해서 확인

코드실행은 (ctrl + alt + N)

 

5. 웹브라우저에서 작업내용을 확인하기 위해서는 html 파일을 만들어서 

 

이렇게 실행해보면

이렇게 웹브라우저에 글씨가 출력되고, 

내용을 바꿔서 저장 (ctrl + S) 만 해도 아래와 같이 내용이 바로 바뀐다.