uju's Tech

소셜 로그인 개발은 몇달 전 진행했던 개발인데.. notion에 적어두었다가 지금에서야 블로그를 작성합니다 ㅎㅎ.. 페이스북, 카카오, 애플, 구글 이렇게 4가지 소셜 로그인을 진행하였고 먼저 페이스북부터 정리해보겠다. 소셜 로그인 구현은 모두 공식문서를 기반으로 구현하였다. https://developers.facebook.com/docs/facebook-login/web 1. 페이스북 개발자 계정에서 앱 등록하기 앱을 등록하게 되면 앱의 ID가 나오는데 이를 개발에 이용합니다. 2. 어떠한 flow 로 소셜 로그인이 진행되는지 살펴보자. 문서를 읽어보면서 이해한 그대로 도식화해보았다. 1. client가 facebook server로 회원가입 요청 2. facebook server가 accessTok..

1. 먼저 현재 진행 중인 express 프로젝트 폴더에서 grpc와 grpc loader를 설치하자. [설치 참고 문서] https://www.npmjs.com/package/grpc grpc gRPC Library for Node www.npmjs.com gRPC 설치 : sudo npm install grpc https://www.npmjs.com/package/@grpc/proto-loader @grpc/proto-loader gRPC utility library for loading .proto files www.npmjs.com gRPC loader 설치 :sudo npm install @grpc/proto-loader 2.(이 부분은 깃에 proto 를 위한 repo를 하위 레포로 생성한 경..

위의 그림과 같은 관계를 갖는 것을 many to one이라고 한다. 하나의 이모티콘은 이모티콘 추천 테이블이 여러개 종속될 수 있다. sequelize 공식 문서를 보면 many to one 관계는 belongsTo 와 hasMany 를 사용하여 관계를 설정해 줄 수 있다고 나온다. 이모티콘 추천 테이블 명을 recommendation 이모티콘 테이블 명을 emoticon이라고 하면 Recommendation.associate = (models) => { Recommendation.belongsTo(models.Emoticon, { foreignKey: { allowNull: false, }, onDelete: 'CASCADE', }); }; Emoticon.associate = (models) => ..

원래 response 되는 형태를 살펴보자. { "id": 1, "name": "My1", "sales": 123, "tag": 1 } 이러한 형태로 반환되는 객체에 recommendation이라는 속성을 추가하여 반환하고 싶었다. 이를 위해서 먼저 recommendation이라는 배열을 만들어주고 push를 해주었다. 이 부분에 대해서는 따로 포스팅 하도록 하겠다. push를 해주어 recommendation 배열을 만들어 주었는데 원하는 형태로 추가되지않고 아래와 같이 출력되었다. data : { ... } recommendation : { ... } 요구된 응답 형태는 아래와 같다. { "id": 1, "name": "My1", "sales": 123, "tag": 1 "recommendation"..

지금까지 Node.js를 기반으로 개발을 진행할 때 항상 Post man으로 Api 응답을 하나하나 확인했었다. 테스트 코드를 사용하면 이와 같은 반복적인 행위를 줄여주고 빠른 오류와 버그 확인이 가능하다. 제일 중요한 부분이라고 생각했던 것은 리팩토링의 기초가 된다는 점이었다. MOCHA를 찾아보니 Node.js의 test 프레임워크로 가장 많이 사용되는 테스트 도구라는 것을 알게되었다. MOCHA를 설치하고 간단하게 코드를 작성해보도록 하겠다. https://mochajs.org/ Mocha - the fun, simple, flexible JavaScript test framework Mocha is a feature-rich JavaScript test framework running on Nod..

json객체의 반환 값을 살펴보면 { "status": 200, "success": true, "message": "조회 성공", "data": [ { ... } ] } 이러한 형태로 반환 됨을 확인할 수 있다. 조회를 한다고 가정해보면 "data" 내부에 조회한 데이터의 객체가 들어오게된다. 근데 이러한 형식이 아닌 아래와 같이 데이터 객체의 내용만 반환하고 싶다. { .... 데이터 ..... } 방법은 매우 간단하다. (매우 간단한데 엄청 애먹었다. ,,,:(... .. 구글링해도 별로 안나오고.. 그래서 포스팅한다.._) Tags.readAll() .then(({ code, json, }) => res.status(code).send(json.data)) json 으로 response 하던 것을 ..