Podo - Dev Log (2)

11월 30일 (화)

오늘은 어떻게 프로젝트에 기여했나요?

• Naver, Kakao, Google 로그인 인증 구현
• Token Function 구현
• Middleware 구현
• OTT Router Controller 구현
• User, Party, Payment 파일 구조 잡기

 

오늘의 프로젝트에서 어떤 에러가 발생했고, 어떻게 해결했나요?

• 어제 해결하지 못했던 에러를 해결했습니다.
  인가 코드를 확인할 수 있었지만 콜백 함수에 제대로 받아지지 않았던 이유는 .env에서 REDIRECT_URI의 포트가 4000번이 아닌 3000번으로 되어있었기 때문입니다.
  여기서 중요한 점은 .env 파일의 변경사항을 서버에 반영하기 위해서는 저장 후 nodemon으로 자동으로 서버를 실행하는 것이 아니라 '서버 자체를 껐다가 다시 실행해줘야 한다는 점'입니다.
  3000번으로 바꿔도 계속 에러가 났던 이유가 이 점 때문이었습니다.
• Kakao
  상황: 현재 Podo에서 access token 발급할 때 이메일만 가지고 만들기에 이메일 꼭 필요한 상황이었습니다.
  문제: Kakao 인증 소셜 로그인에서 비즈 앱으로 승격하지 않으면 이메일 정보 제공 선택 동의만 가능한 것이 문제였습니다. 비즈앱으로 승격하기 위해서는 사업자 등록 후 사업자 등록 번호 입력해야 합니다. 동의 안 하면 아래 코드와 같이 이메일이 보이지 않았습니다.

data: {
    id: 2013122492,
    connected_at: '2021-11-30T02:29:39Z',
    kakao_account: { has_email: true, email_needs_agreement: true }
  }

해결방안: 세번째 방안으로 진행하기로 결정했습니다.

•  Kakao에서 주는 id로 구현
•  Kakao 인증 방식 삭제
•  email을 안 보내준다면 id를 email에 넣기

 

새로 배운 점

• git log --oneline: log를 한 줄에 표현하는 방법

 

오늘의 프로젝트에서 힘든 점은 무엇인가요?

• 목 근육 통증이 있는 것 외에는 없었습니다.

 

내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

• User의 Controller와 Router 구현
• Party의 Controller와 Router 구현 

 

 

 

 

 

12월 1일 (수)

오늘은 어떻게 프로젝트에 기여했나요?

• Statement 엔드포인트 구현을 위해 Controller와 Router 구현
• User Model 수정
• User Seed 작성
• 수정사항 반영 위해 DB Schema, API Document 변경
• Home banner opacity(투명도) / Seed 데이터 삽입 관련 Error Debugging

 

오늘의 프로젝트에서 어떤 에러가 발생했고, 어떻게 해결했나요?

• 현상: localhost:3000으로 페이지에 접속했을 때는 배너가 제대로 작동했습니다. podorang.com으로 접속했을 때는 배너가 0.5초 정도 보이다가 사라지는 에러가 있었습니다. 그레이한 영역의 에러여서 해결을 미룰까 했지만 개발할 때 제대로 홈 화면을 보는 것이 좋을 것 같아 디버깅을 했습니다.
  원인: local 코드와 deploy 코드를 Diffchecker를 통해 비교했지만 다른 점이 하나도 없었습니다. 그래서 브라우저 개발자 도구에서 여러 탭들까지 다 비교해보았습니다. 그 결과, localhost:3000의 opacity는 100%, podorang.com의 opacity는 1%였습니다.
  해결: 이 부분은 제가 해결할 수 없는 부분이라 프론트엔드 분들과 상의하여 문제를 해결하였습니다.

 

