🤲 프로젝트 소개

• 기존에 Vue / Javascript로 되어있던 레거시 페이지를 NextJS와 TypeScript로 리뉴얼
• 랜딩페이지임에도 불구하고 기존의 CSR로 되어있던 레거시 페이지를 SSR로 전환함으로써 SEO 최적화에 대응하고 더 나은 사용자 경험 제공
• 랩매니저 Pro 및 랩매니저 Store의 각종 신규 소식 및 이벤트에 대한 정보들을 제공
• 랩매니저 Pro의 요금제 및 주요기능에 대한 정보 제공
• User Agent 검사를 통한 Web / Mobile 분기 및 각각에 맞는 반응형 UI 제공

🔦 내가 기여한 부분

• 기존 레거시 페이지에서 신규페이지를 제작함에있어 처음부터 끝까지 총괄 담당
• Swiper 라이브러리를 사용하여 배너 및 각종 슬라이드 개발
• html2pdf 라이브러리를 사용하여 실시간 견적서 발급 및 인쇄 다운로드 기능 개발
• 각종 페이지 개발 및 API 개발

🛠️ 사용 기술

• NextJS : 랜딩페이지의 특성상 기존의 CSR 의 한계를 극복하고 보다 더 나은 사용자 경험 및 SEO 최적하에 대응하기 위하여 사용하였습니다.
• TypeScript : 타입을 정확히 명시하여 프로젝트의 안정성을 높이기 위해 사용하였습니다.
• Scss : Css를 구조화해서 효율적으로 관리하고, 자주 사용되는 Css는 Mixin을 통해 중복을 없애고 팀원들의 기술과 통일하기 위해 사용하였습니다.