미리보기

Dexscription

코드라이브는 코딩테스트 준비에 어려움을 겪는 취업준비생들에게 동기부여를 주기 위해 제작한 서비스

Github

What did I do

• 소셜 로그인 기능 구현

  • GitHub OAuth를 도입해 사용자 계정 생성 및 로그인 과정을 간소화 시킴

• React Query를 활용한 상태 관리 최적화

  • 실시간 데이터 업데이트 및 데이터 캐싱이 중요한 서비스여서 React Query 도입

  • Custom Hook을 활용해 서버 요청 로직을 모듈화, 재사용성 극대화 및 코드 중복을 줄임

• 에러 및 로딩 상태 관리

  • 실시간 데이터 환경에서도 안정적인 UI를 제공하기 위해 로딩 / 에러 상태 처리 로직 구현

• 아이콘 이미지 관리 최적화

  • SVGR 라이브러리로 SVG 파일을 React 컴포넌트로 변환

Dexscription

AI(ChatGPT)와 은행 API를 활용하여 동네를 추천해 주는 서비스

Github

What did I do

• React-hook-form 라이브러리 활용해서 컴포넌트 구현

  • React Hook Form을 활용해 여러 페이지의 폼을 하나로 통합 관리하고 불필요한 렌더링을 최소화 시키기 위해 도입

• Root Layout을 구성하여 공통 레이아웃 관리 및 재사용 가능한 컴포넌트 및 구현

  • 중복 코드를 제거하고 프로젝트의 구조를 일관성 있게 유지

  • 디자인 시스템과 요구 사항에 맞는 재사용 가능한 컴포넌트 설계 및 구현

• 프로젝트 기획 및 디자인

  • Figma를 활용해 UI/UX 디자인을 기획에 맞게 구현하였으며, 사용자 경험을 고려한 인터페이스를 설계

Dexscription

사용자들이 중고 상품을 등록하고 판매할 수 있는 중고 거래 플랫폼 서비스

Github

What did I do

• 로그인

  • Firebase Auth를 활용하여 사용자의 로그인 데이터 관리 및 인증 처리

• 게시물 작성 페이지

  • Firebase를 활용하여 데이터 관리 및 게시물 업로드 기능 구현

• Recoil을 활용하여 상태 관리

  • Recoil의 useRecoilState 훅을 사용하여 상태 업데이트를 관리함

  • 페이지 내의 전역 상태를 효율적으로 관리하기 위해 Atom을 활용함

• 컴포넌트 설계 및 개발

  • 재사용 가능한 공통 컴포넌트 설계

• 프로젝트 일 정 관리 및 회의 내용 문서화

  • Github Wiki를 활용해 매일 팀원들이 작업한 내용을 공유할 수 있게 템플릿 제작 및 관리

• 제주의 전설과 관련된 관광지를 관광 코스로 추천하는 서비스 제작

< 개발대회에서 800여 개 팀 중에 15위안에 선정 >

• 사용자가 선택한 옵션들을 기반으로 동네 추천 서비스 제작

• 개발 언어와 프레임워크를 활용해 다양한 프로젝트 경험

• 팀 프로젝트를 통해 협업 및 커뮤니케이션 능력을 키움

• 알고리즘 스터디 진행

• 문제풀이를 공유하고 토론하면서 문제 해결 능력 향상