목록알쓸전컴 (343)
알쓸전컴(알아두면 쓸모있는 전자 컴퓨터)
vue js component export cdn 파일와 npm export 해당 내용은 참고 자료 : https://dzone.com/articles/how-to-publish-your-vuejs-component-on-npm 해당 내용 한국 번역 : https://steemit.com/vue/@stepanowon/vue-npm Vue 컴포넌트를 npm에 게시하기Vue로 개발하다 보면 만들어진 Vue 컴포넌트를 npm registry에 배포하여 npm install 또는 yarn add 명령어로 어디서나 내려받아 사용하기를원하는 경우가 있습니다. 이 방법을 통해 자신이 만든 Vue 컴포넌트를 손쉽게 공유할 수 있습니다. 이 아티클에서는 여러분이 만든 컴포넌트를 Github에 게시하고 이것을 npm re..
마우스 오버 애니메이션 vue component
마우스 오버 애니메이션 vue component https://aminerman.com/playground/vuejs-mouse-parallax/
이미지를 wheel zoom 기능 https://github.com/jackmoore/wheelzoom 이미지를 휠줌 할수 있는 opensource 사이트 입니다.
javascript groupby 메소드 정리 아래가 메소드 이며 groupBy(list, keyGetter) { const map = new Map(); list.forEach((item) => { const key = keyGetter(item); if (!map.has(key)) { map.set(key, [item]); } else { map.get(key).push(item); } }); return map; } 사용은 this.machine_lists_map = this.groupBy(this.machine_lists,machine_codes=>machine_codes.machine_code); 위와 같이 배열을 넣어 주고 group by 할 인자를 2번째에서 함수를 작성해 줍니다.
cafe24 쇼핑몰 모다파이어 사용 모디파이어란?변수들의 데이터 형태를 다양화하기 위해 여러 형태의 모디파이어를 제공합니다. 디자인 편집창에서 변수의 "}" 전에 |(shift + ￦) 를 사용하면 모디파이어 목록이 나옵니다. 모디파이어 고급편 모디파이어 초급편을 이해하셨다면 아래의 여러가지 모디파이어를 통해 다양하게 변수를 활용해 보세요! 모디파이어 바로가기 ▶Cover Cut Date Imgconv Strconv Nl2br Numberformat replace striptag timetodate lower upper display1. Cover문자열이 존재할 경우 해당 문자열을 감싸는 역할을 하는 문자를 설정하게 합니다. 사용방법) {$foo|cover:(,)} |cover:앞에 감쌀문자,뒤에 감쌀문..
cafe24 쇼핑몰 디자인 솔루션 메뉴얼 http://sdsupport.cafe24.com/guide.html 해당 쇼핑몰에서 자료를 상세하게 찾아 볼수 있으며 사전 지식으로논 html,css,javascript,jquery 등이 기본적으로 필요하다 .
cafe24쇼핑몰 모듈의 반복문 게시판 목록, 제품 노출 갯수 등 반복횟수를 설정하는 부분은 총 3가지 입니다. 여러가지가 중복되서 사용되면 $only_html > $count > DB의 카운트 설정으로 우선 순위가 정해집니다.1. 주석옵션 - $only_html2. 주석옵션 - $count3. DB의 카운트 설정// 아래와 같은 경우 반복횟수는 5회입니다. {$title} {$title} {$title} // 아래와 같은 경우 반복횟수는 3회입니다. {$title} {$title} {$title} // 아래와 같은 경우 반복횟수는 DB의 설정을 따릅니다. 만약 DB 설정이 없는 경우 html 반복단위의 반복횟수를 따릅니다. {$title} {$title} {$title} [반복문의 원리] 1. 반복되는..
cafe24 쇼핑몰 변수와 모듈의 이해 설명이 잘나와 있어서 기존 페이지 내용을 그대로 적겠습니다. 변수란? 스마트디자인을 사용하다 보면 "변수"라는 용어를 자주 접하게 됩니다.각각의 변수들은 특정 모듈안에서 사용되며, 어드민 기능과 연동되는 쇼핑몰의 다양한 기능들을 변수 화 한것입니다. 변수는 {$" 와 "}" 로 감싸는 형태로 만들어 집니다.아래의 이미지를 보시면 알기 쉽게 설명되어 있습니다. 메인 화면의 예를 들어보겠습니다. 아래 소스는 메인화면의 추천상품 소스 입니다. "product_listmain_1" 이라는 특정 모듈(module)안에서 상품목록에서 사용되어지는 변수와 태그들로 구성되어있습니다.여러가지 변수가 있지만 간단하게 3개의 변수로 예를 들어보겠습니다.* {$category_title..
cafe24 쇼핑몰 레이아웃 cafe24 쇼핑몰에서는 크게 레이아웃과 컨텐츠 영억이 나누어 지는데 레이아웃의 버튼들에서 어떤 행위를 하면 대체적으로 컨텐츠 영역에서 보여준다. 레이아웃 소스와 콘텐츠 영역 소스가 분리 되어 있다 . 요기 부분을 눌러 주면 레이아웃이 있는 소스 로 들어 간다. 그렇게 되면 보시다 시피 콘덴츠 영역은 빈 공강으로 나오고 레이아웃 소스만 보이게 된다. 그리고 나서 콘텐츠 영역은 해당 소스부분에 입력 되어 화면에 보여지게 됩니다 .