이곳은 프론트엔드 개발자 서민석의 포트폴리오 사이트입니다. 😊
서민석Frontend Developer
안녕하세요. 사용자에게 편리한 경험을 제공하고, 동료들이 이해하기 쉬운 코드를 작성하려 노력하는 프론트엔드 개발자 서민석입니다. 여러 분야의 서비스를 개발하고 운영하며 새로운 기능뿐만 아니라 기존 서비스에 쌓인 문제도 꾸준히 찾아 개선해왔습니다.
화면의 작은 불편부터 구조적인 문제까지 그냥 지나치지 않고, 현재 상황에서 현실적으로 적용할 수 있는 해결책을 찾습니다. 코드 품질을 중요하게 생각하면서도 일정과 팀의 상황을 함께 고려해 적절한 균형을 맞추려 합니다.
좋은 서비스는 팀이 같은 방향을 바라볼 때 만들어진다고 생각합니다. 기획자, 디자이너, 백엔드 개발자와 적극적으로 의견을 나누고 맡은 업무는 끝까지 책임지며, 작업 과정에서 얻은 지식은 동료들과 공유합니다.
학력 🎓
2014.03 - 2021.08 상명대학교 경영학과 졸업2011.03 - 2014.02 한국디지털미디어고등학교 디지털컨텐츠과 졸업
경력 📝상세 경력 기술서 보러가기
- 라방바 데이터랩 공동구매 편성표·검색·판매자 채널 분석 화면과 매출 추이 시각화 개발
- React Context로 관리하던 공통 상태를 Zustand로 전환해 불필요한 렌더링과 반복 코드 개선
- Next.js 12에서 16까지 단계적으로 마이그레이션하고 React 19·Turbopack 환경 구축
- 하나의 프로젝트에 있던 Next.js 프론트엔드와 Express.js 백엔드 애플리케이션 분리
- 라방바 데이터랩·애즈순에 MSW 기반의 독립적인 프론트엔드 개발 환경 구축
- 대규모 사이트맵을 콘텐츠·연도별로 분리하고 자동 분할·인덱스·캐시 구조 적용
- 애즈순 신규 개발, 홈쇼핑 기능 개발, 라방바 데이터랩과 기존 애즈순 유지보수
- SKPlanet 셀프서빙 어드민 프론트엔드 구축 및 백엔드·배치 서버 유지보수
- React Native·Expo 기반 소셜 다이닝 앱의 초기 환경 구성부터 출시 후 안정화까지 담당
- 모임 탐색·생성·참여와 리뷰·댓글·회원·알림 등 주요 사용자 여정 구현
- TanStack Query와 Recoil로 서버·클라이언트 상태를 관리하고 공통 로딩·오류 처리 구조 설계
- SecureStore와 Axios Interceptor 기반 인증 및 만료·로그아웃 상황의 복구 로직 구현
- EAS Build·Submit·Update 환경과 푸시 알림·딥링크·인증 라우팅 구축
- Android·iOS의 키보드, 내비게이션, 상태바 등 플랫폼별 UX와 운영 이슈 개선
- React 기반으로 가상자산 거래소 PC·모바일 프론트엔드를 재구축하고 핵심 거래 기능 구현
- STOMP/WebSocket 실시간 시세·주문·자산 동기화와 본인인증·KYC·OTP 기능 개발
- i18next 국제화와 반응형·다크 모드를 적용하고 Playwright E2E·MSW 테스트 환경 구축
- Next.js·Koa.js 기반 기업 홈페이지와 TOTP 인증을 포함한 관리자 시스템 개발
- 가상자산 거래소 고객센터를 Zendesk로 재구축하고 어드민 기능 개발 지원
- 심심 음성 채팅 랜덤 매칭 기능 개발 · Koa.js, Socket.io
- Direct Message 실시간 소통 기능 개발 · React Native, Firebase
- 플레이리스트 종합·장르별 차트 개발 · Koa.js, MySQL, Sequelize
- 날씨 기반 플레이리스트 추천과 지역별 날씨 캐시 개발 · Koa.js, MySQL, Sequelize
- Plam.in 음원 수익 데이터 시각화 개발 · React, Express.js
기술 스택 🛠️
| 분야 | 기술 |
|---|---|
| 프론트엔드·앱 | JavaScript TypeScript HTML CSS React Next.js React Native Expo Zustand Jotai Recoil TanStack Query React Hook Form Zod Tailwind CSS CSS Modules styled-components Emotion Chart.js i18next STOMP/WebSocket |
| 테스트 | Playwright MSW |
| 백엔드 | Node.js Express.js Koa.js NestJS |
| 데이터 | MySQL MariaDB Sequelize |
| 배포·인프라 | AWS Firebase Vercel EAS Update Jenkins PM2 |
| 협업·버전 관리 | Git GitHub Slack Figma Adobe XD Notion |
저는 이렇게 일해요 😁
- 요구사항대로 동작하는 데 그치지 않고 사용자 관점에서 전체 흐름과 막히는 지점을 세심하게 살핍니다.
- 눈앞의 문제만 해결하기보다 근본 원인을 찾아 기존 서비스의 구조와 사용 경험을 함께 개선합니다.
- 코드 품질을 중요하게 생각하되 일정과 팀의 상황을 고려해 현실적인 균형점을 찾습니다.
- 직군 간 관점을 적극적으로 나누고 맡은 일을 끝까지 책임지며, 배운 내용을 동료들과 공유합니다.