설명

  • Node.js를 위한, 빠르고 개방적인 간결한 웹 프레임워크.
  • Node.js의 핵심 모듈인 http와 Connect 컴포넌트를 기반으로 하는 웹 프레임워크
    • spring은 java의 프레임워크, react는 javscript
  • 더 나아가 웹 앱에 MVC 형태의 구조를 제공한다.

사용방법

https://www.npmjs.com/package/express

위 주소에 들어가 express의 사용방법을 그대로 따르면 된다!

npm install express로 설치한 후, 예시를 따르면 된다.

//express-------------

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

app.get('/', function (req, res) {
  res.send('Hello World')
})

app.listen(3000)

//Node.js 기본

let http = require('http');

function onRequest(request,response){
    response.writeHead(200, {'Content-Type':'text/html'});
    response.write('Hello Node.js');
    response.end();
    
}
http.createServer(onRequest).listen(3000);

image.png

file.png

객체란

주어 자리에 왔을 때 문장이 만들어지면 객체다 by.김송아 강사님

  • 데이터를 모아 덩어리로 만든 것
  • 지류들을 파일 철에 담아서 보내는 느낌? 제목:상품명, 내용: ~~이 들어있는 여러 A4종이를 묶어서 파일로 묶어 보내주는 느낌..
    • 상품명: ‘coding 공부하는 법’ 상품 가격: 20000원 상품 소개: ‘코딩 공부하는 법을 전부 다 모았다!’ 이 데이터들을 묶자!

Javascript 객체

  • JavaScript는 객체기반의 스크립트 언어
  • 객체란 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입

    • key: value

        let book = {
  	title : 'coding 공부하는 법',
  	price : 20000,
  	description: '코딩 공부하는 법을 전부 다 모았다!'	
  }

      Javscript Object.png

json(JavasSript Object Notation)

  • 웹 어플리케이션에서 데이터를 전송할 때 일반적으로 사용
  • 자바스크립트 객체 문법. 데이터를 쉽게 교환, 저장하기 위한 데이터 교환 표
  • “데이터이름”: 값
    • 문자열을 “(큰따옴표)”에 감싼다.
       {
  	"title" : "coding 공부하는 법",
  	"price" : 20000,
  	"description": "코딩 공부하는 법을 전부 다 모았다!"
  }
    • 동적 파라미터 처리
      • 주소/:파라미터
      //n으로 들어온 숫자를 params로 전한다. 
  app.get('/products/:n', function (req, res) { //  /products/1로 접속 시
      res.json( {num:req.params.n} ) //  {num: 1}
      console.log(req.params.n)// 1
      /*
      /products/1로 접속 시
        
      */
    })