diff --git a/data/Project.ts b/data/Project.ts index a1c027f..aa56c6c 100644 --- a/data/Project.ts +++ b/data/Project.ts @@ -321,7 +321,7 @@ export const ProjectList: Project[] = [ "react-query", ], description: "삶의 질을 상승시켜주는 IT제품 리뷰 서비스", - duration: "2023.09.19~진행중", + duration: "2023.09.19~2024.03.20", part: ["Frontend"], git: "https://github.com/BETTER-iTER", @@ -332,15 +332,26 @@ export const ProjectList: Project[] = [ react-query의 useQuery를 사용해 데이터를 불러오고, useMutation을 사용해 데이터를 수정했습니다. - 카테고리, 검색어, 최신검색어, 추천검색어를 통한 검색을 구현했습니다. + 카테고리, 검색어, 최신검색어를 통한 검색을 구현했습니다. 최신검색어는 localStorage를 사용해 최대 7개까지 저장했습니다. 리뷰의 상세보기 페이지를 구현하면서 Swiper를 사용해 이미지 슬라이드를 구현했습니다. - 홈에서는 시간에 따른 자동 슬라이드를 구현했습니다. + 홈에서는 시간에 따른 자동 슬라이드와 스와이프를 활용한 뉴스배너를 구현했습니다. - 이메일과 추가정보를 입력해 회원가입을 구현했습니다. + 이메일과 이메일 인증 및 추가정보를 입력해 회원가입을 구현했습니다. 관심카테고리, 좋아요한 리뷰, 스크랩 리뷰, 내가 쓴 리뷰 등의 조회를 구현했습니다. + + 각 유저의 프로필 화면을 구현했으며, 유저의 정보 수정을 구현했습니다. + + QA를 위해 vercel을 사용해 배포했습니다. + `, + link: "https://iter.netlify.app/", + result: ` + 이번 프로젝트를 통해 Stitches를 사용해 스타일을 정의하고, vite-plugin-svgr를 사용해 svg를 컴포넌트로 사용하는 경험을 할 수 있었습니다. + 또한, react-query를 사용해 데이터를 불러오고 수정하는 경험을 할 수 있었습니다. + + swipe, slide 등의 기능을 구현하면서, 사용자 경험에 대해 고민하게 되었습니다. `, people: ` 디자인 1명, 기획 1명, 서버 2명과 프론트 2명으로 구성된 프로젝트입니다.`,