-
Notifications
You must be signed in to change notification settings - Fork 0
4주차 회고
KingDonggyu edited this page Dec 2, 2022
·
11 revisions
- 중간 중간에 막히는게 많아서 feature 개발을 많이 못했다.
- API 명세를 너무 세세하게 짠 것 같아. 나중에 보니 변경 사항이 자꾸 생겼다.
- 트러블 슈팅에 대한 문서 작성에 너무 부담을 느꼈던 것 같다. 대단하지 않아도 가볍게 작성해보자!
- 개발하는데서 보수적이었던 것 같다.. 새로운 것을 도입하는 것에 두려움을 느꼈다.
- feature 개발에만 너무 매몰되었던 것 같다. 테스트나 성능 개선.. 나중에 해도 되겠지...?
- 서울에서 오프라인으로 만나 협업하게 되어 능률이 올라갔다.
- 기존의 로그인 방식에서 문제점을 파악하고 건강한 방향으로 개선한 것 같다.
- 백엔드 팀원들이 프론트엔드에 필요한 API를 구현해주시는 동안, 운동 기록 페이지의 UI를 구현했다.
- 운동 기록 페이지의 레이아웃 구성이 생각보다 까다로웠고, 세트와 운동의 증가/감소 인터렉션이 있어서 꽤 힘들었다.
- 그리고 사용자 경험을 위해 운동이 증가될 때마다 스크롤이 자동으로 내려가도록 했다.
- 그러다보니 벌써 코어 타임이 끝..😱
- 해야할 것들이 엄청 많은데 내 예상보다 오늘 하루 많은 것을 하지 못했다ㅠ
- 그!리!고! 월드컵..! 가나전 너무 아쉽다 🥲 포르투갈 이겨보자!
- 남은 API들을 구현하는 중이다.
- 프론트와의 API 연동에서 협의를 통해 API를 지속적으로 수정을 하고 있다.
- 데이터 형식을 프론트에서 작업하기 쉽게 보내주는게 어려운거같다.
- 생각보다 차트 그리기는 쉬웠고 Chart.js는 신이 아닐까..
- 그래도 캔버스를 다루는 것은 굉장히 어려웠다.
- 하지만 코드를 이것저것 만지다보니 해결되는 것들이 많아서 좋았다.
- 하루종일 구글 OAuth 로그인을 위한 고군분투를 했다..
- 원인은
@react-oauth/google
라이브러리 사용시 반환하는credential
변수가 access token인줄 착각하고 있었다는 것. - 원인을 찾아 해결은 했지만 하루종일 다른 작업은 하나도 하지 못했다.
- 시간이 갈수록 조급한 기분이 든다. 천천히 잘해보자.
- 그저 돌아가게만 만드는 것은 누구나 할 수 있다. 하나를 구현할 때 끊임없이 why를 던지며 단단히 하자 👊
- 하루종일 구글 OAuth 로그인에 매달렸다...
- 기존에 개발한 방식이 프론트와의 연동성에 문제가 생겨서 수정을 해야했는데, 그 과정에서 너무 많은 에러가 발생했다.
- 에러 해결을 위해 많은 시간을 쏟았지만, 동규님의 도움으로 프론트측에서 오는 access token 값이 잘못되어 발생한 문제인걸 인식했다.
- 그 후로 무사히 구글 OAuth 로그인을 완성할 수 있었다.
- 동규님과 둘이서 하루종일 OAuth에 매달린 보람을 저녁 늦게 느낄 수 있었다.
- 하지만 쿠키가 가지 않는 상황이 발생... 내일 TODO로 남겨두기로 했다.
- 오늘은 인프런 퇴근길 밋업을 가느라 작업을 많이 하지 못했다.
- 그래도 배운 것들이 많아서 팀원들에게 공유하고 싶은 내용이 생겨서 좋았다.
- 오늘 불현듯 느낀건데 css를 다루는 것에 많이 익숙해졌다고 느낀다.
- 리액트를 다룬지 이번주가 6주정도 된 것 같은데, 더 열심히 해보자.
- 드!디!어! 로그인과 회원가입 API를 연동했다!!!
- 이 작업이 완료되어야 다른 API 연동이 수월하기에 이 순간을 엄청 기다려왔다..
- 이제 남은 API들을 빠르게 연동할 수 있을 것 같다.
- 많이 도와주신 승재님께 박수 👏👏👏
- 그리고 살짝 고민되는 부분이 하나 있는데, 여태껏 개발을 하며 의미있는 트러블 슈팅이 나오지 않고 있다.
- 그만큼 트러블이 없다는 것에 기뻐해야 하는 것인가.. 살짝 불안하다.
- 어제의 회고에서 말했듯이, 하나를 구현할 때 끊임없이 why를 던지자 🔥
- 쿠기가 가지 않던 이유를 알아냈다.
- POST로 온 요청이기 때문에 res.cookie가 아니라 req.res.cookie로 쿠키를 보내야한다.
- 또 이렇게 한가지를 배워갔다.
- 웹 개발을 시작한지 4개월 정도 됐지만, 처음에 비해 확실히 점점 실력이 늘고 있는 거 같다.
- 오늘은 차트를 완성했다. 캔버스를 1도 몰랐다가 점점 발전하는 것 같아서 좋다.
- 스스로 개발을 하면서 검색의 빈도가 줄고 혼자 하는 고민의 빈도가 늘어나는 것을 느낀다.
- 검색 컴포넌트를 재사용하기 위해 리팩토링을 하고 있는데 쉽지가 않다. 처음부터 조금 잘 짜볼 걸.. 하는 생각이 들어서 아쉽다.
- 리팩토링을 하면서 사실 분리 자체는 쉬운데 그냥 넘어가기에는 아쉬운 점이 많아서 고민이 되는 것 같다.
그러나 일정을 맞춰야 하기 때문에 고민은 내일까지만, 그리고 더 나은 리팩토링은 시간이 날 때 틈틈이 하자. - 아 근데 진짜 더 잘 분리할 수 있을거 같은데..................
- 오늘은 매주 있는 데모 하루 전날이다. 데모 전날은 항상 바쁘다...
- middleware를 구현하여 프론트에서 오는 모든 api 요청에 대해 검증을 거치는 로직을 추가했다.
- 배포를 담당하고 있는 나는 자정부터 배포를 위해 기능상 추가되어야하는 PR들을 팀원들에게 의견을 받아 merge를 진행했다.
- 역시나 한번에 되는 법이 없는 배포... 여러가지 에러가 발생해 프론트분들과 함께 에러 디버깅을 진행했다.
- 다들 늦게까지 디버깅에 함께 해줘서 너무 고마웠다.
- 로그인이 되기 시작했고, 막힌 혈이 뚫리는 느낌이다.
- 이제 API를 임시로 id=1해서 확인하던 것을 로그인 기반 데이터로 확인할 수 있게 되었다.
- 그리고 목요일은.. 항상 늦게 잔다.. 우리팀 옵스 화이팅
- Date 객체가 내 PC 날짜를 참조하는거였어..?
- FrontEnd 성능 개선기
- Google OAuth 프론트 연계
- HTTPS 보안 등급 A+ 받기
- URL Parameter routing 트러블 슈팅
- Immer.js 도입기
- Request Header의 특정 헤더값이 확인이 안되는 경우
- FrontEnd 성능 개선기 두번째 (네트워크 Waterfall 발생)
- 실시간 알림을 위한 SSE 도입기
- Fitory 검색페이지 개발 & 성능 개선기
- Index를 이용한 DB 성능 개선 일지
- Full Text Search를 이용한 DB 성능 개선 일지
- 22.11.09. Week1 멘토링
- 22.11.11. Week1 마스터클래스 리뷰
- 22.11.16. Week2 멘토링
- 22.11.26. Week3 멘토링
- 22.11.30. Week4 멘토링