route
-
express개발/nodejs 2020. 12. 24. 21:29
nodejs로 서버를 만들 때 유용한 웹 애플리케이션 프레임 워크. 사실상 nodejs의 표준 서버 프레임워크라 봐도 무방하다. 몇몇 함수에 대해서 알아보자. listen 첫번째 인자로 포트 번호를 받고 두번째는 콜백 함수다. 몇번 포트에 서버를 만들 것인지 정하는 함수다. const express = require("express") const app = express() ... app.listen(3000, () => { console.log('Server is up on port 3000') }) get, post 외부로부터 http GET, POST 요청을 처리 할 수 있다. 콜백함수에서는 요청 인자와 응답 인자를 받으며 응답 인자를 이용해 값을 전달 할 수 있다. app.get('', (req,..
-
react router개발/react 2020. 12. 17. 19:52
react 에서는 react-router-dom 라이브러리를 통해 들어 오는 주소 별로 별도의 페이지를 보여줄 수 있는 라우팅 기능을 제공한다. 리액트의 특성에 맞게 이 라이브러리는 어떤 페이지로 진입 했을 때 어떤 페이지를 보여 줄 것인지를 컴포넌트 단위로 뽑을 수 있다. 1. 라이브러리 임포트 리액트와 필요한 라이브러리를 임포트 한다. import React from 'react'; import { BrowserRouter, Route, Switch, Link, NavLink } from 'react-router-dom'; 2. Route const AppRouterExample = () => ( (This is DashboardPage)} exact={true} /> (This is Create P..