Jukrap

Created by Ju-cheol Park

🤖 잠깐! 제가 만든 ai-agent-playbook을 한 번 보고 가실 수 있을까요? 개인적으로 쓰는 AI 에이전트 스킬과 AGENTS.md 템플릿을 모아둔 저장소예요.

Ju-cheol Park

jukrap628@gmail.com

Email Icon
Github Icon
Blog Icon
LinkedIn Icon

About Me

|

화면 너머의 흐름까지 확인하는 프론트엔드 개발자, 박주철입니다.

사용자가 실제로 끝까지 사용할 수 있는 기능을 만들고자 합니다.물류 관리-운영 웹과 모바일 라벨 출력 기능을 개발하며, 화면에서 버튼이 동작하는 것만으로는 충분하지 않다는 것을 배웠습니다. 예약 접수, 엑셀 업로드, 라벨 출력, 모바일 권한, 장비 선택, 출력 결과까지 이어지는 흐름이 맞아야 실제 업무에서 사용할 수 있었습니다. 이 경험 이후로는 기능을 만들 때 사용자가 어떤 순서로 쓰는지, 어디서 막힐 수 있는지를 먼저 확인하려고 합니다.

상태와 데이터 흐름이 드러나는 코드를 작성하려고 합니다.React와 TypeScript를 사용해 여러 업무 화면을 개발하면서 조회, 변경, 화면 상태가 섞이면 작은 수정도 예상하기 어려워진다는 것을 느꼈습니다. TanStack Query로 서버 데이터 갱신 흐름을 정리하고, Zustand로 모달과 테이블 같은 화면 상태를 분리하며 유지보수하기 쉬운 구조를 고민했습니다.

낯선 문제도 실제 조건에서 확인하며 좁혀갑니다.모바일 WebView와 Android 네이티브 모듈을 연결해 Bluetooth 프린터 출력을 구현할 때는 브라우저 안의 문제만 봐서는 해결되지 않았습니다. Android 권한, WebView bridge, 장비 SDK, 라벨 데이터 형식을 실제 기기에서 하나씩 확인하며 원인을 줄였습니다. 자세선생 프로젝트에서도 OpenCV 기반 구현의 성능 문제를 Mediapipe로 전환하며 개선한 경험이 있습니다.

Skills

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

Career

트리포스㈜

2026.02 ~ Present

프론트엔드 엔지니어

React 기반 업무 화면, 모바일 WebView, 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

물류 관리-운영 웹

2026.04 ~ 2026.06

조회, 예약, 엑셀, 출력 흐름을 갖춘 물류 업무 웹을 구축했습니다.

업무 운영 / 성능 · 신규 구축

React・TypeScript・Vite・React Router・TanStack Query

물류 관리-운영 웹을 모바일 WebView로 열고, 프린터 SDK를 네이티브로 연결했습니다.

물류 관리-운영 웹 WebView / Printer SDK · 신규 구축

Expo・React Native・Expo Router・React Native WebView・Android native module

데이터가 많은 관리 화면을 React 상태 흐름으로 구축했습니다.

관리 화면 / 마이그레이션 · 신규 구축

React・TypeScript・Vite・React Router・TanStack Query

차트 편집 웹 도구

2026.03 ~ 2026.04

차트 미리보기, 옵션 편집, WebGL/GLSL 배경 렌더링을 포함한 편집 도구를 만들었습니다.

시각화 / 편집 UI · 신규 구축

React・TypeScript・Vite・Chart.js・WebGL/GLSL (OpenGL 계열)

착수 자료와 저장소 근거를 바탕으로 문서 초안을 생성하는 도구를 구축했습니다.

AI API / 개발 생산성 · 신규 구축

Node.js・TypeScript・React・AI Agent workflow・Vite

S.Projects

2026.06 ~ Present

github Iconurl Icon

AI 에이전트 작업 규칙과 프로젝트 메모리를 재사용하기 위한 개인용 개발 도구.

1인 개발
CLI, 스킬, 템플릿, 프로젝트 playbook 구조 정리
MCP 기반 읽기 도구와 operator check/search 흐름 구성
npm 패키지와 GitHub 저장소로 공개

JavaScript・Node.js・MCP・AI Agent workflow・GitHub Actions

2024.10

github Icon

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

프론트엔드 개발
구글 맵스 기반 지도 서비스 개발
실시간 역 혼잡도, 날씨, 맛집 정보, 추천 코스 등 제공
드래그 가능한 모달 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

appleStore Icongithub Icon

취미 활동을 공유하고 참여 플랫폼을 제공해주는 크로스 플랫폼 앱.

프론트엔드 & 백엔드 개발
커뮤니티 기능 전체 개발 담당
재사용 가능한 토스트 및 모달 컴포넌트 제작
이미지 크기 조정 및 캐싱 등의 최적화 진행
Pull to Refresh와 Infinite Scroll 적용
데이터베이스 설계

JavaScriptㆍReact NativeㆍFirebaseㆍRealtime Database

2022.07 ~ 2023.05

googleStore Icongithub Icon

자세가 올바른지 감지하고 결과를 도출하는 앱.

팀장, 안드로이드 개발
자세 감지 기반의 착석 및 운동 자세 판별 페이지 담당
자세 감지 기능 제작, Mediapipe 추출
멀티 스레드 및 최적화

JavaㆍAndroid JetpackㆍMediaPipeㆍSQLite