# MERN

16개의 포스트
post-thumbnail

MERN - logout 라우터 추가

로그아웃은 간단하다. User에 저장된 token을 지워주기만 하면된다! (cookie에 저장된 것을 지우는 것이 아니다.)유저를 찾아서 token을 지운다.

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

MERN - 로그인 라우터 추가, JWT

로그인은 크게 3단계로 나눠서 생각할 수 있다.요청된 이메일을 db에서 찾는다.요청된 이메일을 찾으면 비밀번호가 맞는지 비교한다.비밀번호가 갖다면 토큰을 생성한다.클라이언트가 서버에 접속을 하여 로그인하면 서버에서 해당 클라이언트에게 인증되었다는 의미로 토큰을 부여한다

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

MERN - 회원가입 라우터 추가, body-parser, bcrypt

클라이언트/서버 클라이언트/서버는 두 개의 컴퓨터 프로그램 사이에 이루어지는 역할 관계를 나타내는 것이다. 클라이언트는 다른 프로그램에게 서비스를 요청하는 프로그램이고, 서버는 그 요청에 대한 응답을 해주는 프로그램이다. 클라이언트/서버 개념은 단일 컴퓨터 내에서도 적

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

MERN - MongoDB 연결

관계형 데이터베이스와 대비되는 NoSQL 데이터베이스로 json 형태로 db에 데이터를 저장한다. 데이터베이스에 관한 개념을 설명하는 글이 아니기에 관계형이니 비관계형이니 하는 자세한 설명은 생략한다.몽구스는 몽고디비를 더 쉽게 사용할 수 있는 도구이다. 몽구스를 설치

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

MERN - 간단한 서버 만들기

MongoDB : NoSQL(Not Only SQL) DB SolutionExpress.js : Node.js FrameworkReact.js : JavaScript Library (Browser-side/Frontend JavaScript)Node.js : JavaS

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

[ReactJS] Express + CKeditor5 이미지 업로드 구현해보기 (3) (AWS S3 - Severless 구성)

이번 시간에는 이미지 파일 업로드 기능을 AWS S3 Serverless 구조에서 동작하는 과정에 대해 알아보는 시간을 가져보겠습니다.들어가기 앞서, S3를 사용했을 때의 이점에 대해 간략히 알아보겠습니다.저희가 서버에 이미지를 저장한다고 가정해보겠습니다.서버는 결국엔

2022년 7월 15일
·
0개의 댓글
·

[ReactJS] Express + CKeditor5 이미지 업로드 구현해보기 (2) (문제점 해결)

이번에는 저번 글에 이어 이미지 업로드에서 발생했던 문제점에 대한 해결 방안에 대해 한 번 알아보겠습니다! 먼저 저번 문제점에 대해 다시 한번 살펴보자면,사용자가 글 작성 도중 페이지를 나가거나 사진을 삭제해도 여전히 서버에 사진이 남는다는 문제점이 있었습니다.이 문제

2022년 7월 14일
·
0개의 댓글
·

[ReactJS] Express + CKeditor5 이미지 업로드 구현해보기 (1)

이번에는 React 환경의 CK에디터에서 업로드된 이미지를 로컬 서버로 저장하는 과정에 대해 알아보겠습니다. Express 서버 (1) 파일 업로드를 위해 multer 모듈을 사용했습니다. multer는 multipart/form-data인코딩 타입의 form 데이

2022년 7월 13일
·
3개의 댓글
·

MERN stack 프로젝트 배포하기

MERN stack 배포를 위해 client인 Reactjs는 Netlify, server인 Nodejs는 Heroku를 이용하였다.

2022년 6월 4일
·
0개의 댓글
·

Heroku Redis 사용하기 (feat. Nodejs)

MERN 스택을 사용하는 프로젝트를 조금 더 최적화하기 위해 redis를 사용하기로 하였다. 다행히 Heroku에서 redis 기능도 지원해서 쉽게 추가할 수 있었다. 총 3가지 레퍼런스를 참고하여 Heroku에 redis를 추가하고 Nodejs와 연결하였다.

2022년 6월 3일
·
0개의 댓글
·
post-thumbnail

`useFindAndModify` is an invalid option. 오류 해결하기

풀스택 MERN Project의 server/index.js 코드를 작성하다, nodemon에서 useFindAndModify is an invalid option.라는오류를 발견했다. ✅ 기존 코드는 아래와 같다.stackoverflow의 해결방법은, useNewUr

2022년 3월 30일
·
0개의 댓글
·

MERN 스택 앱 Heroku 배포

Heroku 가입Heroku 설치메뉴>Documentation>The Heroku CLI-Install the Heroku CLI>Install with an Installer📎 Install with an Installer(https://devcenter.

2022년 2월 11일
·
0개의 댓글
·

MERN 스택이란? + MEAN, MEVN

MERN은 MongoDB+Express+React+Node.js의 줄임말이다. 모두 자바스크립트와 관련 있는 기술이다. (MongoDB는 JavaScript 문법을 사용) MongoDB : NoSQL(Not Only SQL) DB SolutionExpress.js :

2022년 2월 11일
·
0개의 댓글
·
post-thumbnail

프로젝트 배포 회고

React, Node.js, MongoDB로 만든 프로젝트를 Heroku에 배포하면서 예상보다 험난한 과정을 거쳤고, 마침내 성공하면서 깨달은 점이 많았다. 머릿속의 기억들이 희미해지기 전에 기록해야겠다는 생각이 들어, 오랜만에 글을 작성하기로 했다. 프로젝트는 cl

2022년 1월 2일
·
0개의 댓글
·
post-thumbnail

MERN Stack Boiler-Plate만들기: 클라편

create-reacta-app을 사용하면 어려운 세팅없이 바로 리액트를 사용할 수 있다. appName에는 폴더이름을 작성하면 된다. 필자는 보통 client로 이름을 지정한다.핵심은 \_actions, \_reducers, component/views, hoc다.원

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

MERN Stack Boiler-Plate만들기: 서버편

저는 코딩 초보입니다. 제 글을 보고 별로 얻으실 것이 없다는 것을 미리 말씀드립니다. 단지 제가 공부한 내용을 잊어버릴 때마다 보기 위해 작성해둔 것입니다. 0. 서버 폴더 구조 핵심: routes, middleware, db>model, config 0. pa

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