본문으로 바로가기

CCZ-CROSS 스킨 배포

category 티스토리/스킨배포 2015.12.26 10:33

CCZ-CROSS 스킨 소개

기존에 사용하고 있던 스킨에 대한 공유 요청이 있어 배포 가능한 형태로 재작업하여 배포하게 되었습니다. 개인적으로 구형 브라우저 및 기기들을 지원하는 마지막 작업 결과물인 동시에, 여러가지 쓸만한 아이디어를 조합한 시험작입니다.


특징

  • 클래식한 테마
  • 다양한 기기 및 브라우저를 지원하는 반응형 디자인
  • 옵션 값의 변경으로 일부 기능 ON/OFF 가능
  • 글 작성시 도움이 될만한 서식 스타일 추가

브라우저 지원

  • Windows XP 운영체제의 Internet Explorer 7/8
  • Windows 7 운영체제의 Internet Explorer 9/11
  • Windows 8.1 운영체제의 Internet Explorer 11
  • Windows 10 운영체제의 Internet Explorer 11/Edge
  • Firefox 최신버전
  • Chrome 최신버전
  • Opera 최신버전
  • iOS Safari
  • Android 2.3.x 이상 내장브라우저
  • Android Chrome
테스트의 진행은 위의 브라우저들에서 진행되었지만 웹 표준을 준수하는 브라우저라면 그 밖의 브라우저에서도 이상없이 작동됩니다. 블로그 주소를 도메인을 연결하여 사용하시거나 개별글 주소를 문자형태로 사용하신다면 테스트가 필요합니다.

라이센스

  • CCZ-CROSS 스킨은 무료로 배포되며, 자유로이 수정하셔서 사용하셔도 됩니다.
  • 판매의 목적으로 사용될 수 없습니다.
  • 썸네일 추출과 관련된 소스는 ishaiin 님이 판매중인 스킨의 썸네일 추출 소스를 참고하였습니다. 공개 라이센스가 아니기에 이의 재사용을 금합니다.

스킨 참고 및 참조

스킨을 배포판으로 재작업하면서 스킨 공모전에 출품된 많은 작품들을 참고하였습니다.

스킨 다운로드 및 설치

아래의 스킨 파일을 다운로드하고 압축을 해제합니다.

CCZ-CROSSV1.2.1.fix.zip

스킨등록

  1. 티스토리 관리 페이지에 접속합니다.
  2. 꾸미기 스킨 → 스킨등록 버튼을 클릭합니다.
  3. 스킨저장명에 적당한 이름(ex. ccz-cross)을 입력하고 추가버튼을 통해 index.xml, skin.html, style.css, preview.gif 및 images 폴더의 모든 파일을 업로드하고 저장합니다.
  4. 보관함 탭의 등록된 스킨을 적용합니다.

스킨설정

  • 꾸미기의 모바일웹 스킨 OFF로 설정합니다.
  • 꾸미기의 사이드바에서 원하는 모듈을 등록하고 저장합니다.
  • 꾸미기의 화면설정에서 메뉴 탭에 원하는 메뉴를 설정합니다.
  • 꾸미기의 화면설정에서 화면출력탭
    • 기본화면(홈화면)의 출력할 글 갯수를 설정합니다.
    • 선택화면(카테고리)의 글 갯수를 설정하고 목록+내용으로 설정합니다.
    • 태그화면을 인기순으로 설정합니다.
    • 펼침 설정의 댓글펼침을 활성화합니다.
    • 사이드바 태그를 인기순으로 설정합니다.
  • 플러그인의 플러그인 설정에서 블로그 아이콘 표시 플러그인을 활성화(64x64) 합니다.
  • 환경설정의 기본 정보에서 블로그 정보탭의 블로그 화면 이미지와 아이콘을 등록합니다(개인이 준비).

스킨 옵션설정

images 폴더내의 main.js에는 몇가지 옵션을 설정할 수 있는 트리거가 준비되어 있습니다. main.js 파일을 메모장이나 기타 편집기로 열어보면 문서의 초입에 아래의 구문을 발견할 수 있습니다.

