[첫걸음][macOS] Node.js 첫걸음, 어디서 어떻게 시작 해야할까?
node.js 첫걸음
1. Node.js 설치
가장 먼저 Node.js를 설치해야 합니다. Node.js 공식 홈페이지에서 다운로드 받을 수 있습니다.
https://nodejs.org/en/download/
다운로드 후 설치 파일을 실행하고, 설치 과정에 따라 설치를 완료해 주세요.
2. Node.js 버전 관리자 설치 (선택사항)
만약 여러 버전의 Node.js를 사용하고 싶다면, Node.js 버전 관리자를 설치해야 합니다. 대표적인 Node.js 버전 관리자로는 nvm과 n을 사용할 수 있습니다.
nvm 설치 방법
터미널을 열고 다음 명령어를 입력합니다.
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
그리고 다음 명령어를 통하여 nvm이 정상적으로 설치 되었는지 확인 합니다.
nvm -v
node도 잘 설치 되었는지 확인 해봅니다.
node -v
3. 개발환경 설정
Node.js 개발환경을 설정하려면 몇 가지 도구가 필요합니다.
- 텍스트 에디터: Visual Studio Code, Atom, Sublime Text 등을 사용할 수 있습니다.
- Git: 소스 코드 버전 관리 도구로, 다운로드 링크는 다음과 같습니다. https://git-scm.com/downloads
- Command Line Tools: macOS에서 개발을 하기 위해 필요한 도구로, 다음 명령어로 설치할 수 있습니다. (필요시 설치)
xcode-select --install
4. 패키지 매니저 설치
Node.js 애플리케이션을 개발할 때 많은 패키지들을 사용합니다. 이러한 패키지들을 쉽게 관리할 수 있도록 패키지 매니저를 설치해야 합니다. 대표적인 Node.js 패키지 매니저로는 npm과 yarn이 있습니다.
npm은 Node.js와 함께 설치되며, 다음 명령어로 버전을 확인할 수 있습니다.
npm --version
yarn 설치 방법
터미널을 열고 다음 명령어를 입력합니다.
npm install -g yarn
다음 명령어를 통하여 설치를 확인 할 수 있습니다.
yarn --version
이상으로 기본적인 nodejs 개발에 필요한 환경 셋팅이 완료 되었습니다.
5. 첫번째 Node.js 프로젝트 만들기
mkdir my-node-app
cd my-node-app
npm init새로운 디렉토리를 생성후 npm init 실행 하게 되면 Node.js 프로젝트를 위한 package.json 파일이 생성됩니다. 이 파일은 프로젝트의 종속성과 설정 정보를 담고 있습니다.
6. Express.js 설치 및 실행
Express.js는 Node.js 애플리케이션 개발을 위한 가장 유명한 웹 프레임워크 중 하나입니다. 이 프레임워크를 사용하려면, 다음 명령어를 실행하여 Express.js를 설치하세요.
npm install express --save--save 옵션은 프로젝트의 package.json 파일에 설치된 Express.js의 정보를 추가합니다.
이제 첫번째 node.js 스크립트를 작성 해보도록 하겠습니다.
index.js
const express = require('express')
const app = express()
app.get('/', (req, res) => {
res.send('Hello World!')
})
app.listen(3000, () => {
console.log('Server is running on http://localhost:3000')
})이 코드는 Express.js를 사용하여 간단한 웹 애플리케이션을 만드는 코드입니다. 이 애플리케이션은 웹 브라우저에서 http://localhost:3000/ 으로 접속하면 "Hello World!"라는 문자열을 출력합니다.
7. Node.js 어플리케이션 실행하기
node index.js위 명령어를 실행하면, 터미널에 "Server is running on http://localhost:3000" 메시지가 출력됩니다. 이제 웹 브라우저에서 http://localhost:3000/ 으로 접속하여 "Hello World!" 문자열이 출력되는지 확인해 보세요.
이상으로, MacOS에서 Node.js 개발환경 설정 및 첫 번째 Node.js 프로젝트 만드는 방법을 안내해 드렸습니다. 추가적인 질문이 있으시다면 언제든지 물어보세요!
댓글