썬더 설치하기


썬더는 HTML 태그를 통해서 간단하게 설치할 수 있습니다.

<link> 태그는 HTML의 <head> 의 끝에, <script> 태그는 <body>의 끝에 넣어주세요.

<head>
	...
	<!-- 썬더: 기본 스타일 -->
	<link rel="stylesheet" href="<https://code.clayful.io/clayful-thunder@1.2.3/theme/basic/style.min.css>">	
</head>
<body>
	...
	<!-- jQuery: 이미 jQuery 사용시 생략 -->
	<script src="<https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js>"></script>

	<!-- 썬더: 코어 스크립트 -->
	<script src="<https://code.clayful.io/clayful-thunder@1.2.3/thunder.min.js>"></script>
	<script src="<https://code.clayful.io/clayful-thunder@1.2.3/theme/basic/templates.min.js>"></script>
	<script src="<https://code.clayful.io/clayful-thunder@1.2.3/locales/ko.js>"></script>
</body>

썬더 사용 준비하기


썬더의 작동을 위해서는 클레이풀에 개설된 스토어와 몇가지의 설정이 필요합니다.

#1. 연동 클라이언트 설정

연동 클라이언트는 썬더 코드에서 스토어 정보에 접근하기 위해서 필요한 개념입니다.