- 웹사이트 신규 구축 및 운영 유지보수 퍼블리싱
- UI 구조 정리 및 SCSS 기반 코드 표준화
- 퍼블리싱 가이드 제작 및 협업 프로세스 정비
1.미트매치 앱 사이트 구축 및 유지보수 퍼블리싱 및 가이드 작성 (2024.07~ 현재)
1) 담당 역할
- 웹사이트 신규 구축 및 운영 유지보수 퍼블리싱
- UI 구조 정리 및 SCSS 기반 코드 표준화
- 퍼블리싱 가이드 제작 및 협업 프로세스 정비
2) 주요 업무 및 성과
- 고객사 기획 및 디자인 가이드에 맞춰 신규 웹 퍼블리싱 및 유지보수 수행
- 기존 CSS 기반 스타일 구조를 SCSS로 전환하고, 컴포넌트 기반 구조로 표준화
- 페이지 구조 개선 및 코드 리팩토링을 통해 약 500페이지의 페이지를 130페이지로 효율화
(중복 최소화 및 JS 적용)
- SCSS 퍼블리싱 가이드 제작 및 적용, 협업 품질 및 속도 향상
- 가이드 및 구조 개선을 통해 QA이슈 약 75% 감소 (퍼블리싱 환경 표준화, 운영 안정성 및 생산성 증대)
3)기술 스택
HTML5, CSS3, SCSS, JQuery, Git, FIgma Jira, Confluence
2. LS 산전 LS-LENS 서비스 페이지 / 어드민 페이지 신규 구축(2025.04~2025.06 3개월)
1)담당 역할- 반응형 웹 퍼블리싱 및 UI 구조 설계
- SCSS 기반 스타일 가이드 및 퍼블리싱 규칙 수립
2) 주요 업무 및 성과
- SCSS를 활용한 반응형 UI 퍼블리싱 및 신규페이지 구축
- 디바이스 환경에 따른 레이아웃 및 컴포넌트 최적화
- 공통 스타일 및 컴포넌트 정의를 통해 재사용 가능한 UI 구조 설계
- 프로젝트 제작 기준 및 코드 일관성 확보를 위한 퍼블리싱 가이드 SCSS 가이드 문서화
- 협업 개발 환경 정립 및 유지보수 효율성 향상(스타일 재사용률 증가)
3)기술 스택
HTML5, CSS3, SCSS, JQuery, Git, FIgma
3. 지구사랑탐사대 유지보수 (2024년 11월~2025년 1월, 3개월간)
1)담당 역할- React 기반 반응형 앱페이지 유지보수 및 UI 스타일 개선
2) 주요 업무 및 성과
- React 기반 앱 서비스의 퍼블리싱 지원 및 UI 스타일 유지보수 수행
- QA 요청사항에 따라 반응형 UI 오류 수정 및 스타일 보완
- 기존 컴포넌트 스타일 구조 파악 및 디자인 가이드에 맞춘 SCSS 수정
- 컴포넌트 기반 개발 방식 및 Front-end 협업 흐름 경험
- React 기반 컴포넌트와 파일 구조를 이해하며 스타일을 안정적으로 수정하여 서비스 품질 유지 및 배포 일정 준수에 기여
3)기술 스택
React, SCSS, Git, FIgma
더보기