240814 TIL_최종 프로젝트, 모의 면접

미밍·2024년 8월 14일
0

우당탕탕 개발 일기

목록 보기
99/108

헤더 뾰로롱

헤더 뾰로롱 움직이기... 정말.... 힘들었따~ 디바이더까지 포함해서 역방향을 계산하는 거에서 뚝 사람이 멈췄는데, 어떻게 저렇게 사람은 하면 되는 구나 싶었다.....^^

하도 정신 없이 움직이다 보니 계획을 못 세우고 달려온 것 같다. (매우 싫음)

남은 거 정리

0. 리팩토링
1. 검색어 최근 검색어 저장 (금)
2. 검색어 키보드로 이동 가능하게 하기 (금)
3. 채팅 신고 기능 (토, 일)
4. 채팅 시작 전에 주의 문구 (토, 일)

요즘 코딩을 하면서 깨달은 건, 컴퓨터는 진짜 똑똑한데 진짜진짜 똑똑한데 모든 일은 근데 수동이라는 것.... 사용자 편의성을 위해 UXUI가 얼마나 가꿔졌는지 상상도 하기 힘들다.... 검색어 키보드로 이동~.~!! 이라... .. .. ....

0. 검색 결과 리팩토링 중
0.5. 챗 조금 리팩토링

분기처리된 곳이 너무 많아서 조금이라도 줄이고자 최선을 다한다 ㅠㅠ

타입에 as 라는 무적의 키워드를 썼는데, 타입 안정성을 위해 더 찾아보니 in 이라는 키워드도 존재...!! item 속성 안에(in) 어떤 값(key)이 존재할 때 쓰는 거라고 한다.

is 도 있음 심지어. ... ..... 좀 더 알아보자.. ...

++ 에러 잡기

헤더에서 targetIndex를 그냥 간단하게 pathName으로 한 결과, 우리 디테일 페이지는 경로로 잡고 있찌 않게 됐다!!

    const targetNavIndex = HeaderNavPaths.indexOf(pathName);

디테일 페이지는 발동이 안 됨. 생각해보니까 내가 네비를 오직 /, /market, /local-food 로 줬기 때문

indexOf 를 findIndex로 고치기 그 안에서 if 홈일 때 (/) 다 겹치니까 완벽한 등호 === 로 검사 else 의 경우 startsWith 로 검사했다.

*헤더에서 하이드레이션 오류가 났는데 검증 필요 !!

브로셔, 모의 면접으로 오늘 하루가 싹 갔다! 좀 더 열심히 할 것

profile
프론트앤드; Frontend

0개의 댓글