[Node.js] React Native + Node.js + MySQL To do list 만들기 1 - 서버 초기 세팅하기 (Initialize server setting)

 

안녕하세요 Foma 입니다.

 

이번 글은 Node.js 서버 초기 세팅하는 방법에 대해 다뤄보도록 하겠습니다.

 

바로 시작할게요~

---

Tutorial

 

•  React Native + Node.js + MySQL To do list 만들기 1 - 서버 초기 세팅하기 (Initialize server setting)
•  React Native + Node.js + MySQL To do list 만들기 2 - MySQL 테이블 만들기 (Create a MySQL Table)
•  React Native + Node.js + MySQL To do list 만들기 3 - React Native 화면 구현하기 (Implement frontend)
•  React Native + Node.js + MySQL To do list 만들기 4 - Express로 CRUD 구현하기 (Building a CRUD API with Express)
• React Native + Node.js + MySQL To do list 만들기 5 - Axios 이용하여 CRUD 구현하기 (Implementing a api with Axios)

---

Install

 

Node.js 서버를 만들기 위해 Node.js를 설치해 줍니다.

 

Node.js

 

다운로드 | Node.js

 

VSCode로 서버 만드는 것을 진행할 것이므로 VSCode를 설치해 줍니다.( 다른 IDE를 사용하셔도 상관 없습니다.)

 

Visual Studio Code

 

Visual Studio Code - Code Editing. Redefined

---

Setting

 

원하는 위치에 폴더를 생성해 줍니다.

 

VSCode에서 위에서 만든 폴더로 이동해 줍니다

 

 

터미널을 새로 만들어 줍니다.

 

 

npm을 초기화 해줍니다.

 

npm init

 

그러면 아래와 같이 몇 가지 질문을 할 거에요.

 

원하는 내용을 입력해도 되지만 이번에는 그냥 모두 엔터만 쳐서 package를 만들겠습니다.

 

package.json이 생성 됩니다.

 

쉽게 서버를 만드는 것을 도와주는 express 프레임워크를 설치해 줍니다.

 

npm install --save express

 

node_modules와 package-lock.json이 생깁니다.

 

---

Test

 

이제 정상적으로 서버가 작동하는지 테스트 해보겠습니다.

 

index.js 파일을 만들어 줍니다.

 

 

index.js

 

const express = require("express");
const app = express();

app.get("/", function (req, res) {
  res.send("안녕하세요!");
});
app.listen(3000, () => console.log("3000포트에서 대기 중..."));

 

아래와 같이 대기 중이라는 로그가 찍히는 것을 볼 수 있습니다.

 

주소창에 localhost:포트번호로 이동하게 되면 아래와 같이 "안녕하세요!" 가 정상적으로 뜨는 것을 볼 수 있습니다.

 

---

Next Tutorial

 

[MySQL] React Native + Node.js + MySQL To do list 만들기 2 - MySQL 테이블 만들기 (Create a MySQL Table)

---

Source code

 

아래 레포지토리로 이동하면 전체 소스를 확인할 수 있습니다.

 

궁금하신 점 있으시면 언제든 댓글 달아주세요!

 

GitHub - fomagran/ToDoListFullStack: React native(CLI,TS) + Node.js + MySQL