profile
https://jungsikjeong.github.io/ 이곳으로 옮겼습니다!

getInitialProps로 서버 데이터 받기 ( 동적데이터)

next는 서버로부터 동적인 데이터를 가져오지 못한다.그래서 백엔드에서 express를 연결한것뿐만아니라, 프론트에서도 express를 연결하여 동적인데이터를 사용 할 수 있게끔 해주는것..서버로부터 동적인 데이터를 가져오는 방법중 getInitialProps이 있다.

2020년 2월 21일
·
0개의 댓글

next와 express 연결하기

next는 /:id 혹은 /hashtag/:name 등 동적인 주소 요청이 안되는데 이 문제를 해결하기위해 프레임웍을 사용한다. 현재 프론트폴더와 백엔드폴더로 나뉘어져있다. 동적인 정보를 처리하기위해 프론트에도 express를 연결하고자 한다.npm i morgan e

2020년 2월 19일
·
0개의 댓글

게시글 작성과 데이터 관계 연결

back => routes => post.js이후 프론트에서 작업첫번째 방법,두번째 방법: - 나중에 작성match(/await Promise.all(): 헤쉬태그 각각 다 저장findOrCreate : 없으면 만들고 있으면 찾음 Ex) slice(1) : \`toL

2020년 2월 16일
·
0개의 댓글

include와 as,foreignkey

models->user.js에있는 자료들을 include해주면 시퀄라이즈가 알아서 가져와준다.front => components => UserProfile.js팔로워,팔로윙 데이터를 db에서 못얻어와서 에러UserProfile.js원래는 에러났었음back => rout

2020년 2월 14일
·
0개의 댓글
post-thumbnail

다른 도메인 간에 쿠키 주고받기

프론트와 백엔드 서버가 달라서 쿠키가 저장이안됨 => 새로고침시 로그인이 풀림front => sagas => user.js중의 일부분..back => index.js 중의 일부분.. 네트워크 -> 헤더 true가 되어야하고, Origin이 프론트엔드 주소가되어야함 브라

2020년 2월 13일
·
0개의 댓글

passport 로그인 전략

back => passport => local.js로그인 전략 (Strategy), 프론트에서 id,password를 받아와서 서버에 저장된 유저를 찾고 활용 back => pasport => index.js const local = require("./local");

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

passport와 쿠키, 세션 동작원리

로그인을 하면 DB에서 사용자 데이터를 꺼내와서 user가 맞는지, password가 맞는지 검사하는것 뿐만 아니라 세션과 쿠키를 서버와 프론트쪽에 보내줘야하는데, 매번 로그인한 사용자가 누군지 찾는게 귀찮기 때문에 passport라는 모듈을 사용해준다.passport

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

로그인을 위한 미들웨어

cookie-parser,express-session백엔드에서 쿠키로 로그인 정보를 프론트에 보내면, 프론트는 쿠키를 보고 로그인 여부를 알 수 있다.여기서 잠깐! 쿠키를 설정해주는 이유는 쿠키 없이 로그인 하면 페이지 이동이나 새로고침시 브라우저가 기억하지 못해서이다

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

CORS에러 나올시

back폴더와, front폴더에서 각각 npm run dev프론트는 localhost:3000이고 백엔드는 localhost:3065라서 회원가입요청시 CORS또는 Access-Control-Allow-Origin에러가 나온다. 그래서 필요한게 cors.back =>

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

회원가입 컨트롤러 만들기

router => user.js 일부..프론트에서 /api/user로 post 요청을 보내면 본문에 들어있는 데이터들을 받아서 findOne으로 검사, create로 db에 넣어주고,return res.status(200).json(newUser);프론트단에 정보를 j

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

백엔드 서버 API 만들기

API는 다른 서비스가 내 서비스의 기능을 실행 할 수 있게 열어둔 창구back-> index.js/api/user => 라우터(req,res)=>{} => 컨트롤러:id 는 req.params.id로 가져올 수 있다.뼈대를 세우는 작업.위의 처럼 하면 코드가 너무 길

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

시퀄라이즈 DB 연결하기

시퀄라이즈란 mysql문법을 javascript 코드로 작성 한것시퀄라이즈와 DB(여기선 mysql)을 연결하는 방법 게시기본포트번호는 3306이므로 3306으로 설정명령 프롬프트에서 mysql -h localhost -u root -p 입력패스워드는 설치하면서 설정했

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

서버 기초

코드 index.js 결과물 image.png image.png 주로 REST API 와 Graphql 등 을 많이 사용하는데, 여기선 REST API 를 사용했음 REST API엔 여러 규칙들이 존재해서 완벽하게 규칙을 지키면서 사용하기는 어려워서 협상을 한게 HTTP API다. HTTP API 엔 여러 메소드들이 존재하는데 대표적으론 ge...

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

백엔드 서버 구동에 필요한 모듈들

세팅 1. 백엔드 서버 설치 모듈들 npm init npm i express (서버 프레임웍) npm i axios (http 요청용) npm i bcrypt (비밀번호 암호화) npm i cookie-parser(로그인할때 정보활용) npm i express-session(로그인할때 정보 저장용도) npm i dotenv (...

2020년 2월 8일
·
1개의 댓글