<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을 적용하여 불필요한 리소스를 제거
- 최적화 작업을 통해 페이지 로딩 속도를 2.5초 → 1.3초로 단축 (45% 개선)
다국어 지원 및 UX 개선
- 글로벌 사용자 대응을 위해 i18n을 적용하여 다국어 환경을 구축
- 동일한 소스를 Git 미러링하여 멀티 도메인 배포 환경에서, 각 도메인의 기본 언어를 환경변수로 설정하여 자동 적용
문의하기 기능 개발 및 자동화
- 이메일 발송 API를 연동하고 이메일 템플릿을 적용하여 문의 처리 자동화
- 입력값 유효성 검사 기능을 추가하여 오류 데이터 입력을 방지 하고 사용자 편의성을 향상


반응형 레이아웃 구현



i18n으로 다국어 구현