미리보기

유저가 바쁜 일상 속 휴식을 위한 다양한 모임을 탐색하고 참여하며, 직접 모임을 개설하고 리뷰를 생성할 수 있는 서비스

1. 사용 기술 스택:

   • programming language: JavaScript, TypeScript

   • framework: React, Next.js

   • state Management: React Query, Zustand

   • library: React Hook Form

   • test library: Jest, React Testing Library

   • CSS library: Framer motion, Tailwind CSS

2. 구현기능: 리뷰 목록, 모임 만들기

   1. SSR과 CSR을 이용한 리뷰 목록 만들기

   2. Loading Skeleton을 이용한 UX 상향

   3. React Hook Form의Controller 컴포넌트를 이용한 데이터 처리

3. 공용컴포넌트: Button, calendar, Tab, Lazy-Loading Component

4. 추가되어야 할 것: throttle나 debounce를 통한 연속된 이벤트 처리

URL: https://dalleam-black.vercel.app/

가고자 하는 카페를 찾고 싶을 때 사용할 플랫폼입니다.

1. 사용 기술 스택:

   • programming language: JavaScript, Typescript

   • framework: React, Next.js

   • state Management: React Query, Zustand,

   • CSS library: Tailwind CSS, React Hook Form

2. 구현 기능: 회원가입, 로그인/로그아웃, 리뷰작성, 유저정보 수정, 삭제

   1. react-hook-form을 사용한 구현

   2. 이미지 미리보기 구현

   3. debounce를 이용한 로그인 회원가입 검색 기능 구현

3. 추가 되어야 하는 것: API연결 (중간에 백엔드 개발자의 이탈로 API연결 X)

URL: https://masil.vercel.app/

대시 보드 페이지 구현

• gnb 및 ue 지도 구현 (gnb의 위치를 이미지 상에 나타냄, 해당 gnb에 대한 정보를 모달로 표시)

• 이벤트로그 리스트 작업 (무한 스크롤 적용)

다국어 번역 기능 구현

• i18next를 이용해서 프로젝트 언어 전환 작업 (영어, 한국어)

가입자페이지 고도화 작업

• 가입자 crud 작업

• 기존에 처리되지 않았던 작업들 수정

프로필 페이지 작업

• 프로필 crud 작업