• 현상: npx sequelize_cli db:seed:all 명령어로 전체 seed가 심어지지 않는 에러가 있었습니다.
  원인: npx sequelize-cli db:seed:all명령어를 입력하면 abcd 순으로 seed가 넣어지기 때문에 발생한 에러였습니다.
  해결: 이 부분은 테스트하면서 자주 써야 할 것 같기 때문에 제 나름의 간단한 매뉴얼을 만들어 보았습니다.
  - npx sequelize-cli db:seed:all로 capital, ott, party Seed 넣기
  - npx sequelize-cli db:seed --seed user payment statement로 마저 user payment statement 넣어주기

 

• 현상: ERR_HTTP_HEADERS_SENT라는 에러가 있었습니다.
  원인: res를 클라이언트에 두 번 보냈기 때문에 발생한 문제였습니다.
  해결: return res.sendStatus(200).json({ message: "Success" }) 대신 return res.status(200).json({ message: "Success" })를 사용했습니다.

 

오늘의 프로젝트에서 힘든 점은 무엇인가요?

• 없었습니다.

 

기억할만한 점

• git stash와 git stash pop 명령어를 배워서 사용했습니다.
  git stash 명령어는 변경사항을 쌓아놓는 명령어입니다.
  git stash pop 명령어는 가장 최근에 저장한 변경사항을 꺼내고 그 내용은 삭제하는 명령어입니다.
• git reset HEAD^: commit 원복 기본 명령어. default option은 --mixed이다.
  git reset --soft HEAD^: commit을 취소하고 해당 파일들은 staged 상태로 워킹 디렉터리에 보존
  git reset --mixed HEAD^: commit을 취소하고 해당 파일들은 unstaged 상태로 워킹 디렉터리에 보존
  git reset --hard HEAD^: commit을 취소하고 해당 파일들은 unstaged 상태로 워킹 디렉터리에서 삭제

 

내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

• 토스 API 공부 및 구현
• 금융결제원 API 공부 및 구현

 

 

 

 

 

12월 2일 (목)

오늘은 어떻게 프로젝트에 기여했나요?

• 금융결제원 API Authorization Code 및 Access Token 발급
• 클라이언트 배포 자동화
• 중간보고 미팅 참석

 

오늘의 프로젝트에서 어떤 에러가 발생했고, 어떻게 해결했나요?

• Authorization Code 발급이 잘 되지 않았습니다. 알고 보니 엔드포인트가 달라서 오류가 났었습니다. 제대로 설정해주니 해결되었습니다.

 

오늘의 프로젝트에서 힘든 점은 무엇인가요?

• 카드 결제나 계좌 조회 같은 부분은 금융 관련 개인정보를 다루는 API이다 보니 제대로 사용하는데 어려움이 있었습니다.

 

내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

• 금융 관련 API 구현
• Random Name API 사용하여 별명 생성

 

 

 

 

 

12월 3일 (금)

오늘은 어떻게 프로젝트에 기여했나요?

• 금융결제원 API 공부
• getRandomName 함수 구현 및 에지 케이스 처리
• Naver에 getRandomName 적용

오늘의 프로젝트에서 어떤 에러가 발생했고, 어떻게 해결했나요?

• getRandomName은 서버에서 알아서 name이 중복이 되지 않을 때까지 (while or 재귀 함수 필요) 생성해주는 함수입니다. Promise 형태 안에서 저 부분을 활용하는 것이 처음이라 여러 에러를 만났습니다. (#135 참고)

오늘의 프로젝트에서 힘든 점은 무엇인가요?

• 없었습니다.

내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

• Google 및 Kakao에 getRandomName 적용

 

 

 

 

 

12월 4일 (토)

오늘은 어떻게 프로젝트에 기여했나요?

• Google, Kakao에 nameFunction 적용

오늘의 프로젝트에서 어떤 에러가 발생했고, 어떻게 해결했나요?

git reset --hard HEAD^명령어를 사용해서 에러가 발생했습니다. git reset --hard {되돌리고 싶은 커밋 sha1}을 사용해서 해결했습니다 (#140 참고)

 

오늘의 프로젝트에서 힘든 점은 무엇인가요?

• 없었습니다.

내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

• 금융결제원 API 공부