미리보기

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

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/

1. tailwind, framer-motion, NextUI등을 통한 css 학습

2. Jest, RTL, cypress 등을 통한 테스트 학습

1. HTML/CSS 학습

2. JS이론, 기본문법 및 반복문/제어문 학습

3. React, React query, Redux, Redux-Toolkit 학습

4. 토큰을 이용한 인가 학습