FRONTEND ENGINEER / PRODUCT THINKING

문제의 맥락부터,
실제 제품까지.

사용자와 운영자의 흐름을 읽고, 쓰임새 있는 웹·앱 제품으로 구현합니다.

작업 사례 보기 위시켓 프로필

BookGolas 앱의 기록 추가 화면 — **BOOKGOLAS**READING TRACKER

바로구니 앱의 공유 장바구니 화면 — **바로구니**SHARED SHOPPING LIST

SELECTED WORK / 03 CASES

실제로 만든 제품,
직접 구현한 경험.

App Store에 출시한 앱 두 개와 역할 기반 웹 플랫폼 경험을, 공개 가능한 범위에서 소개합니다.

WORK EXPERIENCE / WEB PLATFORM

콘텐츠 이용·제작·운영을 잇는 플랫폼

임직원, 콘텐츠 제작자, 플랫폼 관리자가 서로 다른 목적과 권한으로 사용하는 서비스를 개발했습니다. 제작·검수·게시부터 콘텐츠 탐색·감상·참여까지 이어지는 화면을 React와 TypeScript로 구현하고 Firebase 및 API와 연결했습니다.

담당: React · TypeScript 프론트엔드 구현
범위: 콘텐츠 제작 · 검수 · 게시 · 운영

React
TypeScript
Firebase
API

회사와 제품을 식별할 수 있는 정보 및 내부 화면은 공개하지 않습니다.

역할별 제품 흐름공개 가능한 구조를 요약한 설명용 도식

01
이용탐색 · 감상 · 참여
02
제작콘텐츠 제작 · 검수 · 게시
03
운영플랫폼 관리

PERSONAL PRODUCT / FLUTTER · NEXT.JS

BookGolas

읽기 목표와 기록을 쌓아가는 독서 제품

읽기 목표와 진행 상황을 관리하고, 하이라이트와 노트를 AI 검색으로 다시 찾는 독서 트래커입니다. Flutter 앱과 Next.js 웹을 직접 기획·개발해 App Store에 출시했습니다.

담당: 직접 기획 · 개발 · App Store 출시
기능: 독서 진행 관리 · 하이라이트 · AI 검색

Flutter
Next.js
AI 검색

App Store에서 BookGolas 보기

BookGolas의 노트 작성 화면과 이미지 입력 방법 — 기록 추가 · 노트 캡처 화면

PERSONAL PRODUCT / FLUTTER · IOS

바로구니

가족과 친구가 함께 쓰는 장보기 목록

하나의 장바구니를 실시간으로 공유하고 상품·수량·담당자·매장 가격을 함께 기록합니다. 구매한 항목을 같이 확인해 중복 구매와 빠뜨림을 줄이는 흐름을 설계하고, Flutter 앱으로 구현해 App Store에 출시했습니다.

담당: 직접 기획 · 개발 · App Store 출시
기능: 실시간 공유 · 수량 · 담당자 · 가격 기록

Flutter
실시간 공유
장보기 관리

App Store에서 바로구니 보기

HOW I WORK / FROM CONTEXT TO CODE

좋은 화면은
좋은 질문에서
시작합니다.

사용 맥락 파악

사용자와 운영자의 목적, 역할, 작업 단계를 정리합니다.

정보와 인터랙션 설계

필요한 정보와 화면 상태를 명확한 흐름으로 연결합니다.

실제 제품으로 구현

웹과 앱에서 화면이 자연스럽게 이어지도록 구현합니다.

WEB

React · Vue · Next.js · Nuxt.js · TypeScript

MOBILE

Flutter · WebView

PRODUCT

정보 구조 · 사용자 흐름 · 화면 설계

LET'S BUILD SOMETHING USEFUL

만들 제품이 있다면,
이야기 나눠요.

사용자 흐름을 이해하고 웹·앱 제품으로 구현할 프론트엔드 파트너가 필요하다면 위시켓 프로필로 연락해 주세요.

위시켓 프로필 보기

문제의 맥락부터,실제 제품까지.

실제로 만든 제품,직접 구현한 경험.