React 시작하기 #1

🚀 기초 React (1강 ~ 8강)

> 강의 보러가기 

 

🙋🏻‍♂️ Node.js 란 ?

예전에는 자바스크립트 런타임이 브라우저 밖에 존재하질 않았다. 이러한 한계를 극복하고 나온 자동차의 엔진과 같은 역활.

 

🙋🏻‍♂️ Express.js란 ?

node.js를 쉽게 이용할 수 있게 해주는 자바스크립트 프레임워크.

 

📁 폴더 생성 순서

• Documents에 접속 > 터미널(or git bash) > npm init 입력 > package.json 생성 > index.js 만들기

 

💾 명령어

• npm express --save // --save를 적어주면 package.json에 기록되므로, 타인이 설치된 내용에 대해 쉽게 알 수 있다.

• npm run start // server 시작. 변경 사항이 자동으로 반영되지 않기 때문에 페이지를 새로고침 해야한다.

 

📂 Express.js 만들기

> Documents

 

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

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

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

• require() 은 뭘까? => 확인