프로젝트
각 프로젝트마다 어떤 화면을 어떻게 만들었는지 자세히 적어 뒀습니다.
경력
프론트엔드로 시작해 백엔드와 클라우드 운영까지 넓은 영역의 이력을 쌓았습니다.
와커스 (WACUS)
현재더원서울안과 홈페이지 리뉴얼
Next.jsReactNestJSPrismaPostgreSQL- 사용자 사이트·관리자 페이지·백엔드 API 전반 참여
- 회원가입·로그인·계정 찾기 인증 흐름 구축 및 네이버·카카오 소셜 로그인 연동
- 아이디 열거 방지, 로그인 시도 제한, 관리자 화면 접근 제어 등 인증·권한 취약점 보완
- 병원소식·공지사항·칼럼·수술체험기·예약문의 게시판을 실데이터로 전환
- 의료진 소개·학술발표·유튜브·메인 팝업을 관리자 페이지에서 직접 운영하도록 연동
- 시각장애 사용자가 계정을 찾을 수 있도록 캡차에 음성 듣기 추가
- 신규 서버 이관 — DB·업로드 파일 옮기고 SSL 인증서 발급·자동 갱신 구성 후 도메인 전환
아이티센엔텍
정규직삼성전자 DS 임직원 OA 장비 관리 시스템
Vue.jsSpring BootOracleMyBatis- 모바일 SSO 인증 실패 이슈 분석 및 AD 연동 로그인 안정성 확보
- synchronized 기반 동시성(날짜 중복 선택) 제어 로직 구현으로 데이터 정합성 보장
- 약 8,000명 대상 대량 메일 발송 Timeout 이슈 원인 분석 및 해결
- Vue CLI(Webpack) → Vite 마이그레이션으로 빌드 시간 20초 → 5초 단축
- Samsung Knox API 기반 Q&A 등록 시 관리자 자동 메일 발송 기능 개발
- 운영 중 장애 대응과 사용자 문의 처리로 서비스 안정성 유지
베스텔라랩
인턴Figma 지도 연동 플러그인
TypeScriptReactWebpackOpenLayers- Figma Plugin API 기반 플러그인 구조 설계 및 개발
- Figma 레이어(폴리곤)의 EPSG:3857 ↔ EPSG:4326 좌표계 변환 및 위경도 좌표 추출 구현
- OpenLayers 라이브러리로 폴리곤 드래그/리사이즈/회전 등 커스텀 기능 구현
- Nominatim API로 지도 내 장소 검색 기능 추가
- Figma ↔ Plugin 간 레이어 데이터 Import / Export 기능 개발
- MUI(Material UI) 기반 플러그인 UI 설계 및 구현
이파피루스
정규직웹 PDF 뷰어 솔루션
AngularTypeScriptSCSS- 프론트엔드 기능 개발 및 유지보수
- i18n 라이브러리로 다국어(영어, 일본어) 처리
- 인쇄된 PDF에도 남는 비가시 워터마크(추적코드) 삽입 기능 구현
- 우클릭 커스텀 컨텍스트 메뉴 개발
- 다크모드 / 라이트모드 테마 전환 기능 구현
- Android TalkBack / iOS VoiceOver로 PDF 내용 TTS 지원
기술 스택
프레임워크에 구애받지 않는 기술 스택을 쌓았습니다.
프론트엔드
TypeScript
React
Vue.js
Angular
Next.js
백엔드 · 데이터베이스
Java
Spring Boot
Oracle
NestJS
Prisma
학력 · 자격증
학력
아주대학교 소프트웨어학과
자격증
- SQLD
- AWS SAA
- OPIc IM2
- 정보처리기사