LogoLogo
  • 샵바이 스킨 알아보기
    • 샵바이 스킨 설명서
    • 오로라 리액트(통합형) 스킨 개발 가이드
    • 오로라 리액트(통합형) 릴리즈 노트
    • 오로라 바닐라(개별형) 릴리즈 노트
    • 1:1 문의하기
  • 오로라 개별형 스킨 개발 가이드
    • 개발 프로세스
      • 등록
      • 개발
        • 개발 환경 구성하기
        • 스킨 디렉토리 구조
      • 설치
    • 기본 API 이해하기
      • 샵바이 API 호출 가이드
        • OAuth 2.0 적용 가이드
      • 외부 스크립트 호출 가이드
    • 화면별 API 활용 가이드
      • 공통 영역
        • 공통 상단
        • 공통 하단
        • 디자인 팝업
        • 슬라이드 메뉴 (모바일 전용)
        • 최근 본 상품
      • 메인 화면
        • 배너 영역
        • 상품진열 영역
        • 인스타그램 연동
      • 회원가입
      • 로그인
      • 간편 로그인
      • 휴대폰 본인인증
      • 상품 리스트
      • 상품 상세
        • 상품 기본 정보
        • 상품 상세 배너 (모바일 전용)
        • 상품 상세정보 (탭)
        • 배송/반품/교환 안내 (탭)
        • 상품후기 (탭)
        • 상품문의 (탭)
        • 관련상품
      • 장바구니
      • 주문서
      • 마이페이지 > 쇼핑정보
        • 주문목록/배송조회
        • 취소/반품/교환 내역
        • 주문 상세
        • 좋아요
      • 마이페이지 > 혜택관리
        • 쿠폰
        • 적립금
      • 마이페이지 > 회원정보
        • 회원정보 수정
        • 회원탈퇴
        • 배송지 관리
      • 마이페이지 > 나의 게시글
        • 1:1 문의
        • 상품문의
        • 상품후기
      • 상품후기 게시판
      • 일반 게시판
      • 기획전
    • KCP 휴대폰 본인인증 연동 (iOS/AOS)
  • 앱 개발 가이드
    • [샵바이] 웹훅(webhook) 가이드
    • [고도몰] 웹훅(webhook) 가이드
  • 추천 콘텐츠
    • 추천 콘텐츠
      • [간편 로그인] SNS 연동 기능 개발 가이드
      • [공통] 마이페이 API 화면가이드
      • [엔터프라이즈] 선물하기 기능 (배송지 나중입력)
      • [엔터프라이즈] 카카오 싱크 신청 가이드
      • [엔터프라이즈] 카카오 싱크 회원가입 API 화면가이드
      • [엔터프라이즈] 이니렌탈(렌탈결제) API 화면가이드
      • [엔터프라이즈] 외부 회원 연동 가이드
      • [엔터프라이즈] 외부 적립금 전환 가이드
      • [엔터프라이즈] 외부 적립금 연동가이드
      • [엔터프라이즈] 사은품 API 화면가이드
      • [엔터프라이즈] PG신청 가이드 (2024/4/1 업데이트)
      • [엔터프라이즈] 카카오 픽셀 설치 가이드
      • [엔터프라이즈]정기결제(배송) API 화면가이드
      • [프로/엔터프라이즈] 쇼핑몰에 인스타그램 위젯을 적용해보세요!
      • [베이직/프로] 카카오싱크 신청 가이드
      • [웹훅 추가] 주문정보 웹훅(Webhook)이란?
      • [웹훅 추가] 회원정보 변경 및 회원탈퇴
      • [웹훅 추가] 앱 설치 및 삭제
      • shop by API, POSTMAN에 추가하기
      • [글로벌] 글로벌 기능 가이드
        • 사용 프로세스
          • 엑심베이 PG 계약
          • 개발 환경 세팅
          • shop by 어드민 세팅
          • 쇼핑몰 스킨 개발
            • 언어/통화 설정
            • 상품/전시 설정
            • 주문서 조회
            • 주문 예약하기
            • 회원 등록
        • 글로벌 주문/환불 프로세스
    • FAQ
      • 에러코드_ (1) 주문
      • 에러코드_ (2) 프로모션
      • 에러코드_ (3) 클레임
      • 쿠폰 코드 API 에러메시지 안내
      • 장바구니/주문결제 에러코드 안내
      • 배송타입 및 택배사코드 안내
      • 파트너어드민 매출내역 조회기준
      • shop api error response 안내
      • server API로 주문의 외부 유입경로 집계 방법
      • 은행코드 안내
      • 7/15 스킨 에디터 업데이트 주의사항
        • 모바일_업데이트 전 템플릿 코드
        • PC_업데이트 전 템플릿 코드
        • 업데이트 후/전 템플릿 코드 비교
      • [샵바이 엔터프라이즈] server API 호출방법
      • [샵바이 엔터프라이즈] 파트너 어드민에서 상품 노출은 미리 해두고, 판매 기간은 미래시점으로 설정할 수 있는 기능이 있을까요?
      • [샵바이 엔터프라이즈] 파트너사 담당MD 일괄변경 어떻게하나요?
Powered by GitBook
On this page

Was this helpful?

  1. 오로라 개별형 스킨 개발 가이드
  2. 개발 프로세스

