[주간 작업 회고록] 2022.08.22 ~ 2022.08.28

🏁 지난 주 목표 | 리액트쿼리 활용, 본투비루트 시작

Teave :: 리액트쿼리로 전환 대수술

◼ 최근에 원티드 프리온보딩 코스에서 배운 리액트 쿼리를 우리 프로젝트에도 적용해보기로 했다. 리액트 쿼리를 사용한 커스텀 훅으로 서버 데이터를 사용하는 로직을 모두 분리하고, 서버 데이터의 스키마를 model폴더에 넣어서 관리했다. 

 

◼  지난주에 완성된 페이지 도안들을 마크업 했다. 검색 결과 페이지를 마크업 할 때 처음에는 검색 페이지와 결과 페이지를 나눠서 구현했었다. 그런데 검색페이지에 딱히 들어갈 컴포넌트가 없는데 불필요하게 페이지가 나뉘는  것 같았다. 그래서 검색시 하나의 페이지에서 useRouter의 쿼리 유무로 결과 페이지 분기를 나눴다. 이 때 쿼리는 배열이 올 수도 있어서 타입가드를 따로 해줘야 ts에러를 피할 수 있었다.

검색 시 단어를 쿼리로 전달해 라우팅, 현재 페이지의 url에서 쿼리를 가져옴

 

◼ 장바구니, 주문결제, 검색결과 마크업

42 Soeul :: born 2 be root 시작

가상 머신에 서버를 세팅하는 과제다. 과제의 결과물이 딱히 없고 이론적인 공부나 서버를 세팅하는 일 밖에 없어서 지루하다. 재미 없어서 1달은 미뤄진 것 같다. 미루면 미룰 수록 하기 싫어져서 다음 주 내로 완성해야겠다.

◼ os선택, 가상 머신 세팅