LG Shield(국영문 대외 사이트와 콘텐츠 CMS)
| 항목 | 내용 |
|---|---|
| 기간 | 2025.01 ~ 2025.06 |
| 역할 | CMS 단독 구축, 사이트 FE와 배포 운영 |
| 링크 | https://lgshield.lge.com/ |
| 기술 | Next.js 15, React 19, TypeScript, React Router 7, React Query, Zustand, Ant Design 5, next-intl, nuqs, Quill, Docker, Nginx |
주요 업무
CMS 화면 구조
React Router 7로 라우트, 메뉴, 브레드크럼, 공통 레이아웃을 갖추고 솔루션, 제품, 뉴스룸, FAQ, 약관 관리에 Ant Design 공통 폼, 테이블, 모달 패턴을 적용했습니다.
조회 상태
nuqs로 검색어, 필터, 탭, 페이지, 공개 상태, 카테고리 순서를 URL에 보관해 새로고침 뒤에도 작업 조건이 남습니다.
사이트 반영
제품 카테고리 순서, 뉴스룸 분류, FAQ와 약관 공개 상태가 CMS 변경 뒤 국영문 사이트(Next.js 15, next-intl)에 한 기준으로 반영되도록 맞췄습니다. Quill 에디터와 presigned URL 이미지 업로드로 콘텐츠를 운영합니다.
배포와 운영
Docker와 Nginx 배포를 쉘 스크립트로 직접 운영하고 보안 심사에서 요구한 개인정보 비노출과 계정 잠금 정책을 반영했습니다.