등록

셀러 어드민 내 디자인 상품 등록에 대해 안내합니다.

Previous개발 프로세스Next개발

Last updated 1 year ago

Was this helpful?

스킨 저장소(GitLab) 내 소스코드를 저장할 프로젝트를 발급받기 위해서는 셀러어드민에 상품을 등록해야 합니다.

◼︎ GitLab 이란?

공동 소스코드 작업을 위한 변경사항 및 버전 등을 로컬에서 추적하고 관리할 수 있는 소스코드 버전 관리 시스템입니다. 디자인 스킨 소스코드를 GitLab 프로젝트에 저장해두고 디자인 스킨을 쇼핑몰에 설치하여 배포할 수 있습니다.

◼︎ 한국어 설정 방법

언어 설정 기능을 통해 GitLab을 한국어로 쉽게 이용할 수 있습니다.

로그인 > 우측 상단 아이콘 > settings > preferences > localization > 한국어 > 저장

상품을 등록하여 스킨 소스코드를 저장할 프로젝트를 발급 받아 소스코드를 저장하고, 이를 쇼핑몰 관리자에 설치할 수 있습니다.

아래 프로세스에 따라 개발을 시작해 주시기 바랍니다.


등록 경로

워크스페이스 > 셀러어드민 > 상품 > 디자인

① 개발 방식

스킨을 개발하기 전 먼저 특정 스킨을 기반으로 일부를 수정하여 개발할지 또는 처음부터 개발할지 개발 방식을 선택하는 항목입니다. 선택된 값에 따라 스킨 저장소에 비어있는 프로젝트가 생성되거나 선택된 스킨 소스코드가 저장된 프로젝트가 생성됩니다. 특정 스킨을 기반으로 개발하는 경우 스킨의 구분 (통합형, 개별형) / 빌드여부 / 빌드타입 선택에 제한이 있습니다.

  • 처음부터 개발하기

    • 베이스 코드 없이 빈 프로젝트에서 개발을 시작할 수 있습니다.

    • aurora react 스킨은 빌드가 필요하여, 빌드여부는 Y로 설정합니다.

  • aurora 스킨을 기반으로 개발하기

    • aurora 스킨은 모든 페이지를 정적 파일로 제공하기 때문에 빌드를 하지 않으며, 빌드여부는 N로 설정합니다.

본 가이드는 aurora 오로라 개별형 스킨을 기준으로 작성되었습니다.

② 프로젝트명

스킨 저장소에 프로젝트가 생성될 때 사용되는 항목으로 입력한 프로젝트명으로 스킨 저장소에 프로젝트가 생성됩니다. 생성된 프로젝트명은 수정할 수 없습니다.

③ 상품명

셀러어드민에 노출되는 항목입니다.

④ 구분

스킨 소스코드 저장 구분을 선택하는 항목입니다. 위 (①)에서 설명한 내용과 같이 개발방식에 따라 구분 선택에 제한적 입니다.

⑤ 배너정보

다만 상품을 등록하는 시점에는 스킨 개발을 시작하는 단계일 수 있어 배너 정보는 상품 등록 후 개발이 완료된 이후 상품 수정 화면에서 등록하시면 됩니다. 특정 스킨을 기반으로 개발하는 경우 각 스킨에서 사용된 메타정보와 샘플 이미지가 자동 등록되나, 상품 수정 화면에서 등록된 파일을 삭제 후 재등록이 가능합니다.

등록된 상품이 설치된 쇼핑몰이 존재하는 경우 배너 정보 수정이 불가합니다.

⑥ 빌드여부

위 (①)에서 설명한 내용과 같이 개발방식에 따라 빌드여부 선택이 제한됩니다.

  • 처음부터 개발하기

    • 프로젝트 개발 환경에 따라 빌드여부를 설정합니다.

    • 빌드가 필요한 경우 빌드 명령어는 build 로 고정합니다.

  • aurora react 의 경우 빌드가 필요한 환경이기 때문에 빌드여부를 Y로 설정해야 합니다.

  • aurora 기본 스킨은 정적 파일을 제공하기 때문에 빌드하지 않습니다.

⑦ 빌드타입

위 (⑥)에서 빌드여부 Y로 선택한 경우에만 필요한 항목입니다. 프로젝트를 빌드할 때 패키지를 매니저에 따라 빌드 명령어를 실행합니다.

# yarn 을 선택한 경우
$ yarn build

# npm 을 선택한 경우
$ npm run build

aurora react 스킨을 기반으로 개발하기

스킨 코드를 베이스로 프로젝트가 생성됩니다.

빌드타입은 패키지 매니저로 설정하는 것을 권장합니다.

스킨 코드를 베이스로 프로젝트가 생성됩니다.

스킨에서 사용하는 배너그룹을 정의한 메타정보와 배너 샘플 이미지가 포함된 정보를 등록하는 항목입니다. 스킨에서는 어느 위치에서 어떠한 배너를 호출하겠다는 내용이 포함되어 있기 때문에 배너정보는 반드시 필요합니다. 배너 정보 관련하여 자세한 내용은 를 참고하시길 바랍니다.

오로라 리액트 스킨 개발 가이드
aurora react
yam
aurora
개발 환경 구성하기 문서