About the author

안녕하세요, 주성진입니다.

Senior Frontend Developer

화면을 만들고, 더 나은 방법을 배웁니다.

2015년부터 웹을 만들어온 주성진입니다. React와 GIS를 중심으로 제품을 개발하고, 요즘은 AI와 함께 일하는 방법을 탐구합니다.

이력서 보기

01 / 소개

제가 만드는 것들

Angular에서 React로 넘어가는 전환기를 직접 겪으며 팀의 프론트엔드를 맡아왔습니다. OpenLayers·Cesium·VWorld 기반 관제 화면, 좌표계 처리와 대용량 자산 표출에 강점이 있습니다.

전국 37개 지자체에서 운영하는 스마트시티 통합플랫폼부터 노코드 웹 빌더, LLM Ops와 AI Agent 서비스까지 만들었습니다. FE 리더·팀장과 사업 PM으로 일하며 기획·디자인·백엔드·발주처의 요구사항을 실제 화면으로 구체화해왔습니다.

반복되는 문제는 공통 모듈과 디자인 시스템, 개발 규칙으로 풀어갑니다. 이곳에는 고친 코드와 새로 배운 기술, 시행착오와 생각이 업데이트된 이유를 남깁니다.

02 / 경력

함께 만들어온 시간

제이디원
2025.09 ~ 현재
프론트엔드 개발 · PM
- 스타트업
- AI
- B2G
- SI
AI AGENT ONE의 사용자·운영자 화면과 GIS 통합플랫폼 개발. AI Works One 재구축 및 스마트시티·스마트주차장 구축 사업 PM을 맡고 있습니다.
이든티앤에스
2024.08 ~ 2025.08
프론트엔드 개발 총괄
- B2B
- AI
- SI
LLM Ops의 모델·RAG·프롬프트 관리와 사용량 대시보드 개발. Keycloak 인증 연동 및 RPA 기반 크롤링 수집·관리 화면을 구현했습니다.
다비오
2024.03 ~ 2024.08
프론트엔드 개발
- 스타트업
- B2B
- B2G
- AI
- SW/App
- SI
STUDIO3D의 지도 대시보드와 Cesium 기반 3D 결과 화면 개발. Rollup·Storybook 기반 디자인 시스템을 React 컴포넌트 npm 패키지로 구성했습니다.
스퀘어스
2023.11 ~ 2024.03
에디터팀 프론트엔드 팀장
- 스타트업
- B2C
- SW/App
- SaaS
QShop 노코드 웹 빌더 에디터팀 리딩. 텍스트 에디터 리팩토링, 온보딩, 공통 ESLint 플러그인과 릴리즈 노트 자동화 등 개발 환경을 정비했습니다.
이노뎁
2019.01 ~ 2023.11
TMS개발부문 책임연구원 · 팀장
- B2G
- 클라우드
- SW/App
- SI
스마트시티·재난안전 GIS 관제 화면과 공통 지도 모듈 개발 및 FE 팀 리딩. React GIS 라이브러리, 보일러플레이트, Apache Superset 커스텀 차트를 만들었습니다.
인스웨이브
2015.05 ~ 2018.09
기술지원팀 · SI팀 / 대리
- B2B
- B2G
- SW/App
- SI
WebSquare 제품 기술지원과 기업은행 CRM 화면 개발. Java·JSP 기반 SI 업무와 ActiveX 소스를 HTML5·JavaScript로 바꾸는 WCraft 컨버팅 툴 개발에 참여했습니다.

03 / 기술

일하며 다뤄온 기술

Frontend

JavaScript / ES6
TypeScript
React
Next.js
Angular / AngularJS
HTML / CSS
Sass / SCSS
Tailwind CSS
Styled Components
Emotion
React Router
React Hook Form
shadcn/ui
Radix UI
Motion

State & Data

React Context
Redux / Redux Toolkit
Recoil
Zustand
TanStack Query (React Query)
RxJS
REST API
WebSocket
Supabase
Keycloak

GIS & Visualization

OpenLayers
Cesium
VWorld
MapTiler
Apache Superset
AG Grid

Build & Quality

Vite
Webpack
Rollup
Storybook
ESLint
Prettier
Biome
Playwright
Git / GitHub
GitHub Actions
Changesets
pnpm
Yarn
NGINX
Docker
Jenkins
Vercel

AI & Collaboration

Codex
Claude Code
Cursor
MCP
Figma
Notion
Jira
Zapier

Earlier Experience

Java
JSP
Spring
Node.js
MongoDB
Oracle DB
WebSquare
전자정부프레임워크

04 / 지금

요즘 배우는 것

Claude Code와 Figma·Playwright MCP를 연결해 설계부터 구현·검증까지 이어지는 작업 방식을 다듬고 있습니다. AI Fluency, 생성형 AI 기초, OCI AI Foundations, Hugging Face AI Agent 과정을 통해 실무 활용의 바탕이 되는 원리도 공부하고 있습니다.

05 / Resume