City At Night

이제는 로그인 기능을 구현하겠다. 로그인의 기능을 대충 세분화하면 1. 아이디와 비밀번호등 인증을 서버로 요청하고 2. 서버에서는 인증에대한 성공 또는 실패에 관한 결과를 응답해준다. 이번 포스팅에선 클라이언트쪽에서 서버로 인증을 서버로 요청할때 상태, 서버에서 인증에대한 성공 응답에 대한 상태 또는 서버에서 인증에대한 실패 응답에 대한 상태 관리를 기능적으로 구현하겠다. 1.로그인상태 및 에러 클리어 Type 설정 redux폴더에 types.js를 생성한다. [redux/types.js] //LOGIN export const LOGIN_REQUEST = "LOGIN_REQUEST" export const LOGIN_SUCCESS = "LOGIN_SUCCESS" export const LOGIN_FAIL..

이제는 로그인과 관련된 라우터를 만들겠다. 사용자가 입력한 아이디와 패스워드를 서버로 전송하고 서버에서는 저장되어 있는 아이디와 패스워드를 비교하여 일치하면 토큰값과 로그인 성공 응답을 보내주고, 일치하지 않 으면 에러 메세지를 띄워 로그인 실패 응답을 보내준다. 이에 관련한 auth Router를 만들겠다. 1.auth.js 라우터 생성 routes/api 폴더에 auth.js를 생성한다 import express from "express"; import bcrypt from "bcryptjs"; import jwt from "jsonwebtoken"; import auth from "../../middleware/auth"; import config from "../../config/index"; i..

우선 Middleware는 운영 체제와 해당 운영 체제에서 실행되는 응용 프로그램 사이에 존재하는 소프트웨어이다. 응용 프로그램이 운영 체제로부터 제공받는 서비스 이외에 추가적으로 이용할 수 있는 서비스를 제공하는 소프트웨어이다. 그럼 auth Middleware는 인증을 도와주는 소프트웨어이다. 전 포스팅에서 token이란걸 설명했다. 다시 간단하게 설명하면 사용자가 아이디와 패스워드를 입력하면 그 데이터가 서버로 전송이 된다. 서버는 DB에 저장되어 있는 아이디와 패스워드를 비교하여 일치하면 토큰을 사용자에게 날려준다. 사용자는 이 토큰을 가지고 인증을 필요로하는 서비스를 이용하게 된다( 글쓰기,회원검색등) 1. middleware폴더 생성, auth.js 파일 생성 server폴더안에 middlew..

3일만에 포스팅합니다 .. 매일 쓸려고 노력하지만 바뻐서 그러질 못한다는..ㅜ (변명처럼 들리지만 변명 맞음 ) * 우선 라우팅이란 ? 라우팅은 어떤 네트워크 안에서 통신 데이터를 보낼 때 최적의 경로를 선택하는 과정이다. 최적의 경로는 주어진 데이터를 가장 짧은 거리로 또는 가장 적은 시간 안에 전송할 수 있는 경로다 -위키백과- 데이터를 주고 받을때의 최적의 경로라는 뜻입니다. 그럼 Express에서의 라우팅은? URI(또는 경로) 및 특정한 HTTP 요청 메소드(GET, POST 등)인 특정 엔드포인트에 대한 클라이언트 요청에 애플리케이션이 응답하는 방법을 결정하는 것을 말합니다. -Express Document 사용자가 로그인을 하면 로그인 후의 화면이 나오고, 새로운 글을 쓰면 나의 피드에 새로..

1. MongoDB 기본적인 셋팅 MongoDB 홈페이지 접속 후 Start free를 눌러 회원가입 후 로그인을 해준다. 그 다음 프리티어로 선택을 하고 클러스터를 생성한다.(가장 가까운 지역 일본을 선택한다) 그 다음 좌측 Network Access로 이동하여 Add IP Address를 눌러 나의 아이피 주소를 등록한다. Add current ip adress를 눌러 자신의 아이피를 입력시킨다. 나는 이미 내 아이피를 등록을 하여 current Ip Address가 안보이지만 처음인 사람들은 보이니 클릭한다. Network Access는 내가 등록한 아이피에서만 데이터베이스에 접근 할 수 있게 한다 집이나 사무실에서만 한다면 추가를 해주고 Comment로 그 아이피주소의 명칭을 넣어주자. 다시 좌측..

DB 모델링이란, 쉽게 생각하면 무언가를 만들때 아주 기본적인 형식 틀을 만든다고 생각하면 된다. 예를 들면 자기소개서는 하나의 테이블이고 ,(mongoDB에서는 table을 collection이라 한다) 그 안에는 이름, 생년월일, 나이, 직업 등이 있다. (컬럼명이라 한다) 이름과 직업은 한글로된 문자로만 작성해야하며, 생년월일과 나이는 숫자로만 표기해야한다. 이렇게 형식을 잡아 놓고 많은 사람들에게 자기소개서를 주면 위와 같은 형식으로 작성하게 된다. 이게 모델링이라고 생각하면 된다. server폴더에 models폴더를 생성해준 models폴더에서 작업을 한다. 1. server/models/user 모델링 user는 회원가입할때 이름, 이메일,패스워드, 등급이 있고 , 그 후 post를 작성하거나..

필요한 환경을 설치하고 셋팅했으니 서버를 구동 시킬 차례다. 서버가 동작해야만 데이터를 주고 받고 할 수 있다. 이 포스팅은 싸플님의 MernStack 강의를 공부하며 작성하였습니다 1.필요한 폴더 및 파일 생성 우선 server에 필요한 모듈을 만들기 위해 server라는 폴더를 생성하고 그 안에 app.js 와 server.js라는 파일을 생성한다. 2. app. js 작성 import express from 'express' const app = express(); app.get('/'); export default app; server에 필요한 프레임워크 express를 불러와 변수명 app으로 express 인스턴스를 초기화한다. app.get('/')은 경로를 의미한다.( 자세하고 기초적인 문..