# Boilerplate

16개의 포스트
post-thumbnail

[Boiler plate] (7) Logout

회원가입, 로그인, 인증을 성공했으므로 로그아웃 기능을 만든다.🌷로그아웃 라우터를 만든다.auth middleware는 로그아웃하려는 유저를 찾기 위해서 이다.auth middleware에서 ID를 받아아서 user를 데이터베이스에서 찾는다.logout을 하므로 to

2021년 7월 7일
·
0개의 댓글
post-thumbnail

[Boiler Plate] (6) User Authentication

이번에는 사용자 기능을 추가한다!🌷로그인이 되어 있는지, 관리자인지 확인하기 위해 인증 기능을 추가한다.또한, 글을 수정하거나 삭제할 경우 권한이 있는지 확인한다.index.js 에 auth router를 생성한다.중간에 auth라는 미들웨어를 만들고 중간에서 인증을

2021년 7월 7일
·
0개의 댓글
post-thumbnail

[Boiler Plate] (5) 로그인 & Token & Cookie

이제 회원가입이 완성되었으므로 로그인을 진행한다! 🌷우선 index.js에 router를 생성한다.클라이언트에서 요청한 이메일이 데이터베이스에 있는 이메일인지 찾아야 한다.mongoDB에서 제공하는 함수인 findOne()을 사용한다.이메일은 모든 사용자가 달라야 하

2021년 7월 6일
·
0개의 댓글
post-thumbnail

[Boiler Plate] (4) 비밀번호 암호화

앞서 회원가입에서 비밀번호를 입력하고 서버에 보내면 비밀번호가 다음과 같이 그대로 노출된다.보안에 취약하다...!비밀번호만 암호화하는 기능을 추가할 것이다!🌷User 정보를 client에서 받아오고user.save로 데이터베이스에 넣어준다.user 정보를 client

2021년 7월 6일
·
0개의 댓글
post-thumbnail

[Boiler plate] (3) 회원가입 기능

세번째, 회원가입 기능을 만든다. 🌷body-parser는 API 요청을 받은 body의 값을 파싱하는 역할을 한다.req.body로 출력해준다.index.js 파일에 추가한다.정보를 보내는 것이므로 POST method를 사용한다.POST method로 보낸다.ro

2021년 7월 6일
·
0개의 댓글
post-thumbnail

[Boiler Plate] (2) User Schema & Model

이번에는 Boiler plate의 초기 셋팅을 끝내고 유저의 모델과 스키마를 만든다!!🌷Schema 는 document, defalut values, validator 등의 구조를 정의한다.Model 은 creating, querying, updatingm delet

2021년 7월 6일
·
0개의 댓글
post-thumbnail

[Boiler Plate] (1) Initial Setting

서버는 nodeJS와 express를 이용해서 만든다!🌷DB는 mongoDB를 사용한다.nodeJS는 자바스크립트 언어를 사용하고 서버사이드를 개발하는소프트웨어 플랫폼이다.express JS는 nodeJS를 쉽게 사용할 수 있는 프레임워크이다.쉽게 예를 들어서 말하면

2021년 7월 6일
·
0개의 댓글
post-thumbnail

[BoilerPlate] LOGIN & LOGOUT

Boiler plate 란 많이 쓰이는 기능을 만들고 가져다가 쓰는 것을 말한다!작년에 한 web 프로젝트에서 리팩토링하면서로그인/ 로그아웃 부분을 수정하고 싶었다.코드도 너무 난잡해서...😂😂😂BoilerPlate project에서 회원가입, 로그인, 로그아웃

2021년 7월 6일
·
0개의 댓글
post-thumbnail

React + TS boilerplate 제작기 3 - Error !

나만의 CRA 만들기 도전 3편 - 마주친 error 극복기

2021년 6월 20일
·
0개의 댓글
post-thumbnail

React + TS boilerplate 제작기 1 - 환경 구성

나만의 CRA 만들기 도전 1편 - 환경 구성

2021년 6월 12일
·
0개의 댓글
post-thumbnail

Webpack으로 React.js 개발환경 build하기 - 2. webpack.config.js 세팅

🔗설치한 라이브러리들을 바탕으로 config file을 설정해줍니다.

2021년 4월 11일
·
0개의 댓글
post-thumbnail

Webpack으로 React.js 개발환경 build하기 - 1. 프로젝트 시작하기

보통 리액트 애플리케이션을 만들 때 CRA (create-react-app)라는 잘 만들어진 리액트 boilerplate를 정석처럼 쓰곤합니다.저도 직접 리액트 개발환경을 build하며 수많은 에러를 겪고 유지보수에 힘을 쏟는 대신 CRA로 많은 사이드 프로젝트들을 진

2021년 4월 11일
·
0개의 댓글

[TIL] Python Selenium Web Crawling Boilerplate

chromedriver 를 실제로 다운받지 않고 온라인(repl.it)에서도 사용할 수 있는 방법.

2021년 4월 3일
·
0개의 댓글

TIL(2020.12.28)

npm 프로젝트 진행 시 init(초기화)단계 이후 작성되는 파일내 프로젝트의 카탈로그라고 할 수 있음. 카탈로그만 봐도 어떤 제품에 대해 파악할 수 있는 것처럼 package.json만 봐도 어떤 모듈이 포함되어있는지 알 수 있다.간단히 몇 가지 특성만 알아보자면해당

2020년 12월 28일
·
0개의 댓글
post-thumbnail

BoilerPlate Code 00 - Node.js & Express.js

브라우저 속에서만 사용하던 자바스크립트를 서버사이드에서 사용할 수 있게 도와준다.Node.js 다운로드 링크✔️ npm init으로 package.json 파일을 만든 후 백앤드의 시작점 index.js파일 만들어주기node.js를 쉽게 사용할 수 있게 도와주는 프레임

2020년 12월 22일
·
0개의 댓글

Flask Boilerplate with MySQL

https://github.com/fromzeroedu/flask-mysql-boilerplate 를 기초로 한다.$ brew services list$ brew services start mysql$ mysql -uroot -pmysql> CREATE DAT

2020년 8월 17일
·
0개의 댓글