생담 자사몰 콘텐츠·스킨 유지보수

Problem

첫 의뢰 당시 생담 자사몰에는 판매 품목과 맞지 않는 이미지, 잘못된 명칭·링크, 불필요한 스킨 영역이 남아 있었습니다. 작업 완료 후 받은 두 번째 의뢰에서는 카테고리가 추가되면 메인과 전체 카테고리 영역이 깨지는 문제, 버튼 서식 불일치와 고객센터 음영 오류를 PC와 모바일에서 함께 해결해야 했습니다.

Solution

Technical Highlights

• 슬라이드 기반 요구사항을 작업 유형과 검증 기준으로 재구성
• 맥주병, 비닐, 밀폐용기, 카트, 캐스터, 원예, 장갑, 김포금쌀, 기름정제, 취미 카테고리 이미지를 Photoshop으로 제작·보정
• 김포금쌀 메인 배너와 김치통 배너 이미지를 수정하고 Cafe24에 재업로드
• 업로드한 이미지의 파일명과 Cafe24 스킨 경로를 맞춰 PC·모바일 화면에 반영
• 카테고리명, 오탈자, 상품명과 상세 문구 수정
• BEST, 추천메일, 상품조르기, SNS 홍보 등 불필요한 기존 HTML 블록을 주석 처리
• 기존 결과 내 재검색에서 ‘1.8’ 적용 시 98개 중 14개가 노출되고 초기화 시 목록이 복원되는지 확인
• 상품 상세 페이지의 단골회원가를 판매가 아래로 재배치
• 비회원 대상 네이버페이 간편구매 영역의 노출 상태 확인
• 상품문의 영역의 스킨 소스를 정리한 뒤 고객센터 전체 정렬이 정상화되는지 확인
• 게시판에서 노출되던 불필요한 소스 영역을 정리하고 여러 게시판 화면에서 재확인
• 이용안내와 카카오톡 버튼의 링크 경로 수정
• 모바일 상품별 카테고리 이미지와 명칭 교체
• 구현 불가능한 요청은 브라우저 제약을 확인하고 사용 가능한 대안까지 제시
• 첫 작업 완료 후 경기도일자리재단에서 같은 자사몰의 두 번째 수정 요청을 받음
• 카테고리 추가 시 메인과 전체 카테고리가 2·3줄로 확장되도록 레이아웃 개선
• 상담 버튼 서식을 기존 고객센터 UI와 통일하고 회색 음영 오류 수정
• 두 번째 요청의 모든 수정 사항을 모바일 화면에도 동일하게 반영·확인

Tech Stack

Results

• 총 22개 요청 중 21개 콘텐츠·화면·기능·오류 수정 완료
• 즐겨찾기 직접 등록 요청 1건은 현재 브라우저 정책상 불가능한 이유와 Ctrl+D 대안을 안내
• Photoshop으로 제작·보정한 카테고리와 배너 이미지를 Cafe24 PC·모바일 스킨에 반영
• 주석 처리와 경로·문구 수정으로 기존 스킨을 보존하면서 요청 화면 정리
• 재검색·초기화, 이용안내 링크, 카카오톡 상담과 게시판 화면의 정상 동작 확인
• 첫 작업 완료 후 경기도일자리재단에서 같은 자사몰의 두 번째 수정 요청을 받음
• 추가 카테고리에도 대응하는 PC·모바일 레이아웃과 고객센터 화면 오류 개선

Retrospective

• 이번 작업의 핵심은 기능 개발보다 요청에 맞는 이미지를 빠르게 제작하고 Cafe24 스킨에 정확히 연결하는 일이었습니다.
• Photoshop 작업은 카테고리마다 크기와 배경, 상품 배치를 맞춰야 해서 가장 많은 시간이 들었고 결과 화면의 완성도에 직접 영향을 주었습니다.
• 기존 스킨 코드는 바로 삭제하기보다 주석 처리해 문제가 생겼을 때 되돌릴 수 있도록 작업했습니다.
• 이미지 파일명과 업로드 경로가 어긋나면 화면에 바로 반영되지 않기 때문에 에셋 이름과 소스 경로를 함께 관리하는 것이 중요했습니다.
• 구현할 수 없는 요청도 단순히 불가하다고 답하기보다 기술적 근거와 현실적인 대안을 함께 전달해야 신뢰할 수 있는 결과 보고가 됩니다.
• 첫 작업을 완료한 뒤 경기도일자리재단에서 같은 자사몰의 두 번째 수정 요청을 받으며, 정확한 반영과 검증·보고 과정이 다음 의뢰로 이어질 수 있다는 점을 경험했습니다.