이번 주 한 일
- 프로젝트 중간발표
목표로 했던 기능들을 아슬아슬하게 기한에 맞춰 구현했다.
다만 아쉬운 점은 sessionStorage를 이용해서 history를 기록해야 하는데 그 부분이 아직 구현이 안되어 상세페이지를 클릭한 후 뒤로가기를 하면 검색한 데이터가 아닌 전체레시피화면으로 다시 돌아간다. 4주차에는 기능 구현을 마무리하고 리팩토링에 들어가야겠다.
다음 주 할 일
- sessionStorage history 저장
- Typescript 제대로 넣기
- 전역상태관리 필요한 부분은 recoil 이용하기
- react-hook-form으로 리팩토링
- 코드컨벤션 지키기
메인페이지에 들어간 로컬동영상은 로딩시간이 너무 많이 걸려 결국 youtube를 이용하기로 했다. 확실히 속도는 빨라졌는데 화질이 많이 깨진다. 이 부분을 어떻게 개선할 지 생각을 좀 해봐야 겠다.
미루어두었던 react-hook-form 리팩토링을 진행했다. 처음에는 좀 헷갈렸는데 공식문서가 잘 나와있어서 어렵지 않게 잘 바꾸었다. 어지러웠던 state들도 정리되고 코드가 깔끔해졌다.
프로젝트에서 코드컨벤션이 제대로 지켜지지 않은 부분이 보인다. 검색해보다가 안 사실인데 url에는 대문자가 들어가지 않는게 좋다고 한다. 또한 -(하이픈)제외 특수문자 또한 쓰지 않는게 원칙이라고. 허용되지 않은 특수문자를 사용한 URL을 SNS와 같은 다른 시스템에 공유하게 된다면 특수문자가 인코딩되어 길이가 길어지고 이해하기 어려운 형태로 공유된다고 한다. 수정해야 할 파일명이 많아졌다. 이건 회의 때 팀원들과 반드시 얘기해보아야 할 듯.
v_v