본문 바로가기
728x90
[노드/리액트 기초] #11~12. 로그인 기능 with Bcrypt, 토큰 생성 with jsonwebtoken **본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 기초 강의를 참고하여 작성하였습니다.** 로그인 기능을 만들기 위해서는 먼저 login route가 필요하다. login route에서 하는 일은 다음과 같다. 토큰은 유저id와 secret string으로 만든다. 생성된 토큰을 쿠키나 로컬스토리지에 저장 할 수 있다. 2022. 2. 5.
[노드/리액트 기초] #9~10. 비밀 정보 보호, 암호화 with Bcrypt **본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 기초 강의를 참고하여 작성하였습니다.** 몽고디비 연결할 때의 아이디/비밀번호가 소스에 포함되어있으므로 깃헙에 올려도 다른 사람이 보지 못하게 하려면 위의 과정이 필요하다. 개발환경이 Local(development)일때는 (gitignore에 포함된) 나의 파일에서 정보를 가져오면 되지만 배포(production) 할 때는 heroku 등의 웹사이트에서 가져오게 해야 한다. heroku 서비스를 이용해 key와 value값을 넣어서 관리하면 된다. 저번에, postman을 이용해서 회원가입을 하였는데 이게 데이터베이스로 가면 그대로 노출되어 보안성이 약하다. 따라서 암호화 과정을 거쳐서 데이터베이스 관리자도 비밀번호가 뭔지 알지 못하게 해야.. 2022. 2. 5.
[노드/리액트 기초] #7~8. BodyParser & PostMan & 회원 가입 기능, Node Mon **본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 기초 강의를 참고하여 작성하였습니다.** Client ex) Chrome 브라우저 클라이언트에서 정보들을 입력하여 서버로 보내준다 Server 그 정보들(이름, 이메일, 비번 등)을 받을 때 Body-parser Dependency가 필요하다 Postman 지금은 클라이언트를 만들어준게 없어서 로그인을 하거나 회원가입을 할 때 데이터를 클라이언트에 보낼수없으니 그걸 대처하기위해 포스트맨을 사용한다. Node mon 소스를 변경할 때 그걸 감지해서 자동으로 서버를 재시작 해주는 툴. 소스를 변경할 때마다 서버를 껐다켜야하는 번거로움을 해결해준다 2022. 1. 30.
[노드/리액트 기초] #5~6. GIT & GITHUB, SSH **본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 기초 강의를 참고하여 작성하였습니다.** GIT == tool 깃은 분산 버전 관리 시스템이다. 여러 사람이 각자 코드를 짠 후 깃을 통해 합칠 수도, 관리할 수 도 있고, 다른 사람들에게 보여줄 수 도 있다. 즉, 깃은 소스코드를 관리할 수 있는 도구이다. GITHUB == service (깃을 사용하는 서비스) 깃헙은 깃으로 관리하고 있는 코드들을 깃헙에 올린 다음 깃헙에서 많은 사람들과 공유도하고 수정도 할 수 있게 해주는 클라우드 서비스이다. git init : 깃 저장소를 sub directory에 만들어 준다. git status : 폴더와 파일들의 상태를 알 수 있다. 어떤 상태가 있는지는 바로 아래 표를 살펴보자. gitigno.. 2022. 1. 30.
[노드/리액트 기초] #4. MongoDB Model & Schema **본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 기초 강의를 참고하여 작성하였습니다.** Model 우리가 어떤 웹사이트에 가면 거기서 회원가입을 한다. 회원가입을 할때 우리가 쓴 유저이름이나 사는 곳, 나이 등을 입력하면 그것들이 User DB에 들어간다. 그래서 유저랑 관련된 데이터들을 보관하기위해 User Model과 User Schema를 사용한다. Model은 Schema를 감싸주는 역할을 한다. 그렇다면 Schema는 무엇일까? Schema 어떤 상품에 관련된 글을 작성한다면 그 글을 작성한 사람이 누구인지, 상품 이름이 뭔지, 이름 타입, 이름의 최고길이, 상품 설명 등등 정보를 하나하나 지정해주는 역할을 하는 것이 Schema이다. 2022. 1. 29.
[노드/리액트 기초] #2. NODE JS & EXPRESS JS **본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 기초 강의를 참고하여 작성하였습니다.** Node.js Node.js가 나오기 전까지는 JavaScript를 항상 브라우저 속에서만 썼다. 하지만 Node.js가 나옴으로 인해 JavaScript를 브라우저(Chrome, Internet Explorer)가 아닌 서버 사이트에서도 쓸 수 있게 되었다. 즉, Node.js는 JavaScript 언어를 활용하여 확장성이 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이며 특히 서버사이트에서 많이 사용된다. Node.js 사용이유는 이 블로그에 잘 정리되어있다. 👍 Express.js Node.js가 자동차의 엔진이라고 생각하면, Express.js는 그 엔진(Node.js)을 가지고 .. 2022. 1. 29.
728x90