권민석.

From Scenario to Operation

안녕하세요, 권민석입니다

FrontendDeployOperations

"만든 자리에 머무는 엔지니어", 배포 이후에도 직접 사용해보거나, 지표를 확인하고, CS 문의를 처리하는 등, 그 자리에서 개선을 위해 계속 노력합니다. 항상 설계 방향성을 고려하며 의미 없는 개선은 하지 않습니다.

경우에 따라 백엔드를 다루기도 합니다. 다만 협업을 진행할 때, 혼란을 방지하고자 제가 맡은 역할까지만 수행하고, 그 외 영역은 적임자에게 이관합니다. 배포 자동화나 scripts 추가 등, 팀에 도움이 되는 작업을 도맡는 편입니다.

최근 AI 에이전트를 다루기 시작했습니다. 기존의 경험과 지식에 에이전트를 더하며 유례없는 작업 속도를 경험하고 있습니다. 규칙을 문서화해 참조시키거나, 로그를 추적해 관리하며, 보고를 통해 트레이드오프를 직접 결정하는 등, 눌러서 받는 도구가 아니라, 다뤄서 만드는 도구로 쓰고 있습니다.

포지션프론트엔드 엔지니어
병역산업기능요원 신규 편입 가능
학교선린인터넷고 정보보호과 졸업 (2022)
자격증정보처리기능사
Language
TypeScriptJavaScriptCPython
Frontend
Next.jsReactReact Native · ExpoVue
Compute
Canvas 2DWebAssemblyWeb WorkersThree.js
Backend
FastAPIExpressPostgreSQLSupabaseOpenCV
Infra
VercelFly.ioCloudflare R2GitHub Actions
Metrics
GrafanaCloudflare Analytics

경력 타임라인

2022. 01 — 04계약직

인포크 (현 에이비제트)

멀티링크와 커머스 판매자센터. 서비스 유지보수와 페이지 구축을 담당

2022. 06 — 2023. 08외주

WAAT

웹 기반 이미지 어노테이션 워크벤치. 한양대학교 컴퓨테이셔널사회과학연구센터 외주

2023. 07 — 08

SYBI

이미지 개인정보 비식별화 서비스. Chrome Extension으로 사용을 용이하게

2023. 09 — 2024. 05창업팀

Dictector 1차

YouTube 영어 영상 학습 서비스 초기 개발. 치명적 이슈로 중단

2024. 06 — 2025. 04외주

DaeyangING

패션 부자재 기업 소개 홈페이지 외주. 매력적인 인트로 CSS를

2025. 05 — 12개인

Core Helper 운영

MapleStory 강화 코어 조합 탐색 서비스. 이미지 인식부터 조합 추출까지

2026. 02 — 현재창업팀

Dictector 2차

YouTube 영어 영상 학습 서비스 재개. 치명적 이슈를 해결하고 웹 구조 개편까지

2026. 05 — 현재창업팀

What's In?

한국형 식품 성분 판독 & 더 나은 대안 추천. 나에게 괜찮은 식품인지 쉽게

2026. 07 — 현재개인

Pinkbean Customize Shop 운영

MapleStory 코디 커스터마이징 & AI 코디 검색

2026. 08 — 현재창업팀

Mood CELLA

허전한 벽을 그림으로 채우는 AI 인테리어 서비스. 인수인계를 받아 프론트엔드 전면 교체

수상 경력

2023서울 웹 3.0 페스티벌 2023 산업혁신 부문최우수상

SYBI, 3인 1팀으로, Chrome Extension과 모델 추론을 잇는 Express 브리지 담당

2021현대오토에버 화이트 해커 경진대회대상

3인 1팀으로, Pwnable 분야를 단독으로 담당해 all solve

프로젝트

회사 경력

계약직

인포크 (현 에이비제트)

멀티링크와 커머스 판매자센터

VueReactNext.jsJavaScript

창업팀 프로젝트

창업팀

What's In?

한국형 식품 성분 판독 & 더 나은 대안 추천

React NativeExpoTypeScriptNext.js 14+3
창업팀

Dictector

YouTube 영어 영상 학습 서비스

Next.js 14ReactTypeScriptFastAPI+2
창업팀

Mood CELLA

허전한 벽을 그림으로 채우는 AI 인테리어 서비스

Next.js 16 App RouterReact 19TypeScriptTailwind CSS+2

개인 프로젝트

개인

Pinkbean Customize Shop

MapleStory 코디 커스터마이징 & AI 코디 검색

Next.js 14ReactTypeScriptCanvas 2D+2
개인

Core Helper

MapleStory 강화 코어 조합 탐색 서비스

Next.jsReactTypeScriptWeb Workers+4

외주 프로젝트

외주

DaeyangING

패션 부자재 기업 소개 홈페이지

Next.js 15React 19TypeScriptCSS Animations+2
외주

WAAT

웹 기반 이미지 어노테이션 워크벤치

Vue 2ExpressNode.jsPython+2

팀 프로젝트

Hyunwoo AI

3D 지식 온톨로지 시각화 플랫폼

Next.js 14Three.jsTypeScriptFastAPI+1

SYBI

이미지 개인정보 비식별화 서비스

Chrome ExtensionJavaScriptVue 2Express+1

이 사이트에 적용한 최적화

SSG, 다이나믹 임포트, 폰트 프리로드를 적용했습니다

적용된 최적화 기법

Static Site Generation빌드할 때 미리 그려 두어, 요청이 올 때마다 만들지 않습니다
Dynamic Import프로젝트 상세는 눌러야 열리는 화면이라 스크립트와 스타일 모두 첫 로드에서 떼어 냈습니다
Font Preload폰트 스타일시트를 미리 요청해, 폰트 파일 요청이 늦게 시작되지 않게 했습니다
Scrollbar Padding스크롤이 잠길 때 생기는 폭 차이를 여백으로 메워 화면이 밀리지 않게 했습니다
Lazy Image카드 안의 화면 이미지는 그 카드를 열었을 때 받아 옵니다