City At Night

저번달은 개인 사정으로 포스팅을 하지 못했습니다 !! 다시 오랜만에 이어서 글을 쓸려고하니 뭐가 뭔지 하나도 모르겠지만 포스팅을 다시 처음부터 보고 이어서 작성하겠습니다. 이제부터는 Front 작업 입니다. 1.React 설치 client폴더를 생성 후 client 경로로 이동하여 ( cd client) $> npx create-react-app . 리엑트 패키지를 설치한다. ( (.)의 의미는 현재 폴더에 설치하겠다는 뜻임) ( 만약 npx create-react-app mert 라고 하면 mert라는 폴더에 설치가 된다) 설치가 성공적으로 완료 되었다면 public , src폴더가 생긴다. 2. 필요없는 파일 삭제 및 정리 src폴더에서 app.js와 index.js를 제외하고 나머지 파일들 삭제한다..

이제는 로그인과 관련된 라우터를 만들겠다. 사용자가 입력한 아이디와 패스워드를 서버로 전송하고 서버에서는 저장되어 있는 아이디와 패스워드를 비교하여 일치하면 토큰값과 로그인 성공 응답을 보내주고, 일치하지 않 으면 에러 메세지를 띄워 로그인 실패 응답을 보내준다. 이에 관련한 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..

user router를 만들어보겠다. 우선 회원가입기능을 만들고 회원가입을 하고나서 회원가입이 잘 되었느지 확인하는 회원검색 기능까지 추가로 만들겠다. 먼저, 회원가입은 보안을 신경써야한다. 회원가입시 입력한 비밀번호가 해킹 당해버리면 개인정보가 유출되기 때문에 보안적인 요소를 먼저 설명하겠다. JWT(Javascript Web Token) 방식 1. 서버로부터 인증된 클라이언트는 서버로 부터 토큰값을 받게 된다. 2. 유저는 글을 작성하거나 사용자를 검색할때 서버에게 요청을 보내는 동시에 토큰값도 같이 보낸다. 3. 위 1번에서 서버가 클라이언트에게 보낸 토큰값과 2번에서 클라이언트가 서버로 보낸 토큰 값이 일치하면,, 클라이언트 요청에 응답한다. 4. 토큰값의 유효시간은 개발자 마음이다.(만약 1시간..

지금까지 우리는 포스트를 검색하는 라우터와 포스트를 작성하는 라우터를 만들었다. 우리가 만든 이 라우터를 테스트하기 위해서는 작성된 포스터가 있어야한다. api로 포스터를 작성해서 잘 되는지 테스트 해보겠다. 1. POSTMAN 다운로드 우선 POSTMAN을 다운 받는다. 포스트맨 다운로드 Download Postman | Try Postman for Free Try Postman for free! Join 13 million developers who rely on Postman, the collaboration platform for API development. Create better APIs—faster. www.postman.com 2. post 통신하기( 글 작성하기) 다운을 받았으면 위와 ..

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를 작성하거나..