[✍️ Project Dev Log] 2022-01-07

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

• naver oauth2.0 소셜로그인 API구현 완료
• lounge와 관련한 컨트롤러 설정과 라우팅설정 완료

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

- Query Parameter & Path Variable

프로젝트를 진행하면서 클라이언트로부터 데이터를 전달받을 때 대부분 post 메서드로 전달받아서 req.body를 이용해서만 전달받은 데이터를 추출했었는데 lounge쪽 API는 get 요청을 통해서 데이터를 전달하는 방식으로 설계가 되어있어서 get 요청에 대하여 알아보니 get 요청으로 데이터를 보내주는 두 가지 방법이 있었다.

첫째는 Query Parameter를 사용해서 보내주는 방법과 둘째는 Path Variable을 사용해주는 방식이 있었다
각각의 방법들은 상황에 맞게 사용하는 게 좋은데
Query Parameter는 정렬이나 필터링을 하는 데 적합하고,
Path Variable은 resource를 식별하는 데 적합하다고 한다.

API를 설계하는데 정답은 없지만, best에 가까운 방법은 있다고 한다 상황마다 적합한 방법을 잘 고려해서 설계해야겠다.

이번 프로젝트에서 설계된 방법은 Path Variable을 사용해서 설계되어있어서

router.get('/info/:loungeId', loungeController.info.particular)
// Path Variable 라우팅 방식

http://localhost:80/lounge/info/:777
// Path Variable URL

Path Variable 방식으로 라우팅을 설계하고 postman을 이용해서 요청이 잘 서버로 전송되는지 테스트를 했는데
위의 URL로 요청을 보내서 파라미터에서 숫자 '777'을 잘 가져오는지 테스트해 봤는데

console.log(req.params.loungeId);
// :777

콘솔로그가 '777'이 아닌 콜론이 앞에 붙어있는 ':777'을 가져왔다
그래서 구글링을 여러 번 해봤는데 다른 사람들과 똑같은 방식으로 파라미터를 찍는데 왜 콜론이 붙는지에 대한 이유를 찾을 수 없어서 대안으로 Query Parameter를 사용해보자고 생각하고

router.get('/info', loungeController.info.particular)
// Query Parameter 라우팅 방식

http://localhost:80/lounge/info?loungeId=777
// Query Parameter URL

URL로 요청을 보내서 키값에 숫자 '777'을 잘 가져오는지 테스트해 봤는데

console.log(req.query.loungeId);
// 777

숫자 '777'을 잘 가져왔다
내가 모르는 방법을 팀원들이 알고 있을 수도 있으니 팀원들한테 도움을 요청했고
문제는 전혀 생각지도 못한 곳이었다, 그건 내가 post man을 제대로 사용할 줄 몰라서 생긴 문제였다.

http://localhost:80/lounge/info/:777
// 잘못된 테스트 URL
http://localhost:80/lounge/info/:loungeId
// 옳은 테스트 URL

위의 URL이 아닌 아래의 URL방식으로 작성하고

key가 loungeId인 value값에 777을 넣어 테스팅을 해야 하는 방법이 올바른 테스팅 방법이었다.
이렇게 하니 숫자 '777'이 잘 출력되었다.

문제 해결에 있어서 오랜 시간 고민하고 찾아보는 것은 문제해결 능력에 도움이 되지만
오늘처럼 전혀 예상 못 한 곳에서 헤매는 경우도 있기에 이런 경우는 오랜 고민은 오히려 시간 낭비가 될 수도 있다.

때로는 가까운 동료들에게 빠르게 도움을 요청하는 것이 가장 빠르고 효율적인 해결방법이 될 수도 있다.

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

• 주말 간 프로젝트 일정부분 진행하기
• aws 배포해보기