<aside>

https://www.stockflow.kr/

• 2024.12 ~ 2025.02
• SaaS WMS 프로모션 반응형 홈페이지 구축
• 퍼블리싱, UI개발 기여도 100%
• Vue, Nuxt.js, SCSS, JavaScript, GSAP, GitLab </aside>

WordPress 기반 프로젝트를 Vue.js로 전환하여 성능 및 유지보수성을 개선

• 기존 WordPress 프로젝트는 로딩 속도가 느리고 유지보수가 어려운 구조였음
• Vue.js로 전환하면서 초기 빌드부터 개발을 진행하였으며, 반응형 퍼블리싱과 UI 인터랙션을 구현

SEO 최적화 및 SSR 환경 구축으로 검색 엔진 노출 개선

• Nuxt.js를 도입하여 SSR 환경을 구축하고, 페이지별 메타태그 최적화로 검색 순위 향상
• 별도의 데이터 통신이 필요하지 않은 정적인 페이지이기 때문에, SSG(Server Side Generation) 방식을 적용하여 서버 리소스 절감과 페이지 로드 속도 개선

웹사이트 성능 최적화

• Lighthouse 분석을 기반으로 코드 스플리팅 및 tree-shaking을 적용하여 불필요한 리소스를 제거
• 최적화 작업을 통해 페이지 로딩 속도를 3.2초 → 1.8초로 단축 (45% 개선)

다국어 지원 및 UX 개선

• 글로벌 사용자 대응을 위해 i18n을 적용하여 다국어 환경을 구축
• 동일한 소스를 Git 미러링하여 멀티 도메인 배포 환경에서, 각 도메인의 기본 언어를 환경변수로 설정하여 자동 적용

문의하기 기능 개발 및 자동화

• 이메일 발송 API를 연동하고 이메일 템플릿을 적용하여 문의 처리 자동화
• 입력값 유효성 검사 기능을 추가하여 오류 데이터 입력을 방지 하고 사용자 편의성을 향상

이미지 최적화, 코드 스플리팅, 텍스트 압축 등 브라우저 성능 최적화 진행

이미지 최적화 : 빌드 시 .png 확장자의 파일을 찾아 .webp, .avif로 변환 하는 script 작성

빌드 후 최종 산출물