Node.js - 환경 설정
안녕하세요, 도전하는 프로그래머 여러분! Node.js의 흥미로운 여정에 함께 가이드를 맡게 되어 기쁩니다. 컴퓨터 과학을 오랫동안 가르쳐온 사람으로서, 개발 환경을 설정하는 것은 요리하기 전에 주방을 준비하는 것과 같다고 말할 수 있습니다.처음에는 지루할 수 있지만, 믿으세요, 원활한 코딩 경험을 위해서는 매우 중요합니다!
Node.js는 무엇인가요?
설정에 들어가기 전에 Node.js가 무엇인지 간단히 이해해 보겠습니다. 자바스크립트, 웹사이트를 상호작용적으로 만드는 언어가 브라우저를 벗어나 서버 세상을 탐험하기로 했을 때, 그게 바로 Node.js입니다. Node.js는 브라우저 밖에서 컴퓨터에서 자바스크립트를 실행할 수 있게 해줍니다.
Node.js 환경 설정
이제 손을 dirtied하고 실제 설정 과정에 들어가겠습니다. 처음에는 압도적일 수 있지만, 걱정 마세요. 단계별로 설명하겠고, 깜박하면 당신은 자신만의 Node.js 놀이터를 갖게 될 것입니다!
단계 1: Node.js 다운로드
- 좋아하는 웹 브라우저를 열고 공식 Node.js 웹사이트(https://nodejs.org/)로 이동합니다.
- LTS(장기 지원) 버전과 Current 버전 두 가지가 다운로드 가능할 것입니다. 초보자라면 LTS 버전을 선택하는 것이 좋습니다. LTS 버전은 더 안정적입니다.
- LTS 버튼을 클릭하여 운영 체제(Windows, macOS, Linux)에 맞는 설치 프로그램을 다운로드합니다.
단계 2: Node.js 설치
Windows용:
- 다운로드가 완료되면 설치 프로그램을 실행합니다.
- 설치 와이저를 따라가며 라이선스 동의하고 기본 설정을 선택합니다(변경할 특별한 이유가 없는 한).
- "Install"을 클릭하고 과정이 완료될 때까지 기다립니다.
macOS용:
- 다운로드한 .pkg 파일을 엽니다.
- 설치 와이저를 따라가며 약관에 동의합니다.
- 필요시 시스템 비밀번호를 입력합니다.
Linux용:
프로세스는 배포판에 따라 다릅니다. Ubuntu 또는 Debian 기반 시스템의 경우:
- 터미널 창을 엽니다.
- 다음 명령어를 실행합니다:
sudo apt update
sudo apt install nodejs
sudo apt install npm
단계 3: 설치 확인
Node.js가 올바르게 설치되었는지 확인하려면 터미널(Windows에서는 명령 프롬프트)을 엽니다:
node --version
버전 번호(예: v14.17.0)가 나타나면 축하합니다! Node.js를 성공적으로 설치했습니다.
단계 4: Hello, World!
이제 이 성과를 축하하기 위해 첫 번째 Node.js 프로그램을 작성해 보겠습니다!
- 어떤 텍스트 편집기를 사용하여
hello.js
라는 새 파일을 생성합니다. - 다음 코드를 작성합니다:
console.log("Hello, World! Welcome to Node.js!");
- 파일을 저장하고 편집기를 닫습니다.
- 터미널에서
hello.js
가 저장된 디렉토리로 이동합니다. - 프로그램을 실행하려면 다음을 타이핑합니다:
node hello.js
터미널에 "Hello, World! Welcome to Node.js!"가 출력되면 기쁨이 느껴집니다, 아닙니까?
온라인 시도 옵션
occasionally, you might want to quickly test a Node.js snippet without setting up a local environment. That's where online Node.js playgrounds come in handy!
인기 있는 온라인 Node.js 환경:
플랫폼 | 기능 | 최적 사용 사례 |
---|---|---|
Repl.it | 무료, 여러 파일 지원, 실시간 협업 | 빠른 실험, 코드 공유 |
JSFiddle | 간단한 인터페이스, 프론트엔드 코드와 함께 Node.js 지원 | 작은 Node.js 스니펫 테스트 |
Codesandbox | 브라우저 내 완전한 IDE, 복잡한 프로젝트 지원 | Node.js 애플리케이션 빌드 및 테스트 |
이 플랫폼을 사용하려면:
- 웹사이트를 방문합니다.
- 새 Node.js 프로젝트를 생성합니다.
- 에디터에서 코드를 작성합니다.
- "Run" 또는 "Execute"를 클릭하여 출력을 확인합니다.
예를 들어, Repl.it에서 "Hello, World!" 프로그램을 시도해 보겠습니다:
- https://repl.it/으로 이동합니다.
- "Create Repl"을 클릭하고 "Node.js"를 선택합니다.
- 에디터에 다음 코드를 작성합니다:
console.log("Hello from the cloud! This is Node.js running online!");
- "Run"을 클릭하고 콘솔 창에서 마법이 일어나는 것을 지켜보세요!
로컬 환경 설정
온라인 플랫폼은 빠른 테스트에 적합하지만, 진지한 개발을 위해서는 로컬 환경을 설정하는 것이 좋습니다. 여기서는 컴퓨터에 간단한 Node.js 프로젝트를 만드는 방법을 설명하겠습니다:
- 프로젝트를 위한 새 디렉토리를 만듭니다:
mkdir my_first_nodejs_project
cd my_first_nodejs_project
- 새 Node.js 프로젝트를 초기화합니다:
npm init -y
이렇게 하면 package.json
파일이 생성되며, 프로젝트의 모든 구성 요소(의존성)와 지시(스크립트)를 나열합니다.
-
index.js
라는 새 파일을 만들고 코드를 추가합니다:
const fs = require('fs');
fs.writeFile('welcome.txt', 'Welcome to Node.js!', (err) => {
if (err) throw err;
console.log('File created successfully!');
fs.readFile('welcome.txt', 'utf8', (err, data) => {
if (err) throw err;
console.log('File contents:', data);
});
});
이 스크립트는 파일을 생성하고, 그 파일에 텍스트를 쓰고, 그 내용을 읽어显示了.
- 스크립트를 실행합니다:
node index.js
"File created successfully!"라는 메시지와 함께 "File contents: Welcome to Node.js!"가 표시되어야 합니다.
축하합니다! 지금 당신은 Node.js를 사용하여 파일을 생성하고, 쓰고, 읽는 기본 작업을 수행했습니다. 이 작업은 많은 Node.js 애플리케이션에서 중요한 기능입니다.
결론
Node.js 환경을 설정하는 것은 서버 측 자바스크립트 프로그래밍의 더 넓은 세상으로의 첫 걸음입니다. 기억하십시오, 모든 전문가는 초보자였습니다. 즉시 이해가 되지 않는다면 실망하지 마십시오. 계속 연습하고 실험하고, 가장 중요한 것은 즐기세요!
다음 강의에서는 Node.js의 더 많은 개념을 탐구하고 더 복잡한 애플리케이션을 만드는 방법을 배울 것입니다. 그때까지, 행복하게 코딩하세요!
Credits: Image by storyset