메인 프로젝트 회고(15일차) 230512

금일한 일

✔ 서버에서 받아온 데이터 필터 학습

const [isData, setIsData] = useState([]);

	useEffect(()=>{
		axios.get(서버 주소).then(res=>setIsData(res.data))
	}, [])

const filteredData = isData.filter(필터링 내용);

	return(
		<div>
    	 {filteredData.map(item => (
    		<div key={item.id}>
    			...
    ))}
)

기존에는 filteredData의 data를 바로 사용했었고,
에러가 났었다.
(e.g. filtereData.bookmark...)

찾아보니, filter 메서드로 필터링된 새 배열을 반환한 후,
map 메서드로만 보여줄 수 있다고 한다.

즉, filter와 map 메서드는 짝꿍이라고 볼 수 있겠다!

✔ 1차 pr 진행

1차 개발 테스트를 위해
먼저 진행한 페이지들을 pr/merge했다.

재밌는 건, 팀원들이 서로 pr/merge할 때마다 에러가 발생한다는 점이다^^

서로 소통하며 적극적으로 에러를 해결해보려는 모습이,,,
슬프면서도 재미있었다(반복되면 재미없겠지?).

내일 할 일

노션 페이지 구현 디자인/기능 정리

• 생각보다 빼먹은 기능이 있다. 정리해서 딱 해야할 것들을 명확하게 하자.
  • 로그인/로그아웃 시 다른 부분이 있을까? (e.g. 리뷰페이지)
  • 점주/회원의 페이지가 다르게 보여야할까?

기능 우선 개발

• 디자인은 잠시 놔두고, 기능 먼저 개발하자.
  • default로 들어가는 랜덤 데이터, 메뉴 추천 버튼 등