카페24 스마트 코딩 구조 이해부터 실무 적용까지 한 번에 정리

/design/skin/스킨명/
├── config/              // 설정 파일 보관용 폴더
├── board/               // 게시판 템플릿 폴더
│   ├── list.html        // 게시판 목록 페이지
│   └── view.html        // 게시글 상세 페이지
├── supply/              // 공급사 관련 템플릿
├── layout/              // 전체 레이아웃 템플릿 폴더
│   └── layout.html      // 공통 레이아웃 파일 (header, footer 포함)
├── myshop/              // 마이쇼핑(주문조회, 찜목록 등) 템플릿
├── link/                // 바로가기 메뉴 템플릿
├── product/             // 상품 관련 템플릿 폴더
│   ├── list.html        // 상품 리스트 페이지
│   └── detail.html      // 상품 상세 페이지
├── poll/                // 설문조사 기능 관련 템플릿
├── shopinfo/            // 쇼핑몰 이용안내, 개인정보처리방침 등
├── SkinImg/             // 스킨 전용 이미지 업로드 폴더
├── estimate/            // 온라인 견적서 템플릿
├── intro/               // 인트로(소개) 페이지
├── order/               // 주문 관련 템플릿
├── attend/              // 출석체크 관련 템플릿
├── calendar/            // 캘린더 게시판 템플릿
├── coupon/              // 쿠폰 관련 템플릿
├── member/              // 회원가입/로그인 등 회원 관련 템플릿
├── css/                 // 스타일시트(CSS) 폴더
│   └── style.css        // 메인 스타일 파일
├── js/                  // 자바스크립트(JS) 폴더
│   └── script.js        // 메인 스크립트 파일
├── index.html           // 쇼핑몰 메인 페이지 템플릿

<link rel="stylesheet" href="/design/skin/myskin/css/style.css">
<script src="/design/skin/myskin/js/script.js"></script>

<!--@css(/css/style.css)-->
<!--@js(/js/script.js)-->

<!--@import("/layout/_header.html")-->
<!--@import("/layout/_footer.html")-->

<style>
  .event-banner { background: #f2f2f2; padding: 10px; }
</style>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    console.log("커스텀 JS 실행됨");
  });
</script>