카페24 디자인스킨 수정 시 자체 에디터로 수정하면 편한 점(0개)도 있지만, 개발을 하다보면 당연히 VSCode로 작업하는 것이 수월하다. 이번에는 sftp를 이용해서 카페24 디자인스킨을 다운받아 업로드 하는 방법을 알아보자 먼저 확인해야 할 것은 - 카페24 ftp 주소 - ftp 아이디와 비밀번호 이다. 이 내용은 여기에서 확인할 수 있다. 그리고 이용할 디렉터리를 만들고, 여기에서 VSCode를 연다. 열린 VSCode 플러그인에서 sftp를 찾아 설치한다. 다양한 플러그인이 나와 있으며 개 중 많은 다운로드 수를 차지한 버전으로 다운받으면 된다. f1키를 눌러 상단에 뜬 입력창에 sftp:config를 클릭한다. 열린 sftp.json 확인하자. { "name": "My Server", "ho..

공급사 미니샵 파일은 2개 supply 폴더 내 index.html 과 main.html 파일 있음 공급사 아이디가 발급되어야 공급사 페이지를 사용할 수 있다. 루트(URL) 도메인/supply/index.html?supplier_code=공급사코드 도메인/minishop/공급사아이디 두 개 다 사용 설정 (공급사미니샵 사용함/사용안함 은 쇼핑몰관리자 - 공급사 관리 또는 개별 공급사 로그인)은 쇼핑몰 관리자에서 진행함 (관리 페이지 링크) index.html은 모바일에서 연결될 때 열림 main.html은 PC에서 연결될 때 열림 둘 중 하나라도 없으면 PC 또는 모바일에서 안 열림 supply/index.html?supplier_code=공급사코드 루트는 상세페이지 내에 공급사 바로가기버튼 삽입하는 ..

*회고 겸 작성하기 때문에 엄청 길어요. 필요하신 분들은 하단의 방법만 참고하세요. 카페24를 호스팅으로 이용하는 커머스의 개발자로서 카페24는 그야말로 구원자이자 장애물인데 그 중 가장 해결해보고자 했던 것이 바로 '배포'라는 행위이다. 일단 카페24를 서버로 쓰는 것이 아니라 쇼핑몰 호스팅을 이용해서 솔루션 자체를 이용하는 경우 카페24의 페이지들은 전부 FTP를 통해 카페24 서버에서 돌아가게 된다. 그렇기 때문에 FTP가 가능한 배포 라이브러리들을 사용할 수 있는데, 말이 쉽지 실제로는 여러가지 문제가 있었다. 리액트 배포도 깃헙 배포 밖에 안해본 나로서는 '배포'라는 행위를 회사 시스템에 도입한다는데 큰 의의를 두었다. 대부분의 카페24 스킨은 디자인관리의 PC용 레이아웃과 모바일쇼핑몰 의 모바..

카페24 기능 중 가장 어려웠던 부분이 바로 이 '카테고리' 부분이다. 다른 모듈들은 div나 li를 두 번 반복해서 넣으면 자동으로 반복문이 되거나 변수명이 넣으면 자동으로 통신해서 받아오는 등 스크립트 기능들이 숨겨져 있는데(호스팅을 이용하는 사용자에게 노출되지 않는다는 뜻) 이 카테고리 노출하는 모듈이 거의 유일무이하게 category.js로 바깥 노출이 되어 있다. 내부를 살펴보면 카페24에서 front API라고 부르는 exec/front 주소로 ajax 통신을 진행하고 해당 주소로 들어가보면 쇼핑몰관리자 - 상품 - 상품 분류에서 작업한 카테고리가 depth 없는 JSON으로 노출된다. (카페24를 사용하는 모든 쇼핑몰은 도메인 + /exec/front/Product/SubCategory 를 ..

카페24 쇼핑몰 쓰면 쓸수록 괴롭기도 하고 진국이라는 생각도 든다. 정말 기능이 많은 어드민을 쓰기 위해 계속 카페24로 작업을 하고 있는데, 개발자 입장에서 소스코드 관리가 안 된다는 점이 너무 괴로웠다. 일단 뭔가 하나 변경하면 별도로 텍스트 파일로 저장해놓고 (주로 노션에) 작업을 해야 했다. 깃허브로 복구를 많이 진행해 본 것은 아니지만 소스코드가 어딘가에 온전히 살아있다는 것이 얼마나 큰 위안을 주는지 개발자들은 알거다. 카페24의 임대형 쇼핑몰은 기본적으로 ftp 를 이용해 배포를 진행한다. 개발자가 아닌 사람들도 쇼핑몰을 쉽게 이용할 수 있도록 만드는 것이 카페24의 특징인데, 모듈-변수 라는 방식으로 각 컴포넌트의 기능들을 이용할 수 있게 해주고 HTML이나 CSS에 지식이 있으면 프로 모..