Aplikasi Bahagian Belakang Pertama anda menggunakan Node.js

웹 개발을 배우고 있는데 Node.js 프로젝트를 시작하는 방법이 헷갈리시나요? 걱정하지 마세요. 제가 도와드리겠습니다! 단 5단계만으로 Node.js 및 Express.js를 사용하여 첫 번째 백엔드를 생성하는 과정을 안내해 드리겠습니다.

?️5가지 주요 단계:

• 1단계: 프로젝트 설정
• 2단계: 폴더 정리
• 3단계: server.js 파일 생성
• 4단계: 경로 구축
• 5단계: 백엔드 실행

1단계: 프로젝트 설정 ?️

1. Node.js 및 npm 설치: 공식 웹사이트에서 Node.js를 다운로드하여 설치하세요. 패키지 관리를 도와주는 npm(Node Package Manager)이 함께 제공됩니다.

2. 프로젝트 폴더 만들기: 프로젝트를 위한 폴더를 만듭니다. 터미널(또는 명령 프롬프트)을 열고 다음을 입력하세요.

   mkdir my-node-project
   cd my-node-project

3. 프로젝트 초기화: 폴더 내에서 다음을 입력하여 새 Node.js 프로젝트를 설정합니다.

   npm init

이렇게 하면 모든 프로젝트 정보와 종속성이 저장되는 package.json 파일이 생성됩니다. 확실하지 않은 경우 각 질문에 대해 Enter 키를 누르세요.

4. Express.js 설치: Express.js는 백엔드 구축을 더 쉽게 해주는 프레임워크입니다. 다음을 입력하여 설치하세요.

   npm install express

2단계: 폴더를 정리하세요?

정리하는 것이 중요합니다! 프로젝트를 구성하는 방법은 다음과 같습니다.

• server.js: 메인 서버 코드를 작성하는 곳입니다.
• routes/: 여기에 경로 파일을 저장합니다(웹 요청을 처리하는 곳).
• controllers/: 경로 로직을 관리하는 상점 코드
• models/: 데이터베이스를 사용하는 경우 데이터베이스 모델을 저장합니다(지금은 필요하지 않음).

폴더 구조 예시:

my-node-project/
├── routes/
├── server.js
├── package.json
└── node_modules/

3단계: server.js 파일 만들기 ?️

1. 파일 생성: 프로젝트 폴더 안에 server.js라는 파일을 생성합니다. 이것이 앱의 진입점이 됩니다.

2. 첫 번째 Node.js 서버 작성:

   const express = require('express'); // Importing express
   const app = express(); // Creating an express app

   // Create a route that sends a response when visiting the homepage
   app.get('/', (req, res) => {
     res.send('<h1>Hello, Express.js Server!</h1>');
   });

   // Set up the server to listen on port 3000
   const port = 3000;
   app.listen(port, () => {
     console.log(`Server is running on port ${port}`);
   });

3. 테스트: 다음을 입력하여 서버를 실행하세요.

   node server.js

이제 웹 브라우저를 열고 http://localhost:3000으로 이동합니다. "Hello, Express.js Server!"가 표시되어야 합니다. 화면 속으로!

4단계: 경로 구축?

경로는 서버가 다양한 URL 요청에 응답하는 방식을 정의합니다.

1. 경로 생성: server.js 파일에는 이미 하나의 경로가 있습니다:

   app.get('/', (req, res) => {
     res.send('Hello, Express.js Server!');
   });

2. 더 많은 경로 추가: 더 많은 경로를 추가해 보겠습니다.

   app.get('/about', (req, res) => {
     res.send('This is the about page');
   });

   app.get('/contact', (req, res) => {
     res.send('This is the contact page');
   });

3. 경로 테스트: 저장한 후 브라우저로 이동하여 다음 URL을 방문하세요.

• http://localhost:3000/ – "Hello, Express.js Server!"가 표시되어야 합니다
• http://localhost:3000/about – "이 정보 페이지입니다"가 표시되어야 합니다
• http://localhost:3000/contact – "연락처 페이지입니다"가 표시되어야 합니다

5단계: 백엔드 실행 ??

서버를 계속 실행하고 변경 사항을 테스트하려면:

1. 서버 시작: 서버를 다시 실행하세요:

   node server.js

2. 테스트: 브라우저에서 URL을 방문하거나 Postman과 같은 도구를 사용하여 요청을 보낼 수 있습니다.

3. 서버를 최신 상태로 유지: 코드를 변경하면 자동으로 서버를 다시 시작하는 nodemon을 설치할 수 있습니다.

   npm install -g nodemon

이제 node server.js 대신 다음을 실행하세요.

   nodemon server.js

산출?:

http://localhost:3000/을 방문하면 다음이 표시됩니다.

Hello, Express.js Server!

http://localhost:3000/about을 방문하면 다음 내용이 표시됩니다.

This is the about page

---

✅?추천:

이 인쇄 가능한 백엔드 개발자 개념 템플릿을 사용하여 진행 상황을 추적하세요!

초보 개발자는 올바른 기술 스택을 선택하는 데 어려움을 겪는 경우가 많으며 이로 인해 시간이 낭비되고 동기가 상실됩니다. 그래서 저는 여러분이 진행 상황을 추적하고 목표를 달성할 수 있도록 Notion에서 6개월 간의 백엔드 개발자 로드맵을 따르기 매우 쉬운 아름다운 디자인을 만들었습니다._

이 로드맵:

• ?️ 혼란을 피하기 위해 명확한 경로를 제공합니다.
• ? 시작과 끝을 대략적으로 설명하여 동기를 유지하는 데 도움이 됩니다.
• ? 학교 강의 계획서와 유사한 구조화된 계획을 따릅니다.
• ? 도구 및 언어에 대한 주간 목표에 따라 학습을 구성합니다.
• ⏳ 필요한 모든 것을 포함하여 6개월 안에 완료를 보장합니다.
• ? 쉽게 탐색할 수 있는 아름다운 디자인이 특징입니다.

---

이 글을 읽어주셔서 감사합니다. 저를 팔로우해 보세요. 최신 업데이트를 확인하세요.

Baca lebih lanjut: kemahiran untuk menjadi pembangun bahagian belakang dalam masa 6 bulan (peta jalan)

Atas ialah kandungan terperinci Aplikasi Bahagian Belakang Pertama anda menggunakan Node.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!