1. Visual Studio Code 설치

러닝메이트 웹앱(WebApp)개발 일지

 

 

웹앱 개발 아이디어가 떠올랐다.

 

대략적인 아이디어는 구상이 완료 되었고, 간단하게 내 컴퓨터안에서 구동되는 웹앱을 만들어 보려한다.

 

그 개발 툴로는 비쥬얼스튜디오코드로 선택했다.

다양한 툴들이 있지만, 역시 손에 익은게 최고가 아닐까..

 

1. 설치

code.visualstudio.com/docs/?dv=win64user
  Documentation for Visual Studio Code  Find out how to set-up and get the most from Visual Studio Code. Optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.  code.visualstudio.com

 

 

2. 다운로드 파일에서 exe 파일 실행

(설치 경로는 원하는 곳에 세팅)

모든 선택사항들을 default 값으로 하고 진행한다.

 

 

3. Visual Studio Code 실행하여 New File 생성해보기!

 

 

4. 앞으로 소스코드를 관리할 폴더를 만들고 3번에서 생성한 New File을 저장하기

Untilted-1 파일에 'hello'라는 문자를 쓰고 Save를 한다.

나는 D드라이브 밑에 WebApp이라는 폴더를 만들고 그 밑에 소스코드를 관리할 생각이므로 해당 폴더에 app.js라는 파일 이름으로 저장하였다.

 

 

 

앞으로 소스코드를 관리할 경로는 기억해 두는 것이 좋다!