# 커스터마이징 진행 방법

고도몰의 커스터마이징 진행은 다음과 같이 원본소스 확인 > 소스 커스터마이징 > 운영환경 적용의 단계로 진행 됩니다.

#### 1. 원본소스 확인

고도몰의 원본 소스를 확인하는 단계입니다. 원본소스 확인을 권장 드리는 이유는 커스터마이징이 가능한 범위를 직접 확인할 수 있을 뿐더러, 해당 소스 기반으로 한 커스터마이징을 진행하시는 것을 권장 드리기 때문입니다. \
고도몰 원본소스는  고도몰 상점 관리자의 '개발소스 관리'에서 확인할 수 있습니다.&#x20;

> 고도몰 원본소스에서 제공 되고 있는 내용을 기반으로 기능을 추가하는 커스터마이징 예시
>
> : 상품리스트 검색어 키워드에 '상품상태' 조건을 추가하는 커스터마이징

#### 2. 소스 커스터마이징

고도몰 원본소스를 기반으로 개발하는 내용으로 소스를 커스터마이징하는 단계, 즉 개발을 직접 진행하는 단계 입니다. 통상 소스 커스터마이징의 경우 각 개발자(혹은 에이전시)의 로컬 환경에서 진행 됩니다.

#### 3. 운영환경 적용

개발(커스터마이징)한 소스를 운영환경에 적용하는 단계를 의미하며, 이는 곧 사용자들이 보는 쇼핑몰에 개발 된 내용이 적용 되는 것을 의미합니다.&#x20;

#### 📌 고도몰 커스터마이징 관련 제공 기능 '개발소스 관리' 소개

고도몰의 기본 개발 방법은 원본소스를 확인하고, 커스터마이징하고자 하는 파일의 소스를 디렉토리로 복사하여 해당 파일에서 작업한 뒤 운영소스에 적용하는 것 입니다.

앞서 말씀 드린 것 처럼 쇼핑몰 스킨패치를 제외한 모든 고도몰 패치는 자동으로 적용 되는데요. 이를 위해서는 반드시 커스터마이징 시 하기 두 가지 사항을 반드시 준수해주셔야 합니다.

{% hint style="danger" %} <mark style="color:red;">**자동패치 지원 대상이 되기 위한 필수 준수 사항 ‼️**</mark>

1. 원본 소스의 class를 상속 받을 것.
2. 원본 소스의 메소드 확장 개발 시, 반드시 원본 소스의 부모 메서드를 상속 받을 것
3. 다른 클래스를 사용하는 경우에는 namespace와 class 사이에 use를 이용하여 사용하려는 class를 추가할 것
   {% endhint %}

고도몰이 제안하는 기본 개발방법대로 진행할 수 있도록 커스터마이징 관련 기능을 제공하고 있으며, 이는 상점 관리자를 통해 접속 가능한 '개발소스 관리' 기능을 통해 사용하실 수 있습니다. \
해당 기능은 커스터마이징이 가능한 고도몰을 사용하시는 경우에만 노출 되는 메뉴로, 해당 기능이 확인 되지 않은 고도몰은 커스터마이징이 불가한 상점이오니 이용에 참고하여주시기 바랍니다.&#x20;

<figure><img src="https://3829245599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDr6HwDXRgyoJINAE95Gb%2Fuploads%2FeBBd1mMcb2JgQNyNwGbU%2Fimage.png?alt=media&#x26;token=5062e07f-86a7-4ca5-a341-fc3d4445a8fb" alt=""><figcaption><p>고도몰 원본 소스 확인 화면</p></figcaption></figure>

<div align="center"><figure><img src="https://3829245599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDr6HwDXRgyoJINAE95Gb%2Fuploads%2FlRX70Cl8GE8kyPk44gtR%2Fimage.png?alt=media&#x26;token=f4df827b-abe2-4f77-b481-d868f5bb86b8" alt=""><figcaption><p>작업 중인 개발소스 확인 화면</p></figcaption></figure></div>

<figure><img src="https://3829245599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDr6HwDXRgyoJINAE95Gb%2Fuploads%2FR4DmkmETmoV1YKfcxciq%2Fimage.png?alt=media&#x26;token=9f8b8334-e80f-4492-95ea-f3407569274e" alt=""><figcaption><p>운영환경에 적용 된 소스 확인 화면</p></figcaption></figure>
