Backend create-react-app blog-backend cd blog-backend yarn add dotenv joi koa koa-bodyparser koa-router mongoose nodemon 소스파일은 이전글 참고 2019/07/14 - [WEB/REACT] - 14. Koa 프레임워크 Frontend create-react-app blog-frontend cd blog-frontend yarn eject yarn add babel-loader @babel/core @babel/preset-env webpack webpack-cli yarn add node-sass sass-loader classnames yarn add react-router-dom redux redux-act..
WEB/REACT
몽고디비 공식사이트 : https://www.mongodb.com/ The most popular database for modern apps We're the creators of MongoDB, the most popular database for modern apps, and MongoDB Atlas, the global cloud database on AWS, Azure, and GCP. Easily organize, use, and enrich data — in real time, anywhere. www.mongodb.com 다운로드 : https://www.mongodb.com/download-center/community MongoDB Download Center Select the ser..
1. Koa : Koa는 웹 응용 프로그램 및 API를위한 작고 표현력이 뛰어나며 견고한 기반을 목표로하는 Express 팀의 새로운 웹 프레임 워크입니다. 비동기 함수를 활용하여 Koa는 콜백을 제거하고 오류 처리를 크게 향상시킬 수 있습니다. Koa는 코어 내에 미들웨어를 번들로 제공하지 않으며 서버를 빠르고 재미있게 작성할 수있는 우아한 일련의 메소드를 제공합니다. 웹사이트 : https://koajs.com/ Koa - next generation web framework for node.js Introduction Koa is a new web framework designed by the team behind Express, which aims to be a smaller, more expre..
2019/07/12 - [WEB/REACT] - 12. react-router로 SPA 12. react-router로 SPA - SPA : Single Page Application (싱글 페이지 애플리케이션) - 라우팅 관련 라이브러리인 react-router 를 사용예정 - react-router는 서드 파티 라이브러리, 비록 공식 라이브러리 아니지만 많이 사용하고 있음.. kururu.tistory.com 이전글 이어서 진행 webpack 서정 밖으로 꺼내기 yarn eject 서드 파티라이블러들을 vendors 로 따로 분리한다. 이렇게 하면 추후 프로젝트를 업데이트할때 업데이트하는 파일 크기를 최소화시킬수 있다. "webpack": "4.29.6" 기준설명 webpack.config.json ..
- SPA : Single Page Application (싱글 페이지 애플리케이션) - 라우팅 관련 라이브러리인 react-router 를 사용예정 - react-router는 서드 파티 라이브러리, 비록 공식 라이브러리 아니지만 많이 사용하고 있음 create-react-app react-router-tutorial yarn add react-router-dom yarn add cross-env yarn add query-string package.json 변경 - ../ 안쓰고 바로 src 폴더가 기본으로 만들기위한것 전) "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts..
