profileImage

SOL

Creative Engineer

Resume
doubleQuotation

React와 TypeScript 기반의 프론트엔드 개발에 집중하고 있으며, 컴포넌트 중심의 설계, UI/UX 개선, 성능 최적화 역량을 키워가고 있습니다.

데이터 파이프라인 구축, 검색 시스템 개발, 전자상거래 프론트 구현 등 다양한 영역의 실무 경험을 바탕으로, 시스템 전반의 구조와 흐름을 이해하는 프론트엔드 개발자로 성장해왔습니다.

디자인 감각과 논리적 사고를 바탕으로, 세련되고 안정적인 인터페이스 구현에 강점을 가지고 있으며,

단순히 동작하는 UI를 넘어 더 나은 사용자 경험을 제공하는 개발을 목표로 하고 있습니다.

doubleQuotation

주로 사용하는 Skillshighlight

JavaScript

Java

ReactNative

React

Vue.js

next.js

Next.js

springboot

SpringBoot

elasticsearch

Elasticsearch

tailwindcss

TailwindCSS

개인 프로젝트

iphone

🧼 비누있어? | 화장실 위생 리뷰 앱

figmaFigma-logo

화장실의 비누 유무, 전반적인 위생 상태를 사용자 리뷰를 통해 공유하고 확인할 수 있는 하이브리드 앱

React Native + Next.js 기반의 WebView 하이브리드 구조로 제작, 위치 기반 리뷰 작성, 지도 기반 탐색, 위생 정보 공유 기능을 제공

👤 포트폴리오 웹사이트

github

개인 기술 포트폴리오 웹사이트 제작 및 배포

ReactNext.jsTailwindCSS
  • page 라우트에서 app 라우트로 마이그레이션 → 서버 컴포넌트와 클라이언트 컴포넌트의 책임 분리
  • 서버 컴포넌트에서 fetch 함수의 캐시 전략(force-cache, no-store)을 적절히 적용해 API 요청 최적화
  • 상태 관리를 서버 → 클라이언트 흐름 중심으로 재구성하여 초기 렌더링 속도 개선
  • 다크모드 상태를 localStorage와 싱크하여 깜빡임 현상 제거
  • 외부 라이브러리 없이 react-toastify 구조를 참고해 경량 토스트 팝업 커스텀 구현

✅learning point :서버 컴포넌트 기반의 최적화 경험과 Next.js 구조 이해도 심화, 이벤트 기반 패턴(Subscribe/Notify)을 활용한 UI 업데이트 방식 학습

Careercircle

메이팜소프트 2023.01 ~ 2025.01

경찰청 사이버수사포털 시스템 이미지

경찰청 사이버수사포털 시스템

JavaScriptJavaSpring BootSVN

2024-08 ~ 2024-12

경찰청 사이버수사포털 개편 프로젝트에서 복잡한 검색 시스템 및 화면 구조 리팩터링을 담당. 개발 리딩.

  • 레거시 개선을 통한 유지보수성과 성능 향상
    • 데이터와 화면을 분리하여 유연한 화면 대응 및 코드 재사용성 증가
  • 검색 화면의 복잡성을 효율적으로 관리
    • 다양한 옵션 조합에 따른 화면 변화를 다형성과 재사용성이 높은 컴포넌트 구조로 해결
  • 기획 미확정 상태에서도 주도적으로 개발을 추진, 일정 단축
    • 9M/M 예상 프로젝트를 6M/M으로 단축하며 성공적 배포
서울연구원 범죄 예고 신고 지원 서비스 이미지

서울연구원 범죄 예고 신고 지원 서비스

Vue.jsJavaSpring BootViteGit

2024-05 ~ 2024-08

SNS/웹에서의 범죄 예고를 자동 감지 및 신고할 수 있는 시스템 개발. 프론트엔드 및 일부 백엔드 기능 구현 전반 참여.

  • 개발 및 배포 프로세스 최적화
    • Vite의 빠른 빌드 및 핫 리로딩 지원을 통해 프론트엔드 개발 시간을 단축
  • 배포 프로세스 최적화
    • 프론트엔드 애플리케이션을 백엔드 서버에서 직접 서빙하도록 구성하여 배포 과정 단순화 및 운영 효율성 증대
  • 협업 환경 개선
    • ESLint, Prettier를 적극 도입하여 코드 퀄리티 및 스타일 유지

✅learning point :비정형 데이터 처리 프로젝트에서 UX 중심 개발 기획까지 경험 작은 규모의 프로젝트에서 전체 흐름을 아우르는 시야 확보

한국토지주택공사 지식관리시스템 이미지

한국토지주택공사 지식관리시스템

JavaScriptJavaSpring BootElasticsearchSVN

2024-03 ~ 2024-05

다양한 업무 도메인의 데이터를 통합 검색할 수 있는 KMS(지식관리시스템) 구축 프로젝트에서 검색 파트 개발 담당.

  • Elasticsearch 기반 검색 서버 구축 및 인덱싱 로직 구현
  • 통합 검색 페이지 개발
    • 여러 도메인의 데이터를 통합하여 일관된 검색 환경 제공
  • 프론트엔드 리팩토링 및 성능 최적화
    • IE 브라우저 대응을 위해 Babel을 활용하여 ES6+ 코드를 ES5로 변환하여 호환성 문제 해결, 최적화를 통해 브라우저 로딩 시간을 7초 단축하여 사용자 경험 향상
한국의약품 안전관리원 이미지

한국의약품 안전관리원

Vue.jsJavaSpring BootElasticsearch

2023-09 ~ 2024-01

의약품 관련 문서를 자동 분류하고 검색할 수 있는 시스템 구축. 검색 최적화 및 UI 설계 주도.

  • Elasticsearch 자연어 검색을 활용한 문서 분류 정확도 향상
    • 동의어 사전 구축 및 문장 패턴화를 통해 검색 쿼리 최적화
  • 고객과의 소통 개선
    • 고객이 분류 기준과 결과를 직관적으로 확인할 수 있도록 UI 개발, 자발적으로 기획 및 구현하여 소통과 검증 과정 개선에 기여
  • 협업 환경 개선
    • ESLint, Prettier를 적극 도입하여 코드 퀄리티 및 스타일 유지
현대제철 전자 상거래 플랫폼 이미지

현대제철 전자 상거래 플랫폼

Vue.jsGitLabRedmine
🔗바로가기

2023-01 ~ 2023-04

현대제철 B2B 전자상거래 플랫폼(HCORE-STORE) 개발. 제품 구매 및 검색 기능의 프론트엔드 전반을 담당.

  • PC/모바일에서의 제품 검색, 필터, 바로 구매 기능 구현
  • 실무 1년차로서 전자상거래 핵심 화면을 독립 구현

✅learning point :GitLab, Jenkins, Redmine 등을 활용한 협업 프로세스 경험을 쌓으며, 대규모 프로젝트에서의 효율적인 커뮤니케이션과 일정 관리의 중요성을 학습 SSR 도입 후 Hydration 오류 발생 → CSR과 SSR의 차이를 직접 체감하며, Hydration 오류 해결 과정에서 Vue의 렌더링 방식에 대한 이해를 심화

학력 및 개발 관련 교육 과정

2021.12 ~ 2022.05 멀티캠퍼스 - 데이터 엔지니어링 전문가 과정 (844시간)

2012.03 ~ 2017.02 건국대학교 - 자율전공학부(자연계열) 입학, 의상디자인 학사 졸업

연락처