전체 글

아주 많고 많은 블로그들을 참고했지만, 유튜브도 참고했지만.. 카카오톡 로그인에 대해서 상세히 기술해놓은 블로그가 없어서.. 그래.. 내가 적자..하고 적는 블로그입니다. ^_^;; 벨로퍼트님의 블로그도 참고해보았지만 저의 수준에서는 이해하기 어려웠읍니다.. passport 미들웨어를 사용하셨는데, 이를 우째 사용해야하는지 1도 모르겟어서 passport를 이용하지 않고 로그인을 구현할 수 없을까? 하고 적는 게시글입니다. ● 카카오 디벨로퍼스 [Node.js] 카카오 소셜 로그인 구현하기 실전 프로젝트를 진행하며 유저의 편의성을 위해 로그인/회원가입 방식을 카카오 소셜 로그인으로 구현하기로 했다.소셜 로그인을 구현하기 위해서는 OAuth가 뭔지 알아두면 좋으니 OAuth가 뭔지 velog.io 먼저 위..

하나의 디렉토리를 만들고 먼저, npm init -y를 해줍니다. npm init -y ● 깔아야하는 라이브러리 devdependency : morgan, nodemon dependency : express, cors, cookie-parser, dotenv, jsonwebtoken npm i -D nodemon morgan npm i express cors cookie-parser dotenv jsonwebtoken express는 프레임워크지만 ㅎ;; ● 파일 설정 mkdir controllers db touch index.js .env 명령어를 쳐주고 package.json은 아래와 같이 설정하면된다. test는 지워도되고 남겨도 상관없음 먼저, index.js 부터 열어서 코드를 적어주자. ind..

● 오늘 배운 것 ㅎ_ㅎ;; 어제부터 node.js 로 서버 혼자 구축해보는거 연습하다가 죽는 줄 알았다.. 이틀동안 node.js와 친해지는 연습을 한 것 같아요 ^_^;; 몽고 DB로 데이터 받아오고 그런것도.. 친해져야하니까. node.js는 필수라고 생각해서 시작하게되엇읍니다.. 오늘의 과제였던 토큰 발급과 토큰이 만료되었을 때, refresh토큰으로 access 토큰도 재발급 하는 연습까지 !! ● 토큰 이전에 쿠키와 세션같은 경우에는 상태가 데이터에 있기 때문에, 서버에서 계속 상태를 관리해주어야했습니다. 코드스테이츠에서 나눠준 자료가 진짜 도움이 많이 되었는데요, 세션같은 경우에는 매번 유저마다 다른 세션의 정보를 갖고있었기 때문에, 만약 세션마다 구별되는 식별자 있다면 DB가서 그 식별자가..

express 를 쓰기 전에는 원래 내장 객체인 http를 불러서 서버를 만들어야합니다. const http = require('http'); http.createServer((req, res)=>{ res.writeHead(200, { 'Content-Type' : 'text/html; charset=utf-8'}); res.write(`안냐세염`) }) .listen(4000, ()=>{ console.log('4000포트에서 대기중입니다..') }) 하지만 http로 서버를 만들게되면, if로 처리하는 분기가 너무 많아져서 복잡해집니다. 아래는 복잡해지는 예시입니다. const http = require('http'); http.createServer( async (req, res)=>{ try{ ..

● 오늘 배운 것 OSI의 7계층 OSI의 7계층은 응용계층, 표현계층, 세션계층, 전송계층, 네트워크 계층, 데이터링크계층, 물리계층으로 이루어집니다. 만약 사용자가 웹사이트에 방문했을 때를 가정해보겠습니다. 웹사이트에 방문을 한다면, 응용계층에서 HTTP를 사용하여 요청을보냅니다. (request) 보내고나면 전송계층으로 내려와 3-way 핸드셰이크 과정이 이루어집니다. 전송계층에서는 포트번호가 적힌 TCP헤더가 데이터 앞에 붙게 되고, 이런 데이터를 세그먼트라고 합니다. 핸드셰이크 과정 중에서 데이터를 패킷으로 전달해야하는데, 상대방의 버퍼의 크기가 얼만큼 되는지 알기위해서는 3-way 셰이크 과정 속에서 TCP헤더의 윈도우 크기를 주고받으면서 서로 윈도우의 크기가 얼만큼 큰지 알게 됩니다. 다음..

진짜오늘 종일 CRA구축하는 거만 했네욤.. 계속 에러뜨고 이쥐랄 나서.. 힘들었습니다. 최대한 자세히 적으려고 했고.. 좋은 블로그.. 디테일한 설명들을 찾아서 포스팅해봅니다.. 먼저 프로젝트가 될 디렉토리를 만들고, npm init -y를 해준다. npm init -y 그러면 package.json 파일이 생기게 된다. ● 작업에 필요한 폴더 만들기 먼저 리액트 환경과 매우 비슷하게 만들 것이므로, src, public, 그리고 빌드가 되었을 때 파일이 저장될 dist 파일을 만든다. mkdir src public dist src : react 작업을 할 폴더 public : 정적 파일이 위치할 폴더 dist : 빌드한 작업물이 들어갈 폴더 → 배포란 뜻으로 distribute를 의미한다 다음 pub..