PROJECTS

저의 프로젝트를 확인해보세요

NEXT.JSTYPESCRIPTNode.JSExpressSCSS
WEBSITE
Threed 기술 블로그 자체제작
@2025.05 (1개월) / 기획 / Front / Back
회사 : 개인 프로젝트
• 사용자 로그인 상태에 따라 동적으로 렌더링된 콘텐츠를 제공하는 컴포넌트 개발 및 개인화된 사용자 경험 보장
• AI 도구를 활용한 현장 계획 및 설계(기획)부터 디자인, 개발(Front/Back) 및 배포까지 전체 개발 라이프사이클 참여
• 확장성과 유지관리성을 위해 아키텍처 지향적인 파일 구조와 모듈화된 API를 중심으로 파일 구조를 설계
GITHUBLive DemoFigma

NEXT.JSTYPESCRIPTSCSS
WEBSITE
시원스쿨 LAB 모바일 구축
@2024 (7일) / Front / MOBILE
회사 : 시원스쿨 ((주)에스제이더블유인터내셔널)
• 수강신청, 선생님, 교재/MP3 페이지 개발
• 모바일 최적화를 고려한 Next.js 기반 반응형 웹 구조 설계 및 구축.
• 과목별 API를 유동적으로 바인딩하여 단일 코드베이스 내 유연한 콘텐츠 구성이 가능하도록 구현
• 강의 및 교재 상세 페이지 동적 렌더링 및 UI/UX 개선 수행
• SCSS 모듈화를 통해 스타일링 일관성을 확보하고, 공통 컴포넌트 단위로 구조화된 UI 구성
Live Demo

NEXT.JSTYPESCRIPTSCSS
WEBSITE
시원스쿨 일본어 맞춤강좌찾기
@2024 (14일) / Front
회사 : 시원스쿨 ((주)에스제이더블유인터내셔널)
• 사용자 맞춤형 필터링 조건을 기반으로 강좌 추천 페이지 개발
• API에서 받아온 데이터 구조에 맞춰 상태를 초기화하고, 필터 조건에 따라 실시간으로 강좌 데이터를 필터링하여 사용자 에게 맞춤형 콘텐츠를 동적으로 제공
• Zustand 상태 관리 라이브러리를 활용해 컴포넌트 간 상태공유 및 효율적인 데이터 흐름을 구현
• 필터 선택 시 UI에 반영되는 텍스트를 동적으로 업데이트하여 명확한 상태 인지를 지원
Live Demo

HTMLCSSJAVASCRIPTJqueryFigma
WEBSITE
경기도상권분석서비스
@2023 (1개월) / Front 20%
회사 : 엠에스링크앤솔루션
• 경기도 소상공인을 위한 공공 서비스 플랫폼 구축. 다양한 정책/지원사업 정보 제공 페이지 개발
• CSS Module 기반 모듈화 스타일링을 적용하여 유지보수성과 UI 확장성 확보
• 공공 접근성 지침을 반영한 시맨틱 마크업 및 사용자 접근성 강화
Live Demo

DevOn NCDJSPChart.jsCSSVanillaZeplin
ADMIN SYSTEM
LG 화학 ITMS 업무Portal 재구축
@2022 (4개월) / Front
회사 : 엠에스링크앤솔루션
• Devonframe 기반의 업무 시스템을 개발하며 공통 컴포넌트 및 템플릿 구조를 활용해 일관된 UI/UX와 재사용성을 확보
• JSP 기반 화면 설계를 통해 기업용 업무 흐름에 적합한 사용자 인터페이스 구성
• IT 투자사업 계획, Rolling Plan 관리 등의 기능을 포함한 복잡도 높은 관리자 화면 구현
• Chart.js를 사용한 그래프 대시보드 구현으로 관리자용 실시간 데이터 시각화 지원
ReadMe

DevOn NCDJSPChart.jsCSSVanillaZeplin
ADMIN SYSTEM
LG에너지솔루션 ITMS 업무Portal 이관
@2022 (4개월) / Front
회사 : 엠에스링크앤솔루션
• 기존 LG화학 시스템의 구조를 기반으로 신규 이관 프로젝트 수행
• 신규 디자인 가이드를 바탕으로 정밀한 프론트엔드 퍼블리싱 작업 수행
• DevOnFrame 아키텍처 기반으로 모듈화 및 공통 템플릿을 활용하여 유지보수성을 강화
• LG화학 시스템 구조를 기반으로 한 LG에너지솔루션 포털 신규 페이지 이관 프로젝트 수행
• Devonframe 아키텍처 기반의 모듈화된 공통 템플릿을 활용하여 유지보수성과 확장성 강화
ReadMe

