미리보기

• 웹뷰 기반 세무회계관리 모바일 어플리케이션 개발 (MONEYPIN)

  • 계좌 잔액, 영업 손익 등 주요 지표 데이터를 직관적인 그래프 형태로 시각화하여 사용자가 쉽게 이해하고 접근할 수 있도록 개선

  • 손쉽게 세금계산서를 발행하고 거래 청구 할 수 있는 신규 기능을 추가하여 거래 관련 사용자 편의성 향상

  • 구독 모델을 새롭게 리뉴얼하여 구독자 수 증가에 기여

• 머니핀 홈페이지 및 사업자정보조회 페이지의 UI/UX를 개선하여 사용자 경험을 향상하고 유저 참여율 증가

• 기존의 레거시 코드를 리팩토링하여 코드의 가독성을 높이고 재사용성을 강화함으로써, 유지보수 효율성 및 생산성 향상

• 마케팅 캠페인 진행
• 프로덕트 마케팅

• 시장조사 및 본사와의 커뮤니케이션

퍼즐게임 ‘노노그램' 온라인 플레이 서비스

배포 URL | Github

Next.js (App Router), Typescript, Framer-motion

•    React의 다양한 Hook을 사용하여 게임 진행 상황을 관리하고 UI 반응성 향상

•    Framer-motion을 사용해 다양한 애니메이션을 구현하여 사용자 경험 강화

미드 ‘Suits’로 비즈니스 영어 회화 표현들을 학습할 수 있는 서비스

배포 URL | 포트폴리오 | Github

Next.js (App Router), Typescript, Supabase, Framer-motion

•    Next.js의 SSR(Server-Side Rendering)을 활용하여 검색 엔진 최적화(SEO)

•    Supabase를 사용하여 서버 요청 및 회원가입, 소셜 로그인 기능 구현

•    PDF 뷰어 및 스크립트 파일 다운로드 기능 구현

•    Web Speech API를 활용하여 발음 제공 및 목소리 선택 기능 구현

42에서 공부하고 있는 전세계 학생들이 서로의 언어를 교환하며 소통하는 플랫폼

포트폴리오 | Github

Next.js, Typescript, React-query, Recoil, Styled-components

•    React-query를 사용하여 서버로부터 데이터를 효율적으로 페칭하고 캐싱하며, 데이터가 변경될 때마다 자동으로 업데이트되도록 구현하여 사용자 경험 향상

•    Recoil을 이용해 유저 정보와 채팅 상태를 전역적으로 관리

•    재사용 가능한 Modal Component를 만들기 위해 로직과 뷰를 분리하여 추상화하고 리팩토링

•    Socket.IO를 통해 텍스트 및 이미지 메시지를 실시간으로 전송하고 렌더링

•    새 메시지와 아직 읽지 않은 메시지 알림 기능 구현

•    게시글 및 댓글 CRUD 기능 구현

보드게임 ʻDecrypto’를 온라인으로 플레이 할 수 있는 서비스

포트폴리오 | Github

React, Typescript, Styled-components

•    전체 프로젝트 기획 및 UI/UX 디자인 설계

•    게임 진행 화면 구현 및 인터페이스 구축

•    React Custom Hook을 사용하여 게임 진행 상태를 효율적으로 관리하고, 다양한 게임 상황에 맞게 상태가 동적으로 업데이트 되도록 구현

캠핑 장소를 서로 공유하고 리뷰를 남기는 플랫폼

포트폴리오 | Github

Javascript, Express.js, MongoDB

•    Passport.js를 사용하여 회원가입 및 로그인 기능 개발

•    게시물 및 댓글 CRUD, Cloudinary를 이용하여 이미지 업로드, Mapbox를 사용하여 지도 위 위치 표시 기능 개발

•    Express.js를 이용하여 RESTful API 작성