About Me
|
웹과 모바일 앱의 사용자 흐름을 화면 너머까지 확인하는 프론트엔드 개발자, 박주철입니다.
사용자가 실제로 끝까지 사용할 수 있는 기능을 만들고자 합니다.물류 관리-운영 웹과 모바일 라벨 출력 기능을 개발하며, 화면에서 버튼이 동작하는 것만으로는 충분하지 않다는 것을 배웠습니다. 예약 접수, 엑셀 업로드, 라벨 출력, 모바일 권한, 장비 선택, 출력 결과까지 이어지는 흐름이 맞아야 실제 업무에서 사용할 수 있었습니다. 이 경험 이후로는 기능을 만들 때 사용자가 어떤 순서로 쓰는지, 어디서 막힐 수 있는지를 먼저 확인하려고 합니다.
상태와 데이터 흐름이 드러나는 코드를 작성하려고 합니다.React와 TypeScript를 사용해 여러 업무 화면을 개발하면서 조회, 변경, 화면 상태가 섞이면 작은 수정도 예상하기 어려워진다는 것을 느꼈습니다. TanStack Query로 서버 데이터 갱신 흐름을 정리하고, Zustand로 모달과 테이블 같은 화면 상태를 분리하며 유지보수하기 쉬운 구조를 고민했습니다.
낯선 문제도 실제 조건에서 확인하며 좁혀갑니다.모바일 WebView와 Android 네이티브 모듈을 연결해 Bluetooth 프린터 출력을 구현할 때는 브라우저 안의 문제만 봐서는 해결되지 않았습니다. Android 권한, WebView bridge, 장비 SDK, 라벨 데이터 형식을 실제 기기에서 하나씩 확인하며 원인을 줄였습니다. 자세선생 프로젝트에서도 OpenCV 기반 구현의 성능 문제를 MediaPipe로 전환하며 개선한 경험이 있습니다.
Skills
Languages
Frontend
Mobile
Testing/Observability
Tooling/Ops
Languages
TypeScript, JavaScript, Java
Frontend
React, Next.js, Vite, TanStack Query, Zustand, Tailwind CSS
Mobile
React Native, Expo, Android Java, Gradle
Testing/Observability
Vitest, Jest, MSW, Storybook, Sentry
Tooling/Ops
Node.js, Firebase, Google Cloud Platform, AWS, Jenkins, Docker
TypeScript, JavaScript, Java
React, Next.js, Vite, TanStack Query, Zustand, Tailwind CSS
React Native, Expo, Android Java, Gradle
Vitest, Jest, MSW, Storybook, Sentry
Node.js, Firebase, Google Cloud Platform, AWS, Jenkins, Docker
Career
트리포스㈜
2026.02 ~ Present
웹/모바일 프론트엔드 엔지니어
Activity
스터디 운영
2024.05 ~ 2025.06
코딩 테스트 및 개발 지식 스터디
프로그래머스 데브코스
2024.05 ~ 2024.09
Cloud Application Engineering 과정 - 서브멘토
프로그래머스 데브코스
2023.12 ~ 2024.05
Cloud Application Engineering 과정 - 수강생
스터디 멘토
2021.09 ~ 2022.02
멘토-멘티 코딩 멘토링
Awards
DIVE 2024 해커톤
2024.10
부산테크노파크원장상 수상
경상대학교 인공지능 미술전
2022.11
장려상 수상
코딩역량강화 교내대회
2021.10 ~ 2021.11
개척상 수상
경남소프트웨어 경진대회
2021.08 ~ 2021.10
최우수상 수상
Work
2026.04 ~ 2026.06
조회·예약·Excel·라벨 출력을 웹 상태와 Android 장비 책임으로 나눈 물류 운영 사례.
React・TypeScript・Vite・React Router・TanStack Query
2026.03 ~ 2026.04
차트별 설정과 field mapping·preview 상태를 하나의 흐름으로 맞춘 React 시각화 편집 도구.
React・TypeScript・Vite・Chart.js・WebGL/GLSL (OpenGL 계열)
2026.04
저장소 근거·AI 초안·workbook 검수·부분 수정을 분리한 프로젝트 문서화 도구.
Node.js・TypeScript・React・AI API・Workbook UI
2026.06 ~ 2026.07
공공 API·cache·WebView·파일 단위 운영 배포 경계를 안정화한 하이브리드 생활정보 서비스.
Spring MVC・JSP・jQuery・Java・Android
S.Projects
AI 에이전트 작업 규칙과 프로젝트 메모리를 재사용하기 위한 개인용 개발 도구.
JavaScript・Node.js・MCP・AI Agent workflow・GitHub Actions
2024.10
동해선 이용객을 위한 실시간 종합 가이드 서비스.
TypeScript・React・Next.js・Tailwind CSS・Google Maps Platform・Storybook
개발자 취준생을 위한 종합 취업 준비 웹서비스.
TypeScript・React・Next.js・Tailwind CSS・Jotai・Jest・Storybook・Sentry・AWS・Jenkins・Docker
취미 활동을 공유하고 참여 플랫폼을 제공해주는 크로스 플랫폼 앱.
JavaScriptㆍReact NativeㆍFirebaseㆍRealtime Database