
미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 이지현
- 이메일
- annawlgus1004@gmail.com
- 간단소개
- 안녕하세요. 사용자 경험을 중심으로 서비스의 가치를 높이는 이지현 입니다. Next.js와 React 기반의 3년차 프론트엔드 개발자입니다. 사내 운영 시스템과 모니터링 서비스 구축을 통해 생산성 향상에 기여해왔으며, 코드 이상의 가치를 만들기 위해 사용자 관점에서 문제를 해결하고자 노력합니다.

기술 스택
- 기술 스택
- React
- Next.js
- JavaScript
- TypeScript
경력
- 회사명
- 코리아오브컴(주)
- 직책 • 부서
- 근무 기간 (근무 형태)
- 2023.03. - 재직 중
- (1년 4개월 | 정규직)
- 담당 업무
주로 사내 생산성 증가를 위한 운영 도구와, IoT 기반 통신 서비스에서 사용되는 서비스를 개발했습니다.
[빌링 시스템 개발]
수기로 발생하는 휴먼 에러로 인한 리스크를 제거하고 생산성을 높이는 빌링 시스템을 개발했습니다.
- Zustand를 활용한 상태 최적화로 불필요한 렌더링 45% 감소
- FSD 아키텍처 도입 → 유지보수 및 확장 용이
- 지로 및 인보이스 자동 생성 → 업무 시간 87.5% 절감
React
, Javascript
, Vite
, Zustand
, MUI
[공식 홈페이지 개편]
노후화된 UI, 느린 속도, 수작업 작업 구조 등 문제점을 가진 기존 홈페이지를 전면 리뉴얼 개발했습니다.
사용자 경험 향상과 콘텐츠 운영 효율화를 중심으로 기획부터 디자인, 개발, 배포까지 단독 진행하여 사용자 중심 구조로 개선했습니다.
디자이너가 없는 상황에 좋은 UI를 위해 적극적으로 영업 파트와 커뮤니케이션하며 개발했습니다.
- SSR/SSG 적용으로 성능 및 SEO최적화
- Lazy Loading 도입으로 로딩 속도 2.7s → 1.8s로 33% 개선
- 크로스 브라우징 및 반응형 웹 UI 적용
- 관리자 콘텐츠 수정 기능 고도화하여 개발자 개입 없이 운영 효율 90% 향상
Next.js
, Typescript
, NextAuth
, TipTap
, i18next
, Prisma
, Figma
, Tailwind CSS
[GES 관제 시스템 개발]
실시간 전력 이동 관찰 및 장애 대응 지원을 위한 위성 및 전원 상태 모니터링 시스템을 설계하고 개발했습니다.
- 실시간 장애 감지 시스템 구축 → 운영 효율 60% 향상
- 전력 공급 장애 발생 시, 장애 구간별 직관성 향상 (R: 장애, O: 이상, Y: 대기, G: 정상, B: 정상(대기) 등)
- 반응형 UI 및 Chart.js로 위성 상태, 전원 공급 현황, 장애 이력 시각화
Next.js
, Javascript
, MUI
, ChartJS
, scss
[T-AIS 육·해상 선박 식별 모니터링 시스템 개발]
기존 AIS 기반 선박 모니터링 시스템의 실시간 데이터 처리 및 모니터링 기능을 보완하기 위해 운영자 의사결정의 지도 기반 모니터링 서비스를 개발했습니다.
- 트리맵 및 클러스터링 시각화를 적용하여 지도 로딩 속도 2.3s → 1.4s 단축하여 성능 최적화
- 실시간 데이터 반영 및 불필요한 렌더링을 방지하여 렌더링 성능 40% 개선
- 실시간 KPI를 정량적으로 분석할 수 있도록 데이터 기반 의사결정 지원
React
, Javascript
, Leaflet
, MUI
, ChartJS
, scss
[NMS 네트워크 모니터링 시스템 개발]
네트워크 환경에서 발생하는 장애와 성능 저하를 실시간으로 감지하고 대응할 수 있는 네트워크 모니터링 시스템(NMS)을 개발하였습니다. 사용자(운영자)가 즉각적으로 현황을 파악하고 대응할 수 있도록, 장애 인지와 원인 분석을 직관적으로 지원하는 UI/UX 설계에 중점을 두고 개발을 주도했습니다.
- MUI 반응형 UI를 구현하고 Leaflet 지도 기반의 장애 발생 위치 직관적으로 표현 → 사용자 친화적 인터페이스 설계
- 실시간 수집 데이터 기반 장애 감지, 원인 추적, 연결 안정성 진단 기능 개발 장애 인지 속도 50% 향상
- Chart.js, ApexCharts를 활용하여 자동 분석 리포트 UI 구성
- 중복 코드 제거 및 컴포넌트화 → 개발 속도 30% 향상
- 정부기관, 연구소, 민간 기업 대상 상용화 진행으로 서비스 확장 및 수익 창출
React
, vite
, Javascript
, Leaflet.js
, MUI
, Chart.js
, ApexChart
, Tailwind CSS
[VMS 서비스 개선]
노후화된 UI와 유지보수 한계를 개선하여 디자인 일관성을 확보하고 코드 구조 최적화를 통해 운영 편의성을 강화하였습니다.
- 반응형 UI 리뉴얼 및 디자인 시스템 도입
- 구조적 리팩토링 및 유지보수성 개선
- React-Toastify를 활용하여 알림 시스템 고도화
Javascript
, GoogleMap
, Bootstrap
, React-Toastify
- 회사명
- 안산시청/2021년동계대학생행정체험연수
- 직책 • 부서
- 행정체험연수생 • 안산시 차량등록사업소
- 근무 기간 (근무 형태)
- 2021.01. - 2021.02.
- (2개월 | 계약직)
- 담당 업무
취득세 및 등록면허세 관련 서류 정리
차량 등록 민원인 응대 시 안내 및 처리 보조
지방세 정보시스템(위택스 등) 입력 업무 지원
차량등록 관련 행정 절차를 현장에서 직접 수행하며 공공기관 업무 프로세스 이해
취득세 및 등록면허세 관련 서류 정리, 민원 응대 보조, 지방세 정보시스템(위택스 등) 입력 업무를 지원하였습니다.
- 회사명
- 안산시청/2020년하반기학기중대학생행정체험연수
- 직책 • 부서
- 행정체험연수생 • 안산시 선부1동 행정복지센터
- 근무 기간 (근무 형태)
- 2020.09. - 2020.12.
- (4개월 | 계약직)
- 담당 업무
긴급재난지원금, 코로나19 생활지원금 등 복지 행정 안내 및 대상자 접수 지원
주민센터 방문 민원인 안내 및 서류 정리, 기초생활수급자 관련 행정 보조
지역 내 방역물품(마스크, 손소독제) 배부 및 수령관리
복지 사각지대 해소를 위한 현장 지원활동 및 전화 모니터링 업무 보조
저소득층 및 독거노인을 위한 김치 나눔 행사 지원 (포장, 배부, 수요자 관리)
코로나19 대응 시기, 동 행정복지센터에서 사회복지 및 민원 행정 업무를 보조하며 다음과 같은 활동을 수행하였습니다.
프로젝트
- 프로젝트명
- [바꾸영] - 제주 여행객을 위한 여행 중 남는 물품을 공유·교환할 수 있는 서비스
- 소속/기관명
- 구름톤 해커톤 - '박구영'팀
- 프로젝트 기간
- 2025.02. - 2025.02.
- (1개월)
- 프로젝트 설명
Tinder 스타일 스와이프 탐색 UI 구현
직관적인 물품 탐색을 위해 스와이프 기반의 인터페이스 적용
Framer Motion
,GSAP
을 활용한 자연스러운 애니메이션 효과로 UX 개선
PWA(Progressive Web App) 기능 지원
앱 설치 없이도 사용 가능하도록 구성
오프라인 환경에서도 정보 확인이 가능하도록
Service Worker
적용
Zustand 기반 상태 관리 구조 설계
상태 분리 및 데이터 흐름 설계를 통해 효율적인 컴포넌트 렌더링 유도
채팅 기능 등 실시간 구조를 대비한 클라이언트 상태 설계 경험
‘바꾸영’은 제주 여행 중 생긴 남는 물품을 여행객끼리 공유하거나 교환할 수 있도록 기획된 서비스입니다. 스와이프 기반 UI, PWA 지원, 알림 시스템 등 사용자 편의성을 높이기 위한 기능들을 중심으로 개발하였습니다.
기술 스택: Next.js
, React
, Typescript
, TailwindCSS
, Zustand
, PWA
, Framer Motion
, GSAP
, Spring Boot
- 프로젝트명
- [AI 맞춤형 학습 솔루션] - 자격증 취득을 위한 딥러닝 기반 맞춤형 학습 추천 시스템
- 소속/기관명
- 안양대학교 - '대기만성'팀
- 프로젝트 기간
- 2022.04. - 2022.11.
- (8개월)
- 프로젝트 설명
OAuth 기반 로그인 시스템 구현
구글/카카오 연동 로그인 → Django 세션 생성
OAuth 토큰을 안전하게 저장하고 만료 시 갱신 처리 로직 설계
얼굴 감정 분석을 통한 실시간 학습 몰입도 추적
FER-2013
기반 CNN 모델 적용, 전이 학습 및 데이터 증강을 통해 정확도 92% 달성집중도가 낮거나 졸음 상태가 감지되면 경고음 및 시각적 알림 UI 제공
UI/UX 최적화 및 시각적 피드백 설계
경고/알림/추천 정보를 실시간 시각적 요소로 자연스럽게 노출
사용자 몰입도를 해치지 않는 미니멀 UI 설계 및 구현
시각화 기반 학습 피드백 제공
Chart.js
를 활용해 학습 진척 상황, 감정 변화 추이 등을 그래프로 시각화학습자가 자기 주도적으로 학습 계획을 세울 수 있도록 지원
캡스톤 디자인 프로젝트로서, 개별 학습자의 감정과 학습 패턴에 따라 최적의 문제를 추천하고,
몰입도 분석 및 실시간 피드백 제공을 통해 자격증 학습 효율을 높이는 웹 솔루션을 개발하였습니다.
AI 기반 기술을 적극 활용하여 학습 환경을 지능적으로 개선하는 데 중점을 두었습니다.
기술 스택: AI
, ML
, Python
, Django
, MariaDB
, TensorFlow
, OpenCV
, OAuth
, OCR
, ElasticSearch
, Numpy
- 프로젝트명
- [두근두근 면담시간] - 2D 아케이드/슈팅 ‘침 피하기’ 게임
- 소속/기관명
- 안양대학교 - '게임오버'팀
- 프로젝트 기간
- 2021.11. - 2021.11.
- (1개월)
- 프로젝트 설명
[게임 기획 및 UI 설계]
코로나 시대 ‘비대면 면담’을 주제로 한 독창적 게임 컨셉 기획
침을 피하며 살아남는 구조 → 제한된 화면 내에서 긴장감 유도
캐릭터 UI, 점수 시스템, 난이도 설정을 포함한 전체 UX 흐름 설계
[캐릭터 이동 로직 구현]
캐릭터가 화면 밖으로 벗어나는 문제 발생
Mathf.Clamp()
를 활용해 이동 범위 제한 → 안정적인 게임 진행 가능
[장애물 패턴 개선 및 난이도 조절]
Random.Range()
와InvokeRepeating()
조합으로 패턴 다양화시간이 지날수록 장애물 속도 상승 → 플레이어 집중도 유도
반복성 없는 게임 경험 제공으로 플레이 타임 증가 및 몰입도 향상
대학교 생활 속 상황을 재치 있게 풀어낸 '코로나 시대 면담 게임'으로, Unity 엔진을 기반으로 기획부터 개발, 출시까지 직접 수행한 아케이드형 미니게임입니다. 수상 이력과 함께 국내 안드로이드 마켓(원스토어)에 직접 출시해 사용자 피드백까지 반영했습니다.
기술 스택: C#
, Unity
, Android
, Unity Animation
, Photoshop
포트폴리오
교육
- 소속/기관
- 안양대학교
- 종류 | 전공명/전공계열
- 대학교(학사) | ICT융합공학부/소프트웨어공학과
- 재학 기간 (재학 상태)
- 2019.03. - 2023.08. (졸업)
- 소속/기관
- 선부고등학교
- 종류 | 전공명/전공계열
- 고등학교 | 인문계(이과)
- 재학 기간 (재학 상태)
- 2016.03. - 2019.02. (졸업)
대외활동
- 활동명
- 구름톤 In Jeju 13기
- 소속/기관
- 구름x카카오
- 활동 연도
- 2025
- 활동 상세 설명
카카오 클라우드 ‘9rum’과 구름을 합친 구름톤 해커톤 참여
‘제주’, ‘클라우드’, ‘공유경제’ 키워드로 아이디어 기획 및 개발 협업 진행
쿠버네티스, GDS, 클라우드 등 사전 교육과정을 바탕으로 DevOps 및 디자인 시스템에 대한 이해도 제고
‘필요한 순간, 필요한 물건 - 바꾸영’ 위치 기반 실시간 물품 교환 서비스 개발
실사용자 기반 문제 정의 → MVP 설계 및 구현 → 사용자 피드백 반영까지 3박 4일 내 완성
구름톤 In Jeju 13기 해커톤 ‘대상’ 수상 (1등)
총 30명, 6개 팀 중 가장 혁신성과 완성도를 높게 평가받음
주요 활동 내용
- 활동명
- 스파르타 코딩클럽 르탄즈 2기
- 소속/기관
- 스파르타 코딩클럽
- 활동 연도
- 2022
- 활동 상세 설명
브랜드 홍보 콘텐츠 제작
스파르타 코딩클럽의 교육 철학과 콘텐츠를 소개하는 카드뉴스, 영상, 블로그 콘텐츠 직접 기획 및 제작
실제 강의를 체험한 후, 초보자를 위한 학습 꿀팁 및 후기 공유를 통해 브랜드 신뢰도 제고에 기여
기술 역량 강화
HTML/CSS, JavaScript, Python 등의 기초부터 실전 프로젝트 기반 강의까지 수강하며 실무형 코딩 스킬 향상
각 미션 수행을 통해 기획력, 마케팅 이해도, 프로젝트 관리 능력 함양
협업 및 커뮤니티 네트워킹
다양한 배경을 가진 참가자들과 커뮤니티 활동을 통해 IT 트렌드, 개발 정보 공유
SNS를 통한 활동 피드백 및 미션 공유로 콘텐츠 기획 및 퍼블리싱 감각 강화
우수 활동자 선정
→ 미션 수행 성실도, 콘텐츠 완성도, 커뮤니케이션 적극성 등을 바탕으로 총 223명 중 최종 우수 서포터즈로 선정자기 주도 학습 기반 콘텐츠 기획/제작 경험 축적
→ 현업에서 바로 활용 가능한 실전 위주의 콘텐츠 제작 경험은 이후 개인 포트폴리오 및 프로젝트 수행에 활용초보자 시각에서의 기술 콘텐츠 기획력 향상
→ 개발을 처음 접하는 이들에게도 유익한 콘텐츠를 전달할 수 있도록, 쉬운 설명과 명확한 구조에 집중
활동 내용
성과 및 특징
활동 링크:
📷 Mission 1-1 / 📷 Mission 1-2 / 📝 블로그
📷 Mission 2-1 / 📝 블로그
📷 Mission 3 / 📝 블로그
- 활동명
- 안양대학교 소프트웨어공학과 학부 연구생
- 소속/기관
- 안양대학교 소프트웨어공학과 - 김정준 교수 지도
- 활동 연도
- 2021
- 활동 상세 설명
2년간 소프트웨어공학연구실 소속 학부 연구생으로 활동하며,
문헌조사 → 데이터 수집/분석 → 시스템 개발 → 논문 작성/발표까지 연구 전반에 걸친 실무 경험 축적석·박사 과정 연구자들과의 협업을 통해 연구 방식, 데이터 기반 사고, 학술적 글쓰기 능력을 실질적으로 향상
직업설계 학습관리 플랫폼 ‘스터디쿡’ 웹사이트 개발
웹 기반 학습 설계 툴의 프론트엔드 개발 및 테스트 참여
사용자 흐름(UI Flow) 개선을 위한 피드백 및 기능 제안
‘엑사스케일 스토리지의 분산 파일 시스템’ 연구 지원
대용량 파일 처리 성능 비교 실험 및 분석 자동화 스크립트 작성
‘한국전자통신연구원(ETRI) 용역 수행 계획서’ 기획 참여
관련 기술 문헌 정리, 국내외 기술 동향 조사 자료 작성
보고서 형식의 기술 요약 및 시나리오 설계 기여
다양한 실험 데이터를 분석하고, 시각화 및 통계 정리를 통해 논문 결과 도출에 기여
논문 구조 설계, 도표 작성, 레퍼런스 정리 등 실질적인 논문 집필 과정 보조
문헌조사 → 연구 주제 도출 → 데이터 기반 분석까지의 전 과정을 반복 경험
매주 진행된 연구실 정기 미팅 및 1:1 피드백을 통해 연구 방법론, 데이터 분석, 논문작성 역량 향상
학부생 관점에서의 실험 설계/UX 의견 제시 등 사용자 중심 연구에도 기여
코로나19와 플라스틱 배출량의 상관관계 분석: 업사이클 관점에서의 해결방안
COVID-19로 인해 급증한 일회용품 사용 문제를 데이터로 분석하고, 환경문제 해결 아이디어 제시
관련 논문 및 환경 데이터를 바탕으로 시각화 및 분석
YOLOv4 기반 CCTV 영상 군중 밀집도 분석 서비스
딥러닝 모델(YOLOv4)을 활용하여 군중 밀집 상황을 실시간으로 분석
군중 데이터 기반의 대응방안 및 공공 안전 서비스의 가능성 제시
활동 개요
주요 연구 참여 내용
연구 프로젝트 참여 및 기획
학술 논문 작성 및 기여
협업 및 멘토링
개인 논문 출품 사례
- 활동명
- 2019 경기과학축전 & 제18회 안양사이버과학축제
- 소속/기관
- 안양대학교
- 활동 연도
- 2019
- 활동 상세 설명
가상현실(VR) 기술의 원리와 활용을 주제로 한 체험형 과학 교육 부스 운영
초등학생부터 대학생까지 폭넓은 연령층을 대상으로 직접 체험 중심의 과학 커뮤니케이션 실현
단순 시연을 넘어서 VR 원리 교육 + DIY 기기 제작 + 실습 체험을 아우르는 전방위 프로그램 설계 및 실행
렌즈의 원리, 시야각 조정, 양안시차 등 VR의 핵심 기술 개념을 쉽게 풀어 설명
참가자 눈높이에 맞춰 기초 물리·광학 지식을 일상 사례로 비유하여 전달 → 기술적 흥미 유도
기술에 대한 거부감을 낮추고 친숙한 접근 방식 제공
구글 카드보드(Google Cardboard) 기반의 간단한 VR 기기를 직접 제작할 수 있도록 안내
준비물 관리, 제작 순서 매뉴얼 구성, 안전 가이드 제공 등 전 과정 운영 지원
체험자 약 500여 명 대상, 실시간 질의응답 및 피드백 지원
과학기술을 실생활에 연결짓는 흥미로운 콘텐츠로 구성해 과학의 대중화에 기여
참여자 만족도 향상과 부스 운영 효율성을 고려한 현장 대응 및 프로그램 조율
과학탐구 체험 부스 운영 / VR 기술 전시 및 교육 활동
활동 개요
주요 활동 및 기여
VR 기술 원리 설명 및 교육
DIY VR 기기 제작 체험 운영
과학 대중화 및 행사 운영 지원
- 활동명
- 안양대학교 소프트웨어공학과 학생회
- 소속/기관
- 안양대학교
- 활동 연도
- 2019
- 활동 상세 설명
2020.03 ~ 2020.08 | ECLIPSE 20기 기획부 부장
2019.03 ~ 2019.08 | CLOUD 19기 기획부 차장
MT, 신입생 환영회, 학과 체육대회, 간식행사 등 주요 학생회 행사 기획 및 운영
예산 수립, 일정 관리, 장소 섭외, 인원 분담 등 행사 전반의 실무 주도
행사 진행 중 문제 발생 시 즉각적인 대응을 통해 현장 운영 능력 강화
부원 및 집행부 간 원활한 소통을 위한 회의 진행 및 업무 조율 담당
학생들의 다양한 의견을 수렴하여 행사 기획에 반영, 구성원 만족도 향상
프로그램 및 콘텐츠 기획 능력을 바탕으로 행사 완성도 높임
활동 기간
주요 역할 및 활동
기획부 부장/차장으로서 행사 운영 주도
조직 내 커뮤니케이션 및 협업 강화
기획력 및 리더십 발휘
- 활동명
- 안양대학교 사진동아리
- 소속/기관
- 안양대학교
- 활동 연도
- 2019
- 활동 상세 설명
정기 출사 활동을 통해 DSLR 및 미러리스 카메라 조작법 습득
→ 셔터 스피드, 조리개, ISO 등 수동 촬영 기능 활용 실습사진 후보정 프로그램(Lightroom 등)을 활용한 보정 기법 실습
→ 색감, 노출, 프레이밍 등 예술적 표현 능력 향상팀원들과 함께 테마별 사진 전시회 준비 및 진행
→ 사진 선정, 인쇄 및 전시 공간 연출까지 직접 참여동아리 내 촬영/보정 노하우 공유 세션 운영을 통해 팀워크 및 실무 역량 강화
주요 활동 내용
- 활동명
- 선부고등학교 학생회
- 소속/기관
- 선부고등학교
- 활동 연도
- 2018
- 활동 상세 설명
학생회장 (제9대): 2018.09 ~ 2019.03
총무부 차장 (제8대): 2017.03 ~ 2018.07
학교 행사 전반 총괄 기획 및 운영
체육대회, 축제, 봉사활동 등 학교 주요 행사 리딩
학생과 교사 간 소통 창구 역할
건의사항 수렴 및 개선안 제안 → 실제 학사운영 반영 경험
학생 주도의 프로젝트 기획 및 실행
자율적 봉사 캠페인 및 환경 정비 활동 주도
예산 및 행사 자재 관리
행사별 자재 목록 정리 및 지출 예산 기획
학생회 내부 문서화 및 운영 체계 정비
회의록 작성, 규칙 정비, 보고 체계 구축
활동 기간
주요 활동 내용
제9대 전교회장
제8대 총무부 차장
자격증
- 자격증명
- 자동차운전면허증
- 점수/급 | 발급 기관
- 2종 보통 | 경기도남부경찰청
- 취득월
- 2022.10