-
Notifications
You must be signed in to change notification settings - Fork 0
4주차 데일리 개인 회고
-
가이드 모드 태그 선택값 저장 pr
context를 써서 구현했다. 와중에 UI가 마음에 안들어서 디자인에 살짝 손을 댔는데 그것 때문에 오히려 시간을 많이 쓴 것 같다.. context는 옵션 카드 이후로 두번째 써보는데 드디어 좀 적응된 것 같다. context api는 다른 상태 관리 라이브러리를 사용하지 않고도 전역으로 상태를 관리할 수 있다는게 장점이지만, context 로 관리하는 state 값이 변경될 때마다 모든 하위 컴포넌트들이 재렌더링 된다는 단점도 있다. 스쿼드 세션 때부터 느낀점이지만, 전에 구현한 옵션카드에서 몇가지 불필요한 사항들을 context로 빼놓은 것 같아서 나중에 팀원들이랑 리팩토링을 진행해야할 것 같다.
-
로딩 화면 연결 pr
로컬 화면 잘못 띄워서 3시간 삽질했다. 앞으로는 이런 실수 하지 않을 것… 그리고 오늘도 역시나 팀원들에게서의 유익한 코드 리뷰! 코드 리뷰 장인 우리팀... 멋져 멋져.. 시간이 좀 많이 투자된다는 약간의 단점이 있긴 하지만 리뷰 하면서 서로 많이 성장하는 것 같아서 뿌듯하다.
- 모델 변경 팝업창 완성하기
- 헤더에서 가이드,셀프 모드 변경 ContextAPI 연결
- 모드 변경시 팝업창 로드
- router-dom을 이용한 에러 페이지 처리
- 360도 차 사진 구현
우리팀 전부 주말에 열심히 코딩하여 마지막을 달리는 모습이 멋있었다! 작업했던 부분을 서로 합치고 리뷰를 통하여 보다 더 나은 방법을 찾으려는 모습 또한 본받아야겠다고 생각했다. 대대분의 기능이 각자 구현이 되면 전체적인 페이지가 완성될 것 같다는 느낌이 들어 시간이 얼마 안남았다는 생각 또한 들기도 했다. 마지막 까지 화이팅!
- 가이드 모드 휠 옵션 조회 PR 작성
- 가이드 모드 선택 옵션 조회 API 구현
- 가이드 모드 선책 옵션 조회 API 구현
- 메인 페이지 자동차 상세정보 조회 API 기능 추가
- API 구현 마무리
- 주말동안 API 5개를 구현했다. 드디어 하나 남았다. 남은 API 하나 구현 마치고, 프론트분들 요구사항대로 메인페이지 API 수정해서 API 구현은 오늘부로 마무리 해야겠다.
- 모든 API 구현을 마무리 짓는것이 우선이다 보니 주말동안 작성한 API에 대해서는 테스트 코드 작성을 생략했다. PR을 올릴때 마다 커버리지가 계속 낮아지는 것을 보고 도현님 눈치가 보였다 👀.. 내일부터 하나씩 테스트 코드 채워가면서 다시 높일거다!
- 내일부터는 성능 개선 및 리팩토링에 들어갈거다. 성능 개선 재밌겠다 랴호!
- 트랜잭션 수업
- 셀프 모드 api 성능 개선 Redis를 설정했는데, Map<Long, Long>으로 역직렬화가 안된다. 삽질을 겁나게 했는데도 해결 못함ㅡ,ㅡ
- 가이드 모드 api 성능 개선
- 자소서 쓰기 어디 써야 하나..
- 발표 준비
- 미구현 ui 구현
- 리사이클러뷰 데이터 바인딩 수정
- 구현 확인
- API 공부 시작하기
- 남은 시간에 맞게 일정 재분배 하기
- 공부한 내용 바탕으로 어떻게 어플리케이션에 적용할지 고민하기.
-
FE 수업 : 테스트 코드, 최적화에 대해서
오늘은 테스트 코드에 대해 배웠다. 테스트 코드에 대해 잘 알지 못했었는데, 오늘 수업을 들으면서 그 중요성을 어느정도 체감하게 되었다.
-
로딩 화면 연결
어제는 가이드 모드 사전 준비 완료 이후의 로딩 화면이 뜨는 절차를 고려해주지 못해서 오늘 해당 부분을 예외처리 해줬다. 처음에는 isGuide라는 전역 context를 만들어서 구현하다가, 아무래도 context를 쓴다는 점이 마음에 안들기도 하고, 코드 작성 중에 한계점이 명확히 생겨버려서 성현님께 SOS를 요청했다. 그랬더니 성현님이 Link에 Prop을 줘서 데이터를 전달하는 방법을 찾아주셔서 뚝딱 해결했다.. 감사합니다ㅠㅠ 사용은 이렇게 !
<Link to="new-path" state={{ some: "value" }} />
let { state } = useLocation();- 버튼 컴포넌트 코드 리뷰 피드백 반영
- 로딩 화면 추가 예외 처리
- 모델 변경 팝업창 완성하기
- 360도 차 사진 구현
- CI 추가 적용
- 옵션페이지 Context API 연결
이제 시간이 얼마 남지 않아서 타협하는 부분이 점점 늘어가는것 같아 좀 아쉬운 부분이있다. 특히 코드를 더 깔끔하게 짜려고 고민해보고 싶지만 정 하고싶으면 9월의 내가 하지 않을까? 라는 생각을 한다! 아무래도 개인프로젝트가 아니다 보니 미완성시 팀 전체에 영향이 갈수도 있다는 생각이 들었다. 다들 밤새면서 코딩하시는 모습이 멋있는것 같다.
- api 성능 개선 코드 리뷰로 쿼리 개선
- nginx https 적용 바보 같이 docker compose에서 443포트를 안 열어놓고 왜 안되는지 고민하고 있었다ㅡ
- cors 적용
- 가이드 모드 성능 개선
- 자소서 쓰기
- 끝나는 날도 진짜 얼마 안남았네...
- 순서대로 키워드 선택하도록 처리
- 건너뛰기 기능 삭제
- 내 차 만들기 뷰 위치 수정
- API 연결을 위한 retrofit과 coroutine공부
- 오늘 수업때 받은 피드백 바탕으로 코드 수정하기
-
로딩 화면 버그 픽스
-
코드 리뷰 & 머지
며칠간 밀려있던 FE pr이 드디어 클리어 됐다 ! 물론 오늘 저녁이랑 내일 다시 쌓이겠지만.. 여러 pr을 merge하면서 빌드 에러가 크게 날까봐 걱정했는데 다행히 사소한 몇가지만 충돌이 나서 쉽게 해결했다. 다행이었다.
-
모델 변경 팝업창 구현 중
합성 컴포넌트로 짜면서 패딩이랑 마진 다 예쁘게 맞춰놨었는데.. 프로그레스바 덕분에 다 지우고 처음부터 다시 맞춰줘야한다. 너무 신난다....
-
가이드 모드 사전 선택 새로고침 시 동작 구현
태그를 저장하는데 context를 쓸지 세션 스토리지를 쓸지 고민을 꽤 했는데, 그냥 context에 저장하고 새로고침 시 초기 선택 화면으로 돌아가는 방법을 선택했다.
-
모델 변경 팝업창 완성하기
- 백카사전 추가
- 기본포함 품목 로직 변경
- 메인페이지 UI 피드백 반영
- 다른 트림 선택시 클릭 방지 로직 추가
- 가이드 모드 키워드 클릭 시 7개의 API 요청 뒤 Context 저장
- 바텀
- 발표 ppt 준비
오늘 아침에 이전에 구현해 놓은 백카사전 설치하여 을 적용해 보았다.. 구현할 당시에는 많은 확장성을 고려하여 구현하였지만 막상 적용해보니 css적인 부분에서 화면이 짤리는 현상이 발생하였다. 어떻게 해결할 수 있을까 고민을 하다 결국 absolute를 포기하고 fixed 를 적용하여 타협을 하였다. fixed의 고질적인 문제가 스크롤 및 화면 크기 변동시 고정되어있다는 것인데 이 부분은 나중에 어떻게 해결해야 할지 고민해야겠다.
- 가이드 모드 API 성능 개선
- 호눅스님과의 상담 발표 내용을 고민했는데, 그냥 부담없이 발표해야겠다. 상금 따위..
- 가이드 모드 옵션 API 개선 (오늘 가능?)
- 발표 준비
- 오늘 2호선을 반대로 탔다. 하... 내가 미쳤지. 자소서 쓰면서 가다 정신차려보니 강남이었다. 중요한 일정이 그득한데, 앞으로는 정신머리 잘 챙기고 다녀야겠다.
- 버그 수정...(온보딩~ 트림선택 페이지 중 피드백 받은 내용에 맞게 코드 수정 진행)
- 버그 수정 부분중 API 연동과 관련된 부분 다시 정리 하고 작업하기.
- 이미지 파일 이상하게 받아와지는 부분 백엔드와 상의하기.
-
가이드 모드 새로고침시 동작 pr
beforeunload라는 걸 쓸까 하다가 원하지 않는 팝업이 뜨고, navigation도 작동하지 않아서 적용하지 않았다. 그냥 새로고침 될 땐 상태가 초기화 된다는 점을 이용해서 selectedAge === null일 때 초기 화면으로 navigate 되도록 작성했다.
-
모델 변경 팝업창 pr
이벤트 처리랑 css 작성이 어려웠던 컴포넌트다.
-
발표 방향성 논의
- 팝업창 연결
- favicon 설정
- 폰트 버그 수정
- png -> webp 확장자로 변경
- 기타 버그 수정
- 발표 자료 준비
오늘 코드 프리징 전까지 까지 계속해서 버그를 찾아내며 수정하였다. 시간이 급하다 보니 쉬운 로직도 깊게 생각해지못했던것 같다.. 30분 전에 가이드모드 선택옵션 부분이 저장되지않는 것을 확인하여 아쉬웠다.
코드 재활용을 너무 하려 하다보면 예외처리를 너무 많이 해야하고 어떻게보면 다른 로직으로 분리하는게 더 효율적인 경우가 있다는 것이 오늘 가장 크게 느낀점이다.
- 트림 기본 품목 기능 추가 : 전체 카테고리 조회 기능
- 트림 기본 품목 조회 시, 아이콘 이미지가 조회되는 오류 해결
- 프로젝트 발표 회의
- CDN을 활용한 메인 페이지 로딩 속도 개선
- 프론트, 안드로이드 전반적으로 시연해보고 아쉬운 부분 개선하기
- 발표 스크립트 작성
- 발표 자료 만들기
- 어쩌다 보니 시간이 흘러 개발이 거의 마무리되었다. 테스트를 중간부터는 작성하지 않고 개발하느라 커버리지가 많이 낮아진 게 마음이 아프다.. 발표 준비하랴, 자기소개서 쓰랴 바쁘겠지만 틈틈이 테스트를 작성해 봐야겠다.
- 이제 슬슬 소프티어도 끝나가고 구현도 마무리되다 보니 쌓였던 피로가 터지는 거 같다. 어제도, 오늘도 컨디션이 많이 좋지 않았다. 컨디션 관리랑 시간관리 잘 해서 프로젝트 마무리를 잘 해야겠다.
-
API 끝!? 속도가 엄청 개선된 것도 있고 아닌 것도 있다. 이래서 캐시를 쓰고 역정규화를 하고 그러는구나..
-
발표 준비 시작.. 우리팀의 필살기는 뭘까
- 내일 발표 준비
- 자소서 쓰기 다 ict 쓰나?
- 버그 수정 이어서 쭉~!!
- API 연결 본격적으로 시작
- 프론트 엔드쪽 API 연동 방식 참고해서 구조 새로 짜기.
- 버그 수정.. 빨리 해결해야한다.. 이제 정말 얼마남지 않았다.
- API 연결중 문제가 발생... 어떻게 해결하면 좋을지 자료 찾아보기.
-
favicon 설정
-
팝업창 연결 중
-
발표 방향성 논의
오늘 모의 발표를 해보고 나서 발표를 완전 재구성했다. 앞으로 며칠 안 남은데다가 할 일도 산더미지만, 팀원들이랑 으쌰으쌰해서 좋게 마무리할 수 있었으면 좋겠다. 우리 영차 팀 파이팅~~~
-
오늘도 유익한 스쿼드 세션 !
- 팝업창 연결
- 자소서 작성
벌써 부트캠프에서의 마지막 금요일이라니, 시간이 너무 빠르다.
- 프로젝트 모의 발표
- 백엔드 마지막 수업 : 피어 세션
- 머리 자르고 증명사진 찍기
- 자기소개서 작성 및 회사 지원
- 시간 남으면 10초 쿼리 줄여보기
- 오늘 프로젝트 모의 발표를 했다. 도현님이 목이 아파 조퇴하셔서 내가 대신했다. 모의 발표이기도 하고 내가 발표 담당이 아니라서 잘 할 필요는 없었지만 긴장은 됐다. 역시 발표는 쉬운 게 아니다.
- 다른 팀의 발표를 보고 무엇이 좋고 무엇을 피해야 될지 개인적으로 느낀 바가 컸다. 발표 이후 팀끼리 모여서 의견을 주고받다가 재미 삼아 이런 식으로 해보면 어떨까요 ㅋㅋ 하는 식으로 시작하다가 나름 괜찮은 구성인 거 같아서 중간부터 진지하게 임했는데 나름 괜찮은 구성이 나와서 일부 수정해서 진행할 거 같다. 뿌듯
- 지금까지 API 수정하랴, 발표 자료 준비하랴, 버그 고치랴 많이 바빠서 자소서를 아예 신경 쓰지 못했다. 오늘 저녁부터 바로 자소서에 집중해서 후딱 해치워야겠다. 호눅스님한테 자소서 관련해서 개인적인 오랜 걱정거리를 여쭈어봤는데 좋은 피드백을 받을 수 있었다. 자소서를 어떤 방향으로 작성해야 할지 어느 정도 감을 잡을 수 있어서 도움이 많이 되었다.
- 호눅스님이 마지막 수업이라며 맺음말을 해주셨는데, 결국에 치열하고 힘들고 걱정 가득한 이 순간도 되돌아보면 수많은 장면 중 하나의 순간이고, 즐겁고 풋풋한 시간일 거라는 말씀을 해주셨다. 좋은 말씀이었다 :)
- 오늘 이번 캠프 동안 배운 점, 학습이 필요한 점, 느낀 점을 기록하면 좋겠다는 점이랑, 우리끼리 롤링 페이퍼 한번 돌리면 좋겠다는 생각을 했다 :)
-
조퇴 감기 증상이 있어서 1시간밖에 못 있다 갔다. 왔다 갔다 하는 시간이 더 들어서 가성비 똥망;; 발표도 있고 마지막 금요일이라 집에 가기 더 아쉬웠다.
-
발표 준비 중간 발표를 했는데, 만족스럽지는 않았다. 전부 뜯어 고치기로 했다.
- 자소서 및 지원서 작성 (혹시 서로 자소서 피드백 할 수 있다면 환영입니다!)
- 발표 준비
- 다음주부터는 계속 발표 준비하겠지?
- 아프면 나도 힘들고 주변 사람도 힘들다.
- 감기 이슈로 오늘 갑작스럽게 발표를 한 동철님에게 감사를 표합니다.
- API 받아오는 방식 수정하면서 이전에 받은 피드백에 대한 수정 완료
- 필터링 관련 처리 방법 변경
- 카테고리 부분도 API로 처리하도록 로직 수정
- 다시한번 트림 페이지 내 수정사항 없는지 확인해보기
- 내일중으로 파일 올리고 커밋할 것.
- 아젠.... 자소서.. 더이상 미룰 수 없으셈..!
- 큰일이다. 다음주 월요일이면 작업 끝내야한다....!!!! (;´༎ຶД༎ຶ`)
- FE - 나도 오픈소스 개발자? (NPM 배포기)
- FE - 합성 컴포넌트에 스토리북 한 스푼 🥄
- FE - Tailwind CSS 찐하게 사용해보기
- AOS - 안드로이드 네트워크 연결
- AOS - API 요청에 따른 동적 탭 생성
- AOS - 나도 오픈소스 개발자? (jitpack 배포기)
- AOS - 폭죽 애니메이션
- AOS - 가이드 모드 애니메이션
- AOS - 뷰모델과 애니메이션을 같이 사용했을때의 ISSUE
- BE - 무중단 배포에 대해 알아보자!
- BE - 더 무중단스러운 배포를 위한 graceful shutdown
- BE - 쿼리 최적화에 대해 알아보자!
- BE - 실전, 쿼리 가속도 업!