mern2 MERN (MongoDB Express React NodeJS) - 구글 로그인과 토큰 관리에 대하여 MERN 프로젝트를 진행하며 구글 소셜 로그인에 대해 다루어보았다. 소셜 로그인에 대해 어떻게 토큰을 관리해야 하는건지에 대해 알아보는데에 많은 시간이 들었는데, 큰 그림이 머릿속에 그려져 있었다면, 보다 빠르게 문제를 해결할 수 있지 않았을까 생각이 들었다. 이 포스팅에서는 큰 그림에 해당하는 부분을 기록해두고자 한다. 0. 역할 소셜로그인을 구현하며, 다양한 방법들을 접했다. 웹에서 소셜로그인을 하고, 해당 결과를 서버에 보내주는 방식, 웹에서는 서버에 요청을 하고, 서버에서 소셜로그인을 인지하여 구글과 데이터를 주고받는 방식 크게 위와 같이 두 가지 방법이 존재 했으나, 필자는 전자의 방식대로 진행하였다. 이 과정에서 자연스레 '토큰'이라는 녀석에 대해 궁금증이 생겼다. 1. 토큰이란 무엇인가? 애.. 2021. 4. 30. MERN (MongoDB, Express, React, NodeJS) 시작할 때 명령어 모음 1. 리액트 프로젝트 생성 npx create-react-app MyProject MyProject는 만드려고 하는 프로젝트의 이름으로 설정해준다. 2. 서버 환경 구축하기 콘솔에서 cd MyProject를 통해 해당 폴더로 이동한 뒤 서버 폴더를 만들어준다. mkdir backend 해당 폴더로 다시 이동한다. cd backend 이후 package.json 파일을 만들어준다. npm init -y express, cors, mongoose, dotenv를 설치해준다. yarn add express cors mongoose dotenv // yarn이 없다면 npm install express cors mongoose dotenv - express : NodeJS를 쉽게 개발할 수 있도록 해주는 프레임.. 2021. 4. 27. 이전 1 다음 반응형
