Loading...
001
Frontend Developer
사용자 경험을 중시하는 프론트엔드 개발자입니다.
멀티 클라우드 관리 플랫폼, 공공기관 프로젝트, 대규모 웹사이트 리뉴얼 등
다양한 프로젝트 경험을 보유하고 있습니다.
002
Skills
ReactNext.jsTypeScriptJavaScriptREST APIGitPerformance OptimizationSEO
Tailwind CSSSCSSEmotion CSSStyled ComponentsResponsive Design
003
Work Experience
2021.02 ~ 2021.11프론트엔드 개발 (100%)
KT Cloud, AWS를 시작으로 NAVER Cloud, Microsoft Azure, NHN Cloud, Zenlayer 등 멀티 클라우드를 단일 웹 플랫폼에서 통합 관리하는 시스템
주요 업무
- 멀티 클라우드 계정 연동 및 인증 시스템 UI 구현
- 각 클라우드 서비스별 API 통합을 위한 공통 인터페이스 설계
- 실시간 리소스 모니터링 대시보드 UI/UX 설계 및 구현
- 신규 클라우드 서비스 추가 시에도 확장 가능한 컴포넌트 기반 구조 설계
성과
- 총 6개 클라우드 서비스 단계적 연동 완료
- B2B 솔루션 화이트라벨링 계약 성사
전국기능경기대회 DID 시스템 개발
2022 ~ 2025 (연 1회, 총 4회)프론트엔드 개발 (100%)• 대회 종료 후 시스템 철거로 현재 비공개
대회 일정, 장소, 직종별 실시간 대회장 영상, 직종 설명 등을 표출하는 대회장 내 DID 시스템
주요 업무
- 1주일 내 빠른 구축이 가능하도록 컴포넌트 구조 단순화
- 다양한 해상도·비율에 대응하는 반응형/적응형 레이아웃 구현
성과
- 4년 연속 전국기능경기대회 현장 운영 안정적 지원
- 타이트한 일정(1주일) 내 개발 및 배포 반복 수행
제주도청 네이버웍스 연동
2024.07 ~ 2024.08프론트엔드 개발 (100%)• 보안/계약 사항으로 비공개
일하는 곳, 직무, 직책 등 조직 정보를 관리하는 Admin 시스템 및 동보 전송 시스템
주요 업무
- 조직 정보 관리 Admin 페이지 UI 설계 및 구현
- 네이버웍스 API 연동을 통한 조직도 동기화·조회 기능
- 직책별 권한 설정 및 접근 제어 UI/로직 구현
- 대용량 조직도 데이터 렌더링 및 필터링 성능 최적화
성과
- 제주도청 전 부서 조직 정보 통합 관리 시스템 구축
- 동보 전송 기능으로 긴급 공지 리드타임 단축
주요 업무
- 정보 아키텍처(IA) 재설계
- Desktop, Tablet, Mobile 전 디바이스 대응 반응형 웹
- 컴포넌트 기반 아키텍처로 재사용성과 유지보수성 향상
- 이미지 최적화, 코드 스플리팅 등 페이지 로딩 속도 최적화
- SEO 최적화 적용
성과
- 200+ 페이지 전면 리뉴얼 성공적 완료
- 웹 접근성과 SEO 품질 개선
클라우드 서비스 견적서 자동화 시스템
2025.06프론트엔드 개발 (100%)• 사내 Admin 시스템으로 비공개
구글 시트로 관리되던 견적 프로세스를 웹 기반 Admin 시스템으로 전환
주요 업무
- 클라우드사별 상이한 구조를 유연하게 다루는 데이터/폼 구조 설계
- 상품 관리 및 직관적인 견적 Admin UI 구현
- 정형화된 양식으로 PDF 자동 생성 기능 연동
- 견적서 버전 관리 및 히스토리 조회 기능
성과
- 관리 포인트 축소로 견적 업무 시간 단축
- 인수인계 편의성 향상
- 과거 견적 및 계약 내용 손쉬운 조회 가능
AWS Summit 참가용 웹사이트
2023.05프론트엔드 개발• 운영 기간이 끝나 현재 비공개
행사 참여형 웹사이트 및 미니게임 시스템
주요 업무
- 원페이지 랜딩페이지 개발
- 미니게임 인터랙션 구현
- 실시간 점수 기반 랭킹 시스템
성과
- 미니게임 참여를 통한 부스 인지도 향상
- 행사 기간 동안 웹사이트 무중단 운영
엔클라우드24 x KT Cloud 네트워크 파티
2022.11프론트엔드 개발• 운영 기간이 끝나 현재 비공개
신청 및 QR Code 입장 관리 시스템
주요 업무
- 참가 신청 랜딩페이지 및 신청 폼 개발
- QR Code 입장권 자동 생성·발송 플로우 연동
- 현장 스태프용 QR Code 스캐너 페이지 개발
- 중복 입장 방지 및 유효성 검증 로직
성과
- 전 프로세스 자동화로 운영 인력 부담 감소
- QR 기반 입장으로 대기 시간 단축
004
Side Projects
Link Pouch는 URL을 Box로 묶어 버튼 하나로 한 번에 여는 서비스입니다. 시작 페이지로 등록한 경우 브라우저 열기 - 버튼 클릭 두 번의 동작만으로 URL들을 새 탭으로 열 수 있습니다. Box를 암호화하여 타인과 공유 할 수 있습니다. 예시) "회사 Box" → 업무 사이트 5개 동시 열기 "개인 Box" → 은행+쇼핑+유튜브 즉시 실행
주요 기능
- •다른 민감 데이터 필요 없이 이메일 인증만으로 회원 가입하여 사용
- •직관적으로 사용 할 수 있는 인터페이스 구현
- •자신이 등록한 URL 리스트를 타인에게 공유하는 기능 제공
- •다국어 지원으로 글로벌 사용자 대상 서비스 제공
기술 스택
Frontend: React 19 + TypeScript + Tailwind CSS상태 관리: Zustand + Tanstack QueryBackend: Supabase (인증/데이터베이스)다국어 지원: React-i18next배포: Vercel (Github 연동 자동 배포)
원하는 도메인 목록이 사용 가능한지 주기적으로 확인하고, 사용 가능해지면 이메일로 알려주는 서비스
주요 기능
- •대량 도메인 사용 가능 여부 체크 기능 구현
- •도메인 사용 가능 시 이메일 알림 기능 제공
- •간단한 UI로 누구나 쉽게 도메인 상태 확인 가능
기술 스택
Frontend : Next.js 16 + TypeScript + Tailwind CSSBackend : Supabase (데이터베이스)도메인 체크 : domainduck API 사용, Github Actions를 통한 주기적 실행메일링 : Resend API 사용배포: Vercel (Github 연동 자동 배포)
Notion 기반 개인 블로그
2025.12 ~
Notion을 CMS로 활용한 개인 포트폴리오 겸 기술 블로그. 경력 기술서와 블로그 포스트를 통합 관리하는 개인 웹사이트
주요 기능
- •Notion API를 활용한 동적 콘텐츠 관리 시스템 구현
- •계층적 페이지 구조를 트리 형태로 시각화하는 네비게이션
- •ISR(Incremental Static Regeneration)을 통한 성능 최적화
- •다크 모드 지원 및 반응형 디자인 적용
- •블로그 포스트 검색 및 목차 자동 생성 기능
기술 스택
Frontend: Next.js 16 + TypeScript + Tailwind CSSCMS: Notion API렌더링 방식: ISR (1시간 주기 재검증)코드 하이라이팅: Shiki배포: Vercel (자동 배포)
005
Recent Posts
006
All Posts
007