미리보기

24절기를 테마로 자신의 생각과 감정을 일기처럼 남길 수 있는 모바일 웹 서비스
가입자 수 170+명 (2024.07)

팀 프로젝트 · 프론트엔드 개발 담당 (기획 1 | 프론트엔드 개발 2 | 백엔드 개발 2 | 디자인 1)
React(Vite), Javascript, Context API, Atomic Design, Styled-components, Vercel

• 프론트엔드 파트로 참여, 5명의 팀원을 리딩해 프로덕션 수준 앱 출시

• 8개의 페이지 기능 개발에 모두 참여

• 협업 과정에서 지켜야 할 코드 컨벤션을 주도해 정리

• 모바일 브라우저 툴바 영역 Layout Shift에 CSS로 대응, iOS 환경에서의 브라우저 스크롤 경험 고려

• 아토믹 디자인을 도입해 재사용 가능한 컴포넌트 구조로 리팩토링 주도, 커스텀 훅을 통해 비즈니스 로직에서의 관심사의 분리 적용

지식 공유를 위한 기술 블로그 서비스

개인 프로젝트 · 프론트엔드 개발 및 디자인 담당
Next.js(App router), Javascript, Next-mdx-remote, Module CSS, Vercel

• Next-mdx-remote를 이용해 포스트를 정적으로 렌더링하는 기술 블로그 구현

• 디자인 전 과정 (UX · Branding · Design System (Figma) · GUI) 수행

• 독자의 몰입을 돕는 마이크로 기능을 설계, 스크롤 이벤트 기반 코드를 Intersection Observer API를 이용해 리팩토링해 성능 개선

아토피 유형에 따라 맞춤 정보 뉴스레터 및 커뮤니티 기능을 제공하는 데스크탑 웹 플랫폼 서비스

팀 프로젝트 · 프론트엔드 개발 담당 (기획 2 | 프론트엔드 개발 1 | 백엔드 개발 1 | 디자인 2)
Next.js(Page router), Javascript, Context API, Emotion, Vercel

• 웹 애플리케이션 개발 및 배포를 혼자서 담당

• 서비스 내 뉴스레터 및 커뮤니티 게시글을 검색 엔진에 노출되도록 하기 위해 Next.js로 SSR 적용

• 효과적인 로그인 유저의 접근 가능 페이지 분리 및 로그인 세션 유지를 위해 Context API로 전역 상태 관리

• 비개발자 팀원을 위한 뉴스레터 작성 툴 페이지 구축, 매주 12건의 뉴스레터 발행 과정에서의 생산성 향상 기여

축구 라인업을 커스터마이징하고 공유할 수 있는 라인업메이커 iOS 앱
다운로드 수 2,000+회, App Store 스포츠 부문 150위 (2024.09)

팀 프로젝트 · iOS 개발 및 디자인 담당 (iOS 개발 3 | iOS 개발 및 디자인 1)
SwiftUI, Observable, SwiftData

• UX · Design System (Figma) · GUI 디자인 수행

• iOS 17의 SwiftData 및 Observable을 통해 모델 관계 설계, CRUD 기능을 구현

한국을 방문하는 외국인들이 포장지 성분표 촬영을 통해 알러지 성분 포함 여부를 알 수 있게 돕는 iOS 앱

팀 프로젝트 · iOS 개발 담당 (iOS 개발 4 | PM 1 | 디자인 1)
SwitUI, AVFoundation, VisionKit, OpenAI(ChatGPT) API

• AVFoundation을 이용한 스캐너 로직 및 VisionKit을 활용한 식품 영양 정보 인식 로직 구현

• OpenAI API가 알러지 성분을 잘 검출하고 정해진 형식으로 반환할 수 있도록 프롬프트 엔지니어링 보조

반려동물이 집에서 기다리는 시간이 당연해지지 않도록 알림을 보내 주는 iOS 앱

팀 프로젝트 · iOS 개발 담당 (iOS 개발 3 | 디자인 3)
UIKit, Clean Architecture, MVVM, UserNotifications

• UserNotifications와 Notification Service Extension을 활용해 반려동물의 프로필 사진이 적용된 채팅 유형의 로컬 푸시 알림 기능 구현

• UIKit의 UITableView를 활용해 재사용성을 고려한 알림 모아보기 화면 구현