[새싹 성동 2기] 코딩을 위한 준비 작업 - 노드.js와 VSCode 설치 방법

1. Node.js 설치

Node.js는 JavaScript를 서버 사이드에서 실행할 수 있게 해주는 런타임 환경입니다. 웹 개발에서는 클라이언트 사이드(JavaScript)와 서버 사이드(Node.js)를 모두 사용하는 경우가 많기 때문에, Node.js는 필수적으로 설치해야 할 도구입니다.

Node.js 설치 절차

1. Node.js 공식 웹사이트 방문:
   • Node.js 공식 웹사이트에 접속합니다.
2. 설치 파일 다운로드:
   • 홈페이지에서 LTS(Long Term Support) 버전과 Current 버전이 제공됩니다. 처음 사용하는 경우에는 안정적인 LTS 버전을 선택하는 것이 좋습니다.
3. 설치 파일 실행:
   • 다운로드한 설치 파일을 실행합니다. 설치 과정에서 특별한 설정 없이 Next를 클릭하며 진행하면 됩니다.
4. 설치 확인:
   • 설치가 완료되면 터미널(또는 명령 프롬프트)을 열고, 아래 명령어를 입력하여 정상적으로 설치되었는지 확인합니다:
     node -v
5. npm 확인:
   • Node.js는 함께 npm (Node Package Manager)이라는 패키지 관리 도구도 설치합니다. npm을 통해 다양한 JavaScript 라이브러리를 쉽게 관리할 수 있습니다. 아래 명령어로 npm이 정상적으로 설치되었는지 확인할 수 있습니다:
     npm -v

2. Visual Studio Code (VSCode) 설치

Visual Studio Code (VSCode)는 무료이면서 강력한 소스 코드 편집기입니다. 다양한 프로그래밍 언어를 지원하고, 풍부한 확장 기능을 제공하기 때문에 Node.js 개발에도 적합합니다.

VSCode 설치 절차

1. VSCode 공식 웹사이트 방문:
   • VSCode 공식 웹사이트에 접속합니다.
2. 설치 파일 다운로드:
   • 웹사이트에서 운영 체제에 맞는 설치 파일을 다운로드합니다. Windows, macOS, Linux 버전이 모두 제공됩니다.
3. 설치 파일 실행:
   • 다운로드한 설치 파일을 실행하고, 기본 설정으로 설치를 진행합니다. 특별한 설정 없이 "다음"을 클릭하면 설치가 완료됩니다.
4. 설치 확인:
   • 설치가 완료되면 VSCode를 실행해봅니다. 정상적으로 실행되면 코드 편집을 시작할 준비가 된 것입니다.

3. 첫 파일 생성

먼저 프로젝트를 시작할 폴더를 만들어준 후 VSCode에서 해당 폴더를 열어줍니다.
파일->폴더열기

해당 폴더 안에 파일을 만들어주고 이름을 지정합니다. 확장자로는 js로 넣어줍니다. 그 후 간단한 코드를 작성하겠습니다.

f5를 누르면 이와같은 창이 뜹니다.node.js를 선택하여 실행합니다.

위와같이 출력됨을 볼 수 있습니다.

이제부터 코드를 바꾸고 확인 할 때마다 f5를 눌러 디버그 콘솔을 확인하면 됩니다.

 

 

 

 

 

 

 

 

*생성형 AI 활용한 클라우드&보안 전문가 양성캠프 과정의 교육내용 정리 자료입니다.