🤖 제가 만든 AI Agent Playbook도 둘러보세요. AI 코딩 도구에서 프로젝트 기록과 스킬을 관리하는 도구예요.

Ju-cheol Park

jukrap628@gmail.com

Email Icon
GitHub Icon
Blog Icon
LinkedIn Icon

About Me

웹&모바일 개발자, 박주철입니다.

👋 Hi there, I'm a Web & Mobile Developer.

업무의 흐름을 생각하며 화면을 만듭니다.

React와 TypeScript로 조회·예약·Excel 등록·라벨 출력 기능을 개발했습니다. 여러 화면에서 쓰는 표와 입력 폼은 공통 컴포넌트로 만들고, API 응답을 화면 표시와 출력에 연결했습니다.

서버 데이터와 화면의 편집 상태를 구분합니다.

물류·주식 업무 웹에서는 TanStack Query로 데이터 조회와 저장 후 목록 갱신을 처리하고, 선택 항목과 모달 상태는 따로 관리했습니다. 정산 ERP에서는 저장된 값과 편집 중인 초안을 구분했습니다. 저장에 실패하거나 다시 시도하더라도 입력한 내용을 잃지 않도록 처리하였습니다.

화면과 연결된 시스템까지 살펴봅니다.

Spring Boot API 개발과 Android 출력 연동도 맡았습니다. Bluetooth 프린터 연동에서는 WebView의 출력 요청, Android 권한, 장비 SDK 호출을 차례로 확인했습니다. 마지막으로 실기기에서 라벨이 출력되는지 점검했습니다.

Skills

Languages
TypeScript, JavaScript, Java
Frontend
React, Next.js, Vite, TanStack Query, Zustand, Tailwind CSS
Mobile
React Native, Expo, Android Java, Gradle
Testing/Observability
Vitest, MSW, Storybook, Sentry
Tools & Data
Node.js, MariaDB, SQLite, Firebase, Google Cloud Platform, AWS, Jenkins, Docker

Career

트리포스㈜

2026.02 ~ Present

웹·모바일 개발자

React·TypeScript 업무 화면 개발, 공통 컴포넌트와 화면 상태 설계.
물류 운영·차트 편집·정산·관리 화면과 Spring Boot API 개발. Android 연동과 기존 웹·앱 기능 확장·유지보수.

Activity

스터디 운영

2024.05 ~ 2025.06

코딩 테스트 및 개발 지식 스터디

코딩 테스트·개발 지식 스터디 2개 운영.

프로그래머스 데브코스

2024.05 ~ 2024.09

Cloud Application Engineering 과정 - 서브멘토

이전 기수 우수 수료 후 같은 과정 2기 서브멘토 활동.
매주 개발 정보 공유와 수료생 상담. 데일리 스크럼 참여, 개발 문제 해결과 프로젝트 점검 지원.

프로그래머스 데브코스

2023.12 ~ 2024.05

Cloud Application Engineering 과정 - 수강생

React·React Native 중심의 Cloud Application Engineering 데브코스 과정 수료.
훈련 분야 : React & React Native

스터디 멘토

2021.09 ~ 2022.02

멘토-멘티 코딩 멘토링

코딩 스터디 멘토로 프로그래밍·개발 학습 지원.

Awards

DIVE 2024 해커톤

2024.10

부산테크노파크원장상 수상

경상대학교 인공지능 미술전

2022.11

장려상 수상

출품 작품 : 석양
Stable Diffusion 사용

코딩역량강화 교내대회

2021.10 ~ 2021.11

개척상 수상

경남소프트웨어 경진대회

2021.08 ~ 2021.10

최우수상 수상

Work

AI 분석 플랫폼을 풀스택으로 개발했습니다. 문맥 검색·Ragas 장문 평가·복합 답변을 보완하고 프로파일링으로 반복 계산 비용을 줄였습니다.

신규 개발 · 진행 중풀스택 개발 · AI 품질 개선

React, TypeScript, Tailwind CSS, Vite, TanStack Query

공통 편집표·Excel 등록·정산 이력을 구현하고 관리자 작업 로그를 개편했습니다.

신규 개발ERP 웹 전반과 주요 서버 API 개발, 기존 사용자 웹·모바일 앱 기능 확장

React, TypeScript, Tailwind CSS, Vite, React Router

조회·예약·Excel 등록과 PC·Android 라벨 출력을 구현했습니다.

신규 개발프론트엔드 전체 개발·Android 출력 앱 개발

React, TypeScript, Vite, React Router, TanStack Query

주식 업무 관리 웹

2026.02 ~ 2026.03

공통 테이블·필터·모달을 만들고 MSW로 화면 동작을 확인했습니다.

프론트엔드 신규 구축프론트엔드 전체 개발

React, TypeScript, Vite, React Router, TanStack Query

S.Projects

2026.06 ~ Present

github Iconurl Icon

AI 코딩 도구의 프로젝트 기록과 스킬을 관리하는 하네스.

1인 개발
단일 프로젝트와 여러 저장소의 기록을 관리하는 CLI.
읽기 전용 MCP와 긴 기록의 나누어 읽기.
사용자 수정본 보존, 스킬 전환과 복구.
npm 배포와 한영 사용 문서.

JavaScript, Node.js, MCP SDK, Zod, GitHub Actions

2024.10

동해선 이용객을 위한 실시간 종합 가이드 서비스.

프론트엔드 개발
구글 맵스 기반 지도 서비스 개발.
실시간 역 혼잡도, 날씨, 맛집 정보, 추천 코스 등 제공.
드래그 가능한 모달 UI/UX 구현.
DIVE 2024 부산테크노파크원장상(발제사 3등) 수상.

TypeScript, React, Next.js, Tailwind CSS, Google Maps Platform, Storybook

2024.07 ~ 2025.06

github Icon

개발자 취업 준비생에게 블로그·테스트·구인 정보를 제공하는 웹서비스.

프론트엔드 개발 & DevOps
블로그 기능 개발.
단위 테스트 작성과 실행 중 오류 모니터링.

TypeScript, React, Next.js, Tailwind CSS, Jotai, Jest, Storybook, Sentry, AWS, Jenkins, Docker

2024.04 ~ 2024.06

github Icon

취미 활동을 공유하고 모임에 참여할 수 있는 크로스 플랫폼 앱.

React Native 앱 개발·Firebase 연동
커뮤니티 기능 전체 개발 담당.
재사용 가능한 토스트 및 모달 컴포넌트 제작.
이미지 크기 조정과 캐싱 적용.
Pull to Refresh와 Infinite Scroll 적용.
데이터베이스 설계.

JavaScript, React Native, Firebase, Realtime Database

2022.07 ~ 2023.05

github Icon

앉은 자세와 운동 자세를 감지하고 측정 결과를 보여주는 앱.

팀장, 안드로이드 개발
자세 감지 기반의 착석 및 운동 자세 판별 페이지 담당.
MediaPipe 빌드와 자세 감지 기능 구현.
멀티 스레드로 자세 감지 처리 분리.

Java, Android Jetpack, MediaPipe, SQLite