본문 바로가기

Dev.log/Node.js

(39)

[Node.js 교과서] #39. 웹 API 서버 만들기 - JWT 토큰으로 인증하기 JWT 토큰으로 인증하기 다시 API 서비스를 제공하는 입장이 되어보자. NodeBird 앱이 아닌 다른 클라이언트가 NodeBird의 데이터를 가져갈 수 있게 해야 하는 만큼 별도의 인증 과정이 필요하다. 이 책은 JWT 토큰을 사용하여 인증하는 방법을 사용한다. JWT는 JSON Web Token의 약어로, JSON 형식의 데이터를 저장하는 토큰이다. JWT는 다음과 같이 세 부분으로 구성되어 있다. JWT 토큰 구성요소 헤더(HEADER) : 토큰 종류와 해시 알고리즘 정보가 들어있다. 페이로드(PAYLOAD) : 토큰의 내용물이 인코딩된 부분이다. 시그니처(SIGNATURE) : 일련의 문자열로, 시그니처를 통해 토큰이 변조되었는지 여부를 확인할 수 있다. 시그니처는 JWT 비밀키로 만들어진다. ..

[Node.js 교과서] #38. 웹 API 서버 만들기 - 프로젝트 구조 갖추기 API 서버 이해하기 API (Application Programming Interface)란 다른 애플리케이션에서 현재 프로그램의 기능을 사용할 수 있게 허용하는 접점을 의미한다. 웹 API는 다른 웹 서비스의 기능을 사용하거나 자원을 가져올 수 있는 창구이다. 흔히 API를 열었다 또는 만들었다고 표현하는데, 이는 다른 프로그램에서 현재 기능을 사용할 수 있게 허용하였음을 뜻한다. 다른 사람에게 정보를 제공하고 싶은 부분만 API를 열어 놓고, 제공하고 싶지 않은 부분은 API를 만들지 않는 것이다. 또한, API를 열어 놓았다 하더라도 모든 사람이 정보를 가져갈 수 있는 것이 아니라 인증된 사람만 일정 횟수 내에서 가져가게 제한을 둘 수도 있다. 위와 같은 서버에 API를 올려서 URL을 통해 접근..

[Node.js 교과서] #37. 익스프레스로 SNS 서비스 만들기 - 프로젝트 마무리하기 프로젝트 마무리하기 이미지 업로드까지 마무리되었으니 이제 해시태그 검색 기능과 팔로잉만 추가하면 된다. 마지막으로 routes/post.js와 routes/user.js를 app.js에 연결한다. 업로드한 이미지를 제공할 라우터(/img)도 express.static 미들웨어로 uploads 폴더와 연결한다. 결과

[Node.js 교과서] #36. 익스프레스로 SNS 서비스 만들기 - Multer 모듈로 이미지 업로드 구현하기 Multer 모듈로 이미지 업로드 구현하기 SNS 서비스인 만큼 이미지 업로드도 중요하다. 이미지는 보통 input[type=file] 태그와 form 태그를 통해서 업로드한다. 이 때 form의 인코딩 타입은 multipart/form-data인 경우가 많다. 이런 형식으로 올라온 데이터는 직접 처리하기 힘드므로 multipart 처리용 모듈을 사용하는 것이 좋다. 대표적인 것이 Multer이다. 현재 NodeBird도 게시글 작성 폼의 enctype이 multipart/form-data로 되어 있다. 이를 통해 올라오는 데이터를 처리하려면 Multer가 필요하다. 모듈을 먼저 설치한다. npm i multer 이미지를 어떻게 저장할 것인지는 서비스의 특성에 따라 달라진다. NodeBird는 input..

[Node.js 교과서] #35. 익스프레스로 SNS 서비스 만들기 - Passport 모듈로 로그인 구현하기 Passport 모듈로 로그인 구현하기 SNS 서비스이므로 로그인이 필요하다. 회원가입과 로그인은 직접 구현할 수도 있지만, 세션과 쿠키 처리 등 복잡한 작업이 많으므로 검증된 모듈을 사용하는 것이 좋다. 바로 Passport를 사용하는 것이다. 이름처럼 우리의 서비스를 사용할 수 있게 해주는 여권 역할을 한다. 요즘에는 서비스에 로그인을 할 때 아이디와 비밀번호를 입력해서 하지 않고 구글, 페이스북, 카카오톡 같은 기존의 SNS 서비스 계정으로 로그인하기도 한다. 이 또한 Passport를 사용해서 해결할 수 있다. 1. Passport 관련 패키지 세팅하기 1-1. Passport 관련 패키지들을 설치한다. npm i passport passport-local passport-kakao bcrypt ..

[Node.js 교과서] #34. 익스프레스로 SNS 서비스 만들기 - 데이터베이스 세팅하기 데이터베이스 세팅하기 MySQL과 시퀄라이즈로 데이터베이스를 설정한다. 1. model 생성하기 2. 생성한 모델들을 시퀄라이즈에 등록하기 as: 시퀄라이즈가 JOIN 작업 시 사용하는 이름이다. as에 등록한 이름을 바탕으로 시퀄라이즈는 getFollowers, getFollowings, addFollower, addFollowing 등의 메서드를 자동으로 추가한다. NodeBird의 모델은 User, Post, Hashtag, PostHashtag, Follow 이렇게 총 5개 이다. 3. 생성한 모델을 데이터베이스 및 서버와 연결하기 시퀄라이즈는 config.json을 읽어 데이터베이스를 생성해주는 기능이 있다. 따라서 config.json을 먼저 수정한다. 콘솔에서 sequelize db:crea..

[Node.js 교과서] #33. 익스프레스로 SNS 서비스 만들기 - 프로젝트 구조 갖추기 익스프레스로 SNS 서비스 만들기 로그인, 이미지 업로드, 게시글 작성, 해시태그 검색, 팔로잉 등의 기능이 있는 SNS 서비스인 NodeBird 앱을 만들어보자. 1. nodebird 폴더 생성 express-generator을 사용하지 않고 직접 프로젝트 생성하기. 2. package.json 생성 항상 package.json을 제일 먼저 생성해야 한다. package.json을 생성해주는 npm init 명령어를 콘솔에서 호출해도 되고 직접 만들어도 된다. version이나 description, author, license는 원하는 대로 자유롭게 수정해도 된다. scripts 부분에 start 속성은 잊지 말고 넣어줘야 한다. 3. 시퀄라이즈 설치 npm i -g sequelize-cli npm ..

[Node.js 교과서] #32. MongoDB - 몽구스 사용하기 몽구스 사용하기 MySQL에 시퀄라이즈가 있다면 몽고디비에는 몽구스(Mongoose)가 있다. 몽구스는 시퀄라이즈와 달리 ODM(Object Document Mapping)이라고 불린다. 몽고디비는 릴레이션이 아니라 다큐먼트를 사용하므로 ORM이 아니라 ODM이다. 몽구스를 쓰는 이유 몽고디비는 테이블이 없어서 자유롭게 데이터를 넣을 수 있지만, 때로는 자유로움이 불편함을 초래한다. 실수로 잘못된 자료형의 데이터를 넣을 수도 있고, 다른 다큐먼트에는 없는 필드의 데이터를 넣을 수도 있다. 몽구스는 몽고디비에 데이터를 넣기 전 노드 서버 단에서 데이터를 한 번 필터링하는 역할을 한다. populate() 메서드를 통해 JOIN 기능을 어느 정도 보완해준다. ES2015 프로미스 문법과 강력하고 가독성이 높..

이전 1 2 3 4 5 다음

티스토리툴바