본문 바로가기

코딩코딩/웹개발15

[기록용] 카카오 소셜 로그인 카카오 소셜로그인 간단한 흐름 오늘 제가 직접 연동해보니 이런 순서더라구요. 각 단계별로 예제코드와 함께 살펴보겠습니다. (저는 javascript SDK 말고 REST API 방식으로 했으니 SDK 원하시는 분들은 다른 곳 ㄱㄱ) 1. 프론트가 카카오한테 인가코드 받아오기 카카오 로그인 하려면 카카오 개발자 계정에 있는 앱 중에 어떤 앱이고, 로그인하면 어디로 리다이렉트 받을지 써놔야함. 유저가 a태그를 누르고 저 url로 이동하면 익숙한 카카오 로그인 화면이 뜬다. 로그인하면 리다이렉트 주소로 보내주는데, 이때 url에 query string으로 code를 껴준다. 이 code가 바로 인가코드다. const KAKAO_URL = `https://kauth.kakao.com/oauth/authorize.. 2023. 6. 4.
supertest에서 multipart/form-data로 파일 post하는 법, timeout 에러 해결하기 describe('/api/card에서는 ', () => { /* 명함 생성 테스트 */ test( 'POST /create 성공 시 201', done => { request(app) .post('/api/card/create') .set('Content-Type', 'multipart/form-data') .attach('image', './tests/dummy.png') .field('user_id', '9999') .field('nickname', '테스트닉네임') .expect(201) .end(() => { done(); }); }, TIMELIMIT, ); 위와 같이 헤더에서 Content-Type을 명시하고, 첨부파일-attach, 일반 텍스트-field로 form의 내용을 채울 수 있다... 2022. 7. 24.
JavaScript에서 Map과 Object의 차이 보호되어 있는 글 입니다. 2022. 7. 10.
express 프로젝트 설정하기 - 근데 이제 pre-commit에 eslint와 prettier를 곁들인 0. Requirements nvm이든 뭐든 일단 node가 설치되어있어야 합니다. 저는 nvm use --lts 로 16.15.1을 사용했습니다. 당연히 편집기도 필요합니다.(vscode, vim, ...) 1. express generator로 프로젝트 생성 순서대로 터미널에서 입력합니다. npm install -g express-generator express {님께서 만드실 앱의 이름} --view=pug cd 앱이름 git init 2. .gitignore 생성 및 내용 추가 .gitignore라는 파일을 만들어 아래 내용을 추가하고 저장합니다. node_modules package-lock.json 3. 필요한 패키지 설치 아래 내용을 터미널에서 입력합니다. (한줄이니까 그냥 npm부터 esl.. 2022. 7. 8.