Fiesta Tour_16일차 ( 중간 발표 )

투어 종류 4개이상 늘리기

로딩에 맞춰 로딩 화면을 잘 보여주기
채팅 페이지 세로 길이 맞추기
메인페이지 박스 크기 화면 크기에 맞추기

메시지 수정 로그? 확인하기 -> 이따 물어보자

모든 리뷰 보기 헤더 위치 맞추기 -> 모든 페이지 헤더 컴포넌트를 만드는게 편할 듯
커스텀 백 네비게이션 구성하기

언어 변경 추가하기

github1s.com으로 편하게 보기 가능

메인페이지 서버 코드 route분리 , 레이아웃 만들어서 헤더 적용
return에서 반복문이 사용 되는 경우 컴포넌트 분리가 좋음
new Date는 p태그가 아니라 함수로 만들어서 사용해야 성능이 향상됨

상세 페이지
Rear 컴포넌트 이름 정확하게 바꾸기 , 불필요한 코드 삭제
Read - tags를 상태로 관리해야 좋음 , 컴포넌트 더 쪼개야함
Map - 코드 lengh길이가 달라질 수 있으니 개선하기 , 여기도 이름 직관적으로 개선하기
일정에서 상점 클릭 시 해당 위치로 하이라이트 되도록 개선하기 -> useEffect내에서 위,경도 값 상태로 기억해서 활용하기
->center 변화 주기
Guide - 쿼리 로직은 훅으로 빼거나 fetch코드는 api에 빼두는식으로 사용하기 , pending error 만든거 다 사용하기
loading , error 내용은 컴포넌트로 만들어서 써야함
SelectPost - if문으로 로딩을 할시에는 return문 위에 둘 것 / 현재는 로딩 중에 로직이 무시되어 오류 발생 -> 가상돔과 관련됨

마이 페이지 - 선택되는 로직도 컴포넌트로 쓰면 좋음 / 선택 컴포넌트 상태관리는 전역 필요없이 query로하는게 좋음
페이지에서 컴포넌트로도 params말고 id를 내려주는게 좋음

post - 정규식은 상수 데이터로 따로 빼놓기 , useEffect 노란 밑줄은 부족하거나 잘못된 데이터임
layout단에서 padding , error 상태를 적용시키는게 좋음

스크롤 window.loacation.pathname이 []에 들어가 있는데 []에는 state가 들어가야함
error발생 시 에러 내용을 알 수 있는 요소도 넣어줘야함
interface - type 통일하기 interface는 I라는 이름을 붙여줌
Interface는 상속 / type은 타입 선언때문에 주로 씀
가독성을 위한 컴포넌트 쪼개기 많이 하기
터미널 404 문제도 다 해결하면 빨라질것임