TechScribe Notes

1. vue 세팅하는 여러가지 방법1) CDN package 로 import하기 : 학습이나 프로토타입 만들 때script src="https://unpkg.com/vue@next">script>script src="https://unpkg.com/vue@3.2.31">script> 2)npm을 이용하는 방법 :대규모 애플리케이션을 구축할 때 권장. NPM은 Webpack 또는 Browserify와 같은 모듈 번들러와 잘 작동함.npm install vue@3.1.9 // 터미널에 입력 그러나 npm이용할 때 겪은 우여곡절.(1) 일단  homebrew 설치 homebrew - 맥, 리눅스용 패키지 관리자. 편리하게 이용 가능하지만 패키지의 안정성이 보장되지 않는 단점이 존재하긴 함https://brew..

1. 프로젝트 내용 git clone 해오는 방법터미널에 아래 처럼 차례대로 입력하기git clone 깃 주소cd {repo-name} 로컬 프로젝트 폴더로 이동 후 npm installnpm start / npm run dev (로컬페이지로 보기)  2.ts 와 tsx 차이 (Typescript)-ts는 typescipt만 사용할 경우의 확장자-tsx는 react component와 함께 사용하는 경우tsx는 JSX문법을 사용 가능하지만 ts는 불가능하며 오직 typescirpt만 가능!!

var lastDigit = window.location.href.substr(-1); // URL의 마지막 숫자 추출    $('.side_menu li').removeClass('on')    if (lastDigit == 4) {        $(".side_menu li").eq(2).addClass('on');    } else if (lastDigit == 6) {      $(".side_menu li").eq(1).addClass('on');    }    //현재 url체크 해서 borad_no에 따라 메뉴 리스트 진한 글씨체 스타일링    //페이지네이션 활성화해도 유지됨    var urlParams = new URLSearchParams(window.location.search);v..

카페24에서 1+1상품 같은 경우는 그냥 옵션값이 두번 보이는 식으로 중복되는게 싫어서 없애버리는 코드를 작성함 function checkColor(){    $('#grid1-2-4 li').each(function() { //각각 li를 체크함        var titles = {};//titles라는 빈 배열 생성        $(this).find('.color span').each(function() { //각 li안에 있는 컬러칩을 담은 요소 체크            var title = $(this).attr('title');//그 요소에는 title이라는 속성명이 있어서 이것으로 구분            if (titles[title] === undefined) { //titles배열에 ..

카페 24 모바일에는 없는 기능이라 강제로 기존에 존재하던 슬라이드버튼을또 다른 슬라이드로 만들어 준 뒤 적절히 배치 해서 썸네일에 있는 이미지를 네비게이션 이미지로 가져오도록 하는 작업을 함. 카페 24가 아니었으면 하드코딩으로 금방 가능할 내용이지만그래도 이왕 해본 거 기록해봄 function thumbnail_navi(){  //클래스 때려넣어서 슬라이드 만들기  $('.typeSwipe').addClass('swiper');  $('.typeSwipe').addClass('thumb-slider');  $('#xans-product-mobileimage-swipe-button-0').addClass('swiper-wrapper');  $('.circle').addClass('swiper-slide..

📖window.location 객체에 대한 내용https://august5pm.tistory.com/8  1. 카테고리 별로 상단에 배너 삽입하는 코드    var url = window.location.href;// 'category/' 뒤에 있는 두 글자를 추출var categoryIndex = url.indexOf('category/') + 'category/'.length;var cate_no = url.substr(categoryIndex, 3);//카테고리 넘버가 3자리var cate_no2 = url.substr(categoryIndex, 2); //카테고리 넘버가 2자리 // 카테고리 배너    if(cate_no == 119){      $('.banner').prepend('');  ..