WECODE/Project (6) 썸네일형 리스트형 3차 프로젝트 회고 23.10.09 ~ 23.10.27 총 3주의 3차 프로젝트 🎯 나의 목표 예전부터 막연하게 구현해보고 싶었던 것이 소셜 로그인이었는데, 팀원들의 배려로 내가 담당할 수 있었다. 그렇기에 꼭 구현에 성공하는 것을 목표로 하였고, 만약 여유가 생긴다면 소셜 로그인과 함께 구현해보고 싶었던 외부 결제 api를 시도해 보는 것을 추가 목표로 삼았다. 그리고 1, 2차 때 아쉬웠던 점들을 보완하여 프로젝트를 완성하는 것을 꼭 경험하고 싶었다. 💻 내가 구현한 것 1. 소셜로그인 api passport 라이브러리를 사용하여 카카오, 네이버 소셜 로그인을 구현하였다. passport 정책이 동일하기 때문에 공통된 부분을 함수로 만들어 사용하였다. 2. 상세 회원가입 api 서비스 이용 시 필요한 유저 정보를 얻기 .. 포트원으로 간편결제 구현하고 postman으로 테스트하기 feat. node.js 소셜 로그인 다음으로 꼭 해보고 싶었던 것이 있다면 간편결제였다. 진짜 결제까지는 아니더라도 qr 코드를 발급하고 결제 정보가 db에 저장되는 로직을 구현해보고 싶었다. 그래서 소셜 로그인 구현 이후 여유가 생겨서 우선 결제 페이지부터 테스트 용으로 만들어 봤는데, 프론트엔드 팀원 중 결제 부분을 맡아 줄 분이 나와서 프로젝트에서 구현해 낼 수 있었다! 우선은 내가 테스트 용으로 만들었던 과정부터 작성하려고 한다. 📌 참고 자료 간편 결제를 포트원으로 구현하게 된 계기는 노마드코더의 영상이었다. pm에게 결제 부분을 구현해 보겠다 전하고 집에 가는 길에 때마침 업로드된 영상이 바로 이 영상! 영상을 보면 알겠지만 굉장히 쉽게 결제 페이지를 구축할 수 있을 것 같았다. 그리고 백엔드 코드를 작성할 때 도움.. 카카오, 네이버 소셜 로그인/회원가입 백엔드 로직 feat. node.js, passport, jwt 한 번쯤은 만들어 보고 싶었던 소셜 로그인을 드디어 3차 프로젝트를 통해 구현해 보았다. 처음에는 소셜 로그인 기능의 흐름이 이해가 가지 않아서 그림으로 그려가며 노력했다. 그 그림부터 api 완성까지의 여정에서 내 생각을 기록하려고 한다. 따라서 틀린 내용이 있을 수 있다는 점... kakao developers 에서 애플리케이션을 등록하는 과정은 더 친절하게 설명해 주신 분들이 많기 때문에 생략할 예정이다. 무엇보다 우선 봐야 할 것은 공식 문서! Passport.js Simple, unobtrusive authentication for Node.js www.passportjs.org 🖼️ 소셜로그인/회원가입 흐름 1. 회원가입 1~2 : 우선 유저가 로그인 창에서 카카오 로그인을 요청하면 프론트에게.. 2차 프로젝트 회고 23.09.18 ~ 23.10.06 총 2주의 2차 프로젝트 이번 2차 프로젝트는 클론 코딩을 통해 회원가입 - 로그인 - 제품페이지 - 장바구니 - 주문페이지 전체의 유저 플로우를 직접 구현해 보는 것을 목표하는 프로젝트였다. 2주 간 진행하였기에 디자인/기획 부분은 기존 웹 서비스를 클론 하였지만 추가로 구현하고자 논의한 내용은 직접 개발하였다. 🎯 나의 목표 1) 해보고 싶었던 결제 부분을 구현하며 제품 - 장바구니 - 결제 프로세스에 대해 이해하고 필요한 쿼리문을 직접 작성하고자 하였다. 2) 위 내용과 더불어 전체 로직의 흐름을 잘 이해하고자 데이터베이스 생성을 맡고자 하였다. 또한 dbmate 작성법을 익히고 3) 2차 프로젝트에서는 2차 프로젝트에서 부족했던 문서화 작업에 더 신경 쓰고자 하.. 1차 프로젝트 기록 1차 프로젝트에서 겪은 다양하고 황당한 역경들을 기록하려고 한다. 나중에 봤을 때 웃으면서 볼 수 있길!! 🧱 기본세팅 pm을 맡은 백엔드 팀원이 기본세팅을 담당하여 팀 github에 push해줬고, 이를 clone 받아 진행하였다. 하지만 시작부터 에러 발생.. '\\wsl$\Ubuntu-20.04\home\heywoo\wecode\49-1st-Team1-backend' 위의 경로를 현재 디렉터리로 하여 CMD.EXE가 실행되었습니다. UNC 경로는 지원되지 않습니다. Windows 디렉터리를 기본으로 합니다. pm 님이 작성해주신 build와 build-dev를 실행하고자 했는데 자꾸 windows 디렉터리를 기본으로 한다는 메세지가 계속 떴다. 구글에 서치해봐도 나와 같은 상황은 보이지 않았다. 계.. 1차 프로젝트 회고 23.09.11 ~ 23.09.15 일주일 간의 1차 프로젝트 위코드에서의 첫 번째 프로젝트가 끝이 났다. 이번 프로젝트에서는 foundation 기간 동안 배운 기술과 지식을 바탕으로 프론트엔드와 백엔드의 협업을 경험하는 것을 목표로 했다. 인스타그램의 threads의 회원가입, 로그인, 스레드 CRUD를 직접 구현하며 세션에서 배운 내용들을 적용하였다. 🎯 나의 목표 1) 가장 큰 목표는 당연히 처음 배운 라이브러리인 node.js에서 api를 직접 작성하여 실제로 작동하도록 구현하는 것이었다. 또한, 전 과정에서는 내가 맡은 기능을 프론트부터 백까지 구현하였는데, 이번 프로젝트에서는 프론트엔드 영역과 분리되어 작업한 후 연결해 보는 과정에서 발생하는 여러 가지 이슈를 경험하여 그 대처 방법을 배우고.. 이전 1 다음
