미리보기

'우리'는 가족들과 매일 주어지는 다양한 토픽을 통해 재미있게 일상을 나눌 수 있고, 그 일상들을 달력의 형태로 모아볼 수 있는 서비스입니다.

• Skill : next.js , react.js , Typescript , tailwind-css , zustand

• 배포 링크 : https://woory.vercel.app/

• 깃허브 링크 : https://github.com/SWYP-Woory/woory-frontend

기여

- next.js의 병렬 라우팅을 이용한 modal 구현

- atomic design pattern을 활용하여 컴포넌트 작업 세분화

- date-fns 라이브러리를 활용하여 달력 컴포넌트 생성

- Feature Branch Workflow를 사용하여 적극적인 코드 리뷰를 진행

'냉장고 뚝딱이'는 다양한 자취 레시피를 공유하고 , 냉장고 속의 재료로 만들 수 있는 레시피를 찾아주는 서비스입니다.

• Skill : react.js , Typescript, zustand, react-query, tailwind-css, figma

• 배포 링크: https://www.ndd.life/login

• 깃허브 링크 : https://github.com/OZ-Coding-School/oz_02_main-003-FE

기여

- 프론트엔드 팀장

- 디자인 및 설계: Figma를 사용하여 UI/UX 디자인 전체 작업.

- 레시피 작성 프로세스: 4단계 입력 검증 및 입력 상태 유지 (Zustand Persist 사용).

- 로그인 페이지 리다이렉트 : 비 로그인 사용자의 접근을 효과적으로 제어하기 위해 로그인 페이지 리다이렉트 기능을 구현.

- 레시피 공유 기능 개발 : 비로그인 사용자도 공유된 레시피에 접근 가능하도록 구현하여 진입 장벽을 낮추고 사용자 경험(UX)을 향상.

‘okivery’는 한국에 거주하는 외국인들을 대상으로 한 배달 음식 서비스입니다.

• Skill : react.js , Typescript, zustand

• 배포 링크: https://okivery.duckdns.org/

• 깃허브 링크 : https://github.com/OZ-Coding-School/oz_02_collabo-005

기여

- 프론트엔드 팀장

- 회원가입 및 유효성 검사 기능 구현

- 공통 컴포넌트 header, 하단 navigation Bar 구현

- 홈, 레스토랑, 메뉴, 주문서 페이지 레이아웃 및 기능 구현