Chart.JsJqueryZeplinCSS
ADMIN SYSTEM
KORLOY Quotation System KQS-2023 시스템 구축'
@2023(3개월) / Front
회사 : 엠에스링크앤솔루션
• 프로젝트 초기 기획 단계부터 프론트까지 전체 개발 생명주기 참여
• 디자인 시스템 구축부터 기능 구현까지 종합적 개발 수행
• 견적가, 수주, 원가 간 데이터를 기반으로 시각화된 대시보드 UI 구성
• 업무 효율성을 높이기 위한 다양한 관리자 편의 기능 개발
ReadMe

Google SheetsHTMLJqueryZeplinFigmaCSS
WEBSITE
엠에스링크앤솔루션 기업 홈페이지 리뉴얼
@2023 (7일) / Front
회사 : 팀 프로젝트(2인)
• 사내 디자이너와의 협업을 통한 자사 홈페이지 리뉴얼 개인 프로젝트 진행
• Google Sheets API 연동을 통한 실시간 문의 데이터 수집
• 메타 태그(title, description, keywords) 동적 관리 시스템 구축
• 시맨틱 HTML 태그 구조 설계를 통한 검색 엔진 크롤링 최적화
• jQuery 기반 인터랙티브 컴포넌트 개발
Live Demo

AdminLTEVanillaZeplin
ADMIN SYSTEM
농협 Pioneer Platform 기반 IT 자산 관리 시스템
@2023 (14일) / Front
회사 : 엠에스링크앤솔루션
• 프로젝트 초기 기획 단계부터 프론트까지 전체 개발 생명주기 참여
• 요구사항 분석을 통한 시스템 설계 및 개발 방향성 수립
• Pioneer Platform을 기반으로 한 IT 자산 등록, 수정, 검색, 모니터링 기능 개발
• Eg Manager와 연동된 대시보드를 통해 자산 상태 시각화 구현
• AdminLTE 기반 UI 커스터마이징 및 유지보수성 고려한 컴포넌트 구성
ReadMe

PHPCSSVanillaFigmaZeplin
WEBSITE
법무법인 두우
@2021 (20일) / Front
회사 : 엠에스링크앤솔루션
• 1인 전담 기획/디자인/개발/운영 원스톱 서비스 수행
• 클라이언트 미팅부터 Figma 디자인, 그누보드 PHP/Vanilla JS 개발, 호스팅 관리까지 전 과정 단독 수행
• 트래픽 초과 방지, SSL 보안 적용등으로 무장애 운영달성
• 변호사 인사관리 시스템 개발하여, 실시간 유지보수 서비스 제공
Live Demo

ReactTypeScriptSCSS
BOT 몽골 비자 홈페이지 제작
엠에스링크앤솔루션
@2023
• 몽골 개발자와의 협업을 통한 다국적 개발 환경 경험
• React 및 TypeScript 기반 UI 컴포넌트 개발 및 유지보수
• 비자 신청 프로세스를 지원하는 사용자 및 관리자 페이지 구현
• 크로스 브라우징 대응 및 반응형 웹 최적화 수행
AdminLTEJavaScriptSCSS
센서 데이터 취합 대시보드 구축
(주)에이치씨인포
@2023
• AdminLTE 템플릿 기반의 센서 데이터 상황판 형태 대시보드 UI 구현
• 실시간 인사 데이터 시각화를 위한 관리자 화면 구성 및 인터랙션 개발
JavaScriptPortal
서울신용보증재단 CAN자영업백신
서울신용보증재단
@2022.01
• CAN자영업백신 소상공인지원 포털 웹 시스템 구축 참여
• 웹/반응형 기반 소상공인 통합 지원 플랫폼 UI 설계 및 개발
• 경영진단 점수와 매출 데이터 간의 상관관계 시각화 기능 구현
HTMLCSSJavaScriptjQuery
정보계 BI Portal
현대해상
@2021.04
• 현대해상 정보계 BI 포털 시스템 기획부터 개발, 운영까지 전담 수행
• 기존 정보계 시스템 분석을 통한 UI/UX 리뉴얼 및 기능 고도화 개발
• 시각화 기반 데이터 대시보드 UI 구성 및 사용자 접근성 향상 작업 수행