[Mac] Express 기반 서버 환경 세팅

OS: MacOS 11.3.1

 

Node.js와 프로젝트를 생성했다는 가정 하에 진행한다.

설치하는 방법은 다음 게시글을 참조한다.

https://jbf-story.tistory.com/14

React Native 환경 세팅

 

Express 설치

 

1. 프로젝트 디렉터리로 이동

cd [프로젝트명]

2. Express 설치

npm install express --save

** --save를 해야 package.json에 express 등록

{

  "name": "tripmap",

  "version": "1.0.0",

  "main": "node_modules/expo/AppEntry.js",

  "scripts": {

    "start": "expo start",

    "android": "expo start --android",

    "ios": "expo start --ios",

    "web": "expo start --web",

    "eject": "expo eject"

  },

  "dependencies": {

    "expo": "~44.0.0",

    "expo-status-bar": "~1.2.0",

    "express": "^4.17.3",

    "react": "17.0.1",

    "react-dom": "17.0.1",

    "react-native": "0.64.3",

    "react-native-web": "0.17.1"

  },

  "devDependencies": {

    "@babel/core": "^7.12.9"

  },

  "private": true

}

 

서버 구축

 

1. index.js 생성

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
    res.send('Hello World!')
})

app.listen(port, ()=> {
    console.log(`Test server url -> http://localhost:${port}`)
})

2. index.js 실행

node index.js

console 결과

웹 화면