var setting = {

	activeCate: true,    //현재카테고리위치 표기 
	autoLink: true,      //댓글,방명록 자동링크
	extendThumb: false,  //썸네일 확장
	newIcon: true,    	 //new 아이콘 변경여부
	preloader: false,    //프리로드 활성화
	searchTag: true,  	 //검색시에 우선순위태그를 보여줌
	searchTagCount: 8,   //보여줄 우선순위태그 갯수
	tbHide: true,        //트랙백숨기기
	timeChange: true    //포스트,댓글,방명록 날짜표기 변경 
	
}

각각의 옵션은 truefalse 값으로, 활성/비활성화 됩니다.

activeCate

티스토리에서 제공하는 카테고리의 현재 위치 표기가 불량이라 이를 지원하기 위해 새로 만든 옵션입니다. 이후에 티스토리측에서 정상적인 형태로 제공하게 된다면 비활성화 하시면 됩니다.

autoLink

댓글과 방명록에 링크형식(ex. http://www.tistory.com)의 문자들을 실제 클릭 가능한 링크로 변환하는 옵션입니다. 댓글이 많이 달리는 블로그라면 성능에 영향을 미칠수 있으며, 악의적인 링크연결을 방지하고 싶다면 비활성화 하세요.

extendThumb

홈화면 또는 카테고리 목록에서 유투브, 비메오, 다음tv팟, 사운드클라우드, 데일리모션과 같은 멀티미어 서비스들의 썸네일을 추가하는 옵션입니다. 관련 서비스들을 이용한 글을 주로 작성한다면 이를 활성화하세요.

newIcon

새 글을 알리는 NEW 아이콘을 변경하는 옵션입니다. 기존의 이미지형 아이콘은 세로 정렬에 한계가 있어 준비했지만 원치 않는다면 비활성화 하세요.

preloader

해당 스킨은 스크립트로 변경되는 부분이 존재하며, 이를 콘텐츠가 노출된 상태에서 변경되는 과정을 감추기 위해서 FOUC 처리가 기본으로 적용되어 있습니다. 다만, 로딩이 길어질 경우 빈 화면을 노출하고 있기에 기호에 따라 로딩 이미지로 대체할 수 있도록 이 옵션을 제공합니다. 활성화하면 페이지 로딩시에 아래와 같은 이미지가 제공됩니다.

searchTag

검색시에 보여줄 추천 검색어를 인기태그를 활용해 제공합니다. 해당 스킨이 기본적으로 태그를 인기태그로 변경하나 변경되지 않는다면 직접 관리 페이지의 화면설정 → 화면출력에서 사이드바 태그를 인기순으로 변경하시길 바랍니다.

searchTagCount

위의 searchTag 옵션 활성화시에 보여줄 추천 검색어의 갯수를 설정합니다.

tbHide

엮인글(트랙백)과 관련된 내용을 숨깁니다. 엮인글을 사용하시는 경우 비활성화 하세요.

  • 본문 하단의 엮인글 영역
  • 사이드바의 엮인글 영역

timeChange

날짜표기 방식을 2015.09.07 과 같은 방식에서 3개월전, 몇시간전과 같이 현재를 기준으로 지난 시간을 표기합니다.

기타 궁금하신 내용은 CCZ-CROSS 데모페이지에서 살펴보시기 바랍니다.

패치노트

파일을 수정할때 마다 위의 다운로드 파일을 갱신하고 있습니다. 스킨을 수정해서 사용하시는 분들은 전체를 변경하기 어려우실꺼라 생각되어 패치내역 을 따로 공개하고 있습니다.

스킨을 사용하시면서 발견되는 미흡한 부분에 대해서 많은 제보 부탁드립니다.

알려진 문제점

  • 각종 서식, 디자인의 스타일 및 위치정렬과 관련된 문제 - 2015.12.29/2015.12.31 패치
  • 댓글 및 방명록 작성후, 신규 댓글이나 답글을 작성할 수 없었던 문제 - 2016.01.04 패치
  • MAC 운영체제의 크롬브라우저에서 검색이 작동하지 않는 문제 - 티스토리측에서 확인중
  • 카테고리명에 '/' 문자가 들어있을 경우, 카테고리명 노출이 오작동을 일으킴(ex. C/C++) - ,& 같은 다른 문자 사용추천
  • 카테고리 및 검색결과등의 목록이 보이지 않는 경우 - 스킨을 적용한 후, 관리자 페이지의 꾸미기의 화면설정메뉴로 이동한 후 화면출력의 선택화면 글 목록의 갯수와 표기화면을 목록+내용으로 전환합니다. 이미 표기화면이 목록+내용으로 되어 있어도 다른 방식으로 변경후 저장하고 다시 목록+내용으로 변경해보세요.
  • 티스토리의 신고기능 업데이트로 인해 기존의 날짜표기 변경 기능이 정상적으로 작동하지 않습니다. 관련해서 업데이트 사항을 참고하세요.


신고

'티스토리 > 스킨배포' 카테고리의 다른 글

CCZ-CROSS 패치노트  (6) 2015.12.29
CCZ-CROSS 스킨 배포  (482) 2015.12.26

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. BlogIcon ResetDy 2017.03.02 23:19 신고

    감사합니다^^ 적용하고 사용해보겠습니다!

  3. BlogIcon 리빈아빠 2017.03.02 23:58 신고

    감사합니다. 쿠키 문제 였네요 ㅠ

  4. 2017.03.06 15:06

    비밀댓글입니다

    • BlogIcon 흉내쟁이 2017.03.06 15:39 신고

      말씀하시는 머리말 1,2가 <h1>,<h2> 태그를 말씀하시는 거죠?

      해당 태그에 대한 스타일이 따로 지정되지 않은 이유는 블로그 전체의 개요(아웃라인)를 고려해서 본문에서는 사용되지 않는 것을 전제해서입니다.

      여기서 말하는 개요란 아래처럼, 서적의 목차란에 해당한다고 생각하시면 됩니다.

      <h1>책제목 (블로그명)
      <h2>1단원 제목 (페이지제목)
      <h3>단락 제목 (본문단락제목)
      .....

      해당 스킨이 위와 같은 구조를 유념하고 만들어졌고, 이는 SEO(검색엔진최적화)에 유리한 방식입니다.

      그렇다고 <h1>이나 <h2>가 중복노출된다고 브라우저가 오류를 검출하진 않으니 원하시는데로 수정하셔도 됩니다.

      개요를 눈으로 확인해보시려면http://gsnedders.html5.org/outliner 를 방문하셔서 지금 이페이지의 URL을 입력해보셔요.

    • BlogIcon s87boyo 2017.03.06 15:43 신고

      꼼꼼한 답변 감사합니다. 궁금증이 해소되었습니다. 좋은 하루 보내세요^^

  5. BlogIcon 황색언론 2017.03.11 13:03 신고

    안녕하세요 여전히 스킨을 잘 쓰고 있는 황색언론입니다.

    스킨 옵션에 timeChange에 대해서 묻고 싶은데요.
    이것은 off로 설정하기 위해서는 스킨을 처음부터 다시 업로드해야하는지.. 궁금합니다.
    혹은 HTML/CSS에서의 수정만으로 가능한지요..

    • BlogIcon 흉내쟁이 2017.03.12 19:08 신고

      옵션 on/off 는 main.js 에서 담당합니다. main.js 파일만 파일업로드에 올려주심됩니다. 덮어쓰게 되는 거겠죠.

      이후에 브라우저 캐시삭제를 실행해주심 정상작동할 겁니다.

  6. 가르강티 2017.03.12 16:53 신고

    안녕하세요 멋진 스킨배포 감사드립니다~
    저도 잘 시용하고 있는데요. 한가지 궁금한게 있는데 이 스킨으로 쓴 포스팅은 네이버 검색결과에서 제목다음에 본문이 표시되는게 아니라 카테고리 혹은 tag내용이 표시되더라구요.
    다른 블로그들은 그자리에 본문이 나오고요.
    혹시 스킨에서 이부분을 설정할 수 있는건가요?
    네이버 검색에서 혹시나 불이익을 받을지 몰라서 그러는데
    평범한 블로그들처럼 검색결과에 본문내용이 검색되게 하는 방법이 있을까요?

    • BlogIcon 흉내쟁이 2017.03.12 19:26 신고

      네이버 검색옵션을 변경한게 아니시라면, 기본적으로 검색어에 해당하는 제목과 본문내용에서 검색어에 해당하는 키워드가 들어간 구문을 보여주죠.

      본문에 검색어에 해당하는 키워드의 구문이 없다면 말씀하신데로 태그나 카테고리명이 나올 가능성이 없진 않을 것 같군요.

      제 블로그의 글제목들을 네이버에서 검색해보아도 정상적으로 작동하고 있습니다. 스킨제작시 검색엔진최적화도 염두에 두었기때문에 검색에 도움을 받을 순 있지만 불이익과는 거리가 멉니다.

      검색엔진 최적화에 관심이 있으시다면 본문 글 작성시에도 헤딩(h3, h4)을 이용하여 작성하시면 도움이 될겁니다.

      http://ccz-cross.tistory.com/6 을 참고하시어 본문에 h3, h4 h5 태그를 사용해보세요. h1은 블로그명, h2는 글제목으로 구분되어 있습니다.

  7. BlogIcon 리릭시스트 2017.03.16 05:11 신고

    정말 최고의 스킨입니다 잘쓰겟습니다 감사합니다

  8. BlogIcon JoonDong 2017.03.21 11:52 신고

    멋진 스킨 배포해주셔서 감사합니다.

  9. BlogIcon steadily 2017.03.24 18:13 신고

    제작자님이 만든 스킨이 정말 마음에 듭니다. 앞으로도 멋진 작품 기대하겠습니다.
    감사히 잘 쓰겠습니다.

  10. 2017.03.27 03:58

    비밀댓글입니다

  11. BlogIcon 에이스토어 2017.03.29 15:42 신고

    우선 스킨 배포해주셔서 진심으로 감사의 말씀드립니다. ^^

    다운받아 적용해보았는데 Web 상에서 깨지게 나오는데 이유가 무엇인지 ㅠㅠ

    http://ahexagonstore.tistory.com/

    많이 바쁘시겠지만 답변 부탁드리겠습니다.

    감사합니다.

  12. BlogIcon 에이스토어 2017.03.29 15:44 신고

    우선 스킨 배포해주셔서 진심으로 감사드립니다.

    제 블로그에 적용해보았는데 왜 화면이 깨지면서 나올까요?! ㅠㅠ

    http://ahexagonstore.tistory.com/

    바쁘시겠지만 확인 부탁드리겠습니다.

  13. BlogIcon HappyChild 2017.03.31 09:45 신고

    스킨 너무 감사드립니다. 단순하면서도 산뜻하고, 무엇보다 로딩속도가 아주 빠른게 너무 맘에 드는군요.
    질문 2가지를 여쭙습니다.
    1. 본문글자 사이즈 조정
    CCZ-Cross 스킨에서 본문 글자사이즈를 기본적으로 12~14정도로 하고 싶은데 어떻게 조정하면될까요? 글자가 작아서 눈에 잘 안보여서요.

    2. 메인화면에서 이미지 좌측배치
    기본적으로 세팅을 하니 글 - 이미지 순서로 이미지가 우측배열입니다.
    여기 배포사이트도 우측정렬인데 카피캣츠님 블로그를 보면 좌측정렬이더군요.
    첫화면을 봤을때 이미지는 좌측이 나아보이는 듯하여 배치를 바꾸고싶습니다.

    • BlogIcon 흉내쟁이 2017.03.31 18:17 신고

      1. 모바일은 16px, PC는 14px 가 기본 글자크기입니다.

      style.css 파일의 body 에 값이 정해져있습니다. 본문글 영역만 변경하시고자 한다면, .post-content {} 부분을 찾아 모바일과 PC에서의 크기를 따로 지정해주시면 됩니다.

      2. 썸네일의 위치를 조정하고 싶으시다면 http://ccz-cross.tistory.com/31 의 썸네일 제어를 살펴보시면 됩니다.

    • BlogIcon HappyChild 2017.03.31 20:13 신고

      2. 번 은 참고하여 잘 변경하였습니다.
      1. 번은 css의 .post-content 항목들을 찾아보았는데 크기지정하라는 말씀이, 이미 지정된 값 수정이 아니라, 별도로 값을 주라는 말씀이신가요? css를 초보수준밖에 안되서 잘 모르겠습니만 좀더 살펴보겠습니다. 즐거운 주말 되십시요.

    • BlogIcon HappyChild 2017.03.31 20:17 신고

      font-size: 18px; 를 원하는 곳에 추가하니
      크기가 변경되네요.
      고맙습니다.
      브라우저의 영향인지,, 14도 큰 사이즈라 생각되었는데 기본사이즈가 14였다는게 ..
      18정도 하니 좀 시원하게 보입니다.^^
      네이버 웨일 브라우저 사용중입니다.

  14. BlogIcon HappyChild 2017.03.31 10:03 신고

    한가지더 추가질문 드릴께요.
    3. 댓글 방명록의 Autolink , 외 본문의 Autolink 기능
    설명서를 보니 댓글 방명록의 링크 의 경우 오토링크를 제공하는데요. 혹시 본문에서의 링크도 오토로 할 수 있는지요? 장단이 있겠습니다만 글 작성자가 본문에 링크주소를 넣을 경우에도, 오토링크로 제공된다면 편할 것 같습니다.

    • BlogIcon 흉내쟁이 2017.03.31 18:22 신고

      일단 본문 글 작성시에는 에디터를 사용할 수 있기에 링크삽입이 자유롭고, HTML 모드도 사용 가능하여 직접 태그로 추가도 가능합니다.

      방명록이나, 댓글의 경우 에디터 및 HTML 모드를 사용할 수 없기에 Autolink 기능을 삽입한 것이죠. 삽입된 Autolink 또한 완벽하지 않고 단순한 링크의 경우를 전제로 링크가 만들어집니다.

      또한 autolink 적용을 위해 페이지에 보이는 모든 방명록과 댓글들을 문자별로 검색하고 치환하는 과정을 거치기에 성능에 악영향을 줍니다. 만약, 본문 글에 이 기능이 삽입된다면 더더욱 성능에 악영향을 미치겠고, 링크로 표기하고 싶지않은 영역도 영향을 받을수 있습니다.

    • BlogIcon HappyChild 2017.03.31 20:11 신고

      고맙습니다. 성능을 위해서라면 넣지 않는게 맞습니다. 답변 감사드립니다

  15. BlogIcon 보리노조 2017.04.05 16:23 신고

    감사한 마음으로 잘 쓰도록 하겠습니다. 감사합니다.

  16. BlogIcon aim 2017.04.26 14:03 신고

    감사합니다. 멋진 스킨 잘 사용하겠습니다^^

  17. 2017.05.04 16:36

    비밀댓글입니다

  18. BlogIcon 아디랑 2017.05.06 03:31 신고

    안녕하세요, 예쁜 스킨 정말 감사합니다!
    배포받고 적용시켰는데 문제는 화면이 깨집니다. 어떻게 해야 할까요 ㅜ
    답변 부탁드립니다~!
    http://wadesign.tistory.com

    • BlogIcon 흉내쟁이 2017.05.07 12:45 신고

      안녕하세요~.
      페이지에 접속해보니 파일들을 제대로 올리시지 않으신것 같네요.

      images 안에 파일들이 전부 로드되지 않았습니다. 모두 업로드하셔야 됩니다.

    • BlogIcon 아디랑 2017.05.07 14:52 신고

      아~ 제가 images를 폴더 통채로 올린게 문제였네요! 감사합니다 :) 잘 쓰겠습니다!

  19. BlogIcon 작은건담군 2017.05.18 14:06 신고

    안녕하세요, 이제 막 시작하는 블로거 입니다
    먼저 CCZ-CROSS 스킨을 공유해주신 점 정말 감사합니다
    HTML5/CSS에 문외한이다보니 무작정 적용하고 시작했는데 난관에 부딪혀서 조언을 구하고자 댓글 남깁니다
    블로그 링크 : http://smallgundam.tistory.com/
    포스팅을 작성하고 전체보기나 카테고리 보기 등을 통해 글을 보면 썸네일이 표시되지 않는데 혹시 오류가 있는걸까요?
    기본 스킨에 http://codingrun.com/ 코딩런 블로그에서 소개된 일부 팁을 적용한 것이 전부입니다

    • BlogIcon 흉내쟁이 2017.05.18 14:26 신고

      안녕하세요.
      썸네일관련문제는 치환자 입력이 정확히 이루어 졌는지 확인해보셔야 할듯 합니다.

      수정하신 썸네일 치환자부분의 주소가 "//i1.daumcdn.net/thumb/S240x180/?frame=" 에서 끊기는데 원래는 frame= 뒤에 무언가가 더 있어야 겠지요. 정확히 수정하셨는지 다시 확인해보세요.

      그리고 방문자가 봤을때라는 것이 티스토리에 비로그인시를 말씀하시는 것이라면 정상적으로 NOTICE 영역에 두개의 공지글이 올라와져 있고 두개의 포스팅이 노출되고 있습니다.

    • BlogIcon 작은건담군 2017.05.18 16:03 신고

      감사합니다!
      옮겨적는데 있어서 오타 및 빠진 부분이 있었네요 ㅠ
      대댓글을 보셨군요 ㅠ
      그건 바로 다시 확인해보니 기본적인 것에서 실수를 해서 금방 수정했었습니다
      정말 감사합니다 ㅠ

  20. BlogIcon 작은건담군 2017.05.20 17:56 신고

    안녕하세요, 흉내쟁이님
    공유해주신 CCZ-CROSS 스킨을 적용하여 점차 적응하고 있는 블로거입니다
    제가 아직 티스토리에 대해 잘 알지못하거나 모르는 부분 또는 스킨에 대한 지식 부족으로 한가지만 더 여쭙고자 합니다
    일단 이 게시글을 한번 봐주시면 참고가 되실거 같습니다(http://smallgundam.tistory.com/22)
    티스토리에서 글을 작성하면서 사진을 넣을때, 사진 기능(?)으로 2장 또는 3장씩의 사진을 한번에 삽입하는 것이 있는데 이걸 활용하면 사진이 본문 영역에서 벗어나서 짤려버려는 현상이 있습니다
    제가 생각한건 본문 영역에 맞게 축소되어 나타날 줄 알았는데 아니더라구요
    한장의 사진의 경우엔 사이즈가 크더라도 영역에 맞게 되는데 저 기능(?)을 이용하면 문제가 됩니다
    혹시 해결 방법이 있거나 아니면 원래 스킨에서 이 부분이 적용안되는 것인지 궁금합니다

    • BlogIcon 흉내쟁이 2017.05.20 18:01 신고

      안녕하세요!
      문의하신 부분은 http://ccz-cross.tistory.com/5 에서 이미지배치부분에 설명되어 있습니다.

      2장, 3장 사진을 삽입시 티스토리에서는 자동으로 테이블구조를 만들어 배치합니다.
      이것이 반응형에서 정상작동하지 못해서 삽입후 클래스명을 추가하는 식으로 스킨을 구성하였습니다.

  21. BlogIcon 작은건담군 2017.05.20 20:53 신고

    우와! 답변 주셔서 감사합니다ㅠ
    알려주신 방법으로 HTML을 수정하니깐 본문 영역에 맞게 이미지가 배치되었습니다 ㅎ
    그런데..ㅠ 또 다른 문제가 발생했습니다
    적용하니깐 이번엔 각 이미지마다 아예 절반가량 짤려버리는 현상이 발생합니다 ㅠ
    알려주신 링크엔 이에 관한 내용은 없더라구요..ㅠ
    사소한 것일수 있는데 번거롭게 해서 죄송합니다;;

    • BlogIcon 흉내쟁이 2017.05.20 21:10 신고

      기본적으로 듀얼, 트리플의 너비와 높이값은 16:9 비율입니다.

      style.css 파일에서
      table.dual .imageblock,
      table.triple .imageblock {
      ...
      padding-top: 56.25%;
      }
      위의 padding-top이 높이에 관여하는 부분입니다. 해당 값을 1:1 은 100%; 2:1은 50%, 1:2는 200%, 4:3은 75%의 값으로 수정할 수 있습니다.

      다만, 현재값을 수정하시면 해당 비율에 맞지 않는 이미지들은 하단에 공백이 늘어나니 새로이 클래스명을 임의로 추가하여 원하시는 값을 필요로하는 곳에 조정된 값이 적용되도록 수정하는 것을 추천합니다.

      가령 이미지비율이 1:2인 이미지 두장을 연속 배치할때는
      table.dual.my-2by1 {
      padding-top: 200%
      }
      와 같이 스타일을 작성하시고 테이블에
      class="dual my-2by1" 과 같이 작성하는 것이죠.

    • BlogIcon 작은건담군 2017.05.20 21:15 신고

      아하! 완벽하겐 아니지만
      대략적으로 이해가 됩니다

      즉, 단순한 값수정을 통해 적용하기보단
      새로이 클래스를 만들어서
      각 비율별로 미리 대처하는게 좋다는 것이군요!

      늦은 시간인데 너무 감사합니다 ^^

티스토리 툴바