서울 열린데이터광장 공공데이터 활용 웹 개발 - 4주차 정리

한 일

• 추천 시스템 초기 버전 캡슐화 진행 시작
• 검색 기능 및 UI 추가
• 유저 정보 받기 위한 폼 UI 제작
• 랜딩 페이지 초안 제작
• 휴대폰으로 UI 테스트

---

앞으로 할 일

• 쿠키에 JWT를 활용하여 비식별화된 유저 정보 담기
• 추천시스템 구현, fastapi로 데이터 응답하기 성공하기
• 필터링 기능 추가 구현

---

느낀점

• 필터링 기능을 UI로 구현하던 중에, RTK로 만든 search State가 filter State와 애매하게 분리된 부분이 있었습니다. search State에선 localstorage로 검색 기록을 저장 및 불러오는 과정이 있어서 분리를 해주는 것이 맞았으나, 단순하게 search 라고 파일명과 state명을 정한 것이 후에 유지보수에 좋지 않은 부분을 깨닫게 되었습니다.

 

• react-hook-form의 Controller 컴포넌트를 사용하여 select 태그, input의 checkbox 타입, radio 타입을 어떻게 적용해주는지 알게되었습니다.

 

• 과거에 onvalid 함수에서 에러 메시지를 출력하는 방법을 참고하여 추가 작성하면서 setError 함수에 대해서 제대로 이해했습니다.

 

• 네트워크 설정을 개인으로 바꾸면 같은 wifi를 공유하는 경우에 휴대폰으로 아이피를 입력해서 접속이 가능해서 이때부터 휴대폰 UI도 동시에 고려하면서 코딩을 진행했습니다.

 

• 최소단위로 개발할 요소들을 정해놓고 진행했지만, 제가 프론트앤드 개발자이면서 팀장이다보니, 기획, 디자인, 백엔드와 프론트앤드 조율을 하면서 매주 회의 때마다 다음 할일을 준비해 오는 것이 자연스러워지기 시작했습니다. 하지만 다른 팀원들의 자발적인 기획 아이디어 제안이나, 추가적인 도전없이, 다음 개발 단계를 저에게 의존하는 부분이 아쉬웠습니다. 백엔드에 대한 경험이 저도 있었지만 spring boot에서 추가적인 도전을 하려면 각자 팀원의 현 실력에서 한스탭 더 나아가려면 자발적으로 제안을 해주면 좋았겠으나, 언제 부턴가 저의 주도 아래에서 개발 업무를 수행하는 팀원들이 되어 있었습니다