About Me
|
화면 너머의 흐름까지 확인하는 프론트엔드 개발자, 박주철입니다.
사용자가 실제로 끝까지 사용할 수 있는 기능을 만들고자 합니다.물류 관리-운영 웹과 모바일 라벨 출력 기능을 개발하며, 화면에서 버튼이 동작하는 것만으로는 충분하지 않다는 것을 배웠습니다. 예약 접수, 엑셀 업로드, 라벨 출력, 모바일 권한, 장비 선택, 출력 결과까지 이어지는 흐름이 맞아야 실제 업무에서 사용할 수 있었습니다. 이 경험 이후로는 기능을 만들 때 사용자가 어떤 순서로 쓰는지, 어디서 막힐 수 있는지를 먼저 확인하려고 합니다.
상태와 데이터 흐름이 드러나는 코드를 작성하려고 합니다.React와 TypeScript를 사용해 여러 업무 화면을 개발하면서 조회, 변경, 화면 상태가 섞이면 작은 수정도 예상하기 어려워진다는 것을 느꼈습니다. TanStack Query로 서버 데이터 갱신 흐름을 정리하고, Zustand로 모달과 테이블 같은 화면 상태를 분리하며 유지보수하기 쉬운 구조를 고민했습니다.
낯선 문제도 실제 조건에서 확인하며 좁혀갑니다.모바일 WebView와 Android 네이티브 모듈을 연결해 Bluetooth 프린터 출력을 구현할 때는 브라우저 안의 문제만 봐서는 해결되지 않았습니다. Android 권한, WebView bridge, 장비 SDK, 라벨 데이터 형식을 실제 기기에서 하나씩 확인하며 원인을 줄였습니다. 자세선생 프로젝트에서도 OpenCV 기반 구현의 성능 문제를 Mediapipe로 전환하며 개선한 경험이 있습니다.
Skills
Languages
Frontend
Mobile
Tooling/Ops
Languages
TypeScript, JavaScript, Java
Frontend
React, Next.js, Vite, TanStack Query, Zustand, Tailwind CSS
Mobile
React Native, Expo, Android Java, Gradle
Tooling/Ops
Node.js, Firebase, Google Cloud Platform, Vitest, Jest, Storybook, Sentry, AWS, Jenkins, Docker
TypeScript, JavaScript, Java
React, Next.js, Vite, TanStack Query, Zustand, Tailwind CSS
React Native, Expo, Android Java, Gradle
Node.js, Firebase, Google Cloud Platform, Vitest, Jest, Storybook, Sentry, 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
조회, 예약, 엑셀, 출력 흐름을 갖춘 물류 업무 웹을 구축했습니다.
React・TypeScript・Vite・React Router・TanStack Query
2026.04 ~ 2026.06
물류 관리-운영 웹을 모바일 WebView로 열고, 프린터 SDK를 네이티브로 연결했습니다.
Expo・React Native・Expo Router・React Native WebView・Android native module
2026.03
데이터가 많은 관리 화면을 React 상태 흐름으로 구축했습니다.
React・TypeScript・Vite・React Router・TanStack Query
2026.03 ~ 2026.04
차트 미리보기, 옵션 편집, WebGL/GLSL 배경 렌더링을 포함한 편집 도구를 만들었습니다.
React・TypeScript・Vite・Chart.js・WebGL/GLSL (OpenGL 계열)
2026.04
착수 자료와 저장소 근거를 바탕으로 문서 초안을 생성하는 도구를 구축했습니다.
Node.js・TypeScript・React・AI Agent workflow・Vite
S.Projects
AI 에이전트 작업 규칙과 프로젝트 메모리를 재사용하기 위한 개인용 개발 도구.
JavaScript・Node.js・MCP・AI Agent workflow・GitHub Actions
동해선 이용객을 위한 실시간 종합 가이드 서비스.
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