1. inner.html 파일에서 아래 코드 추가

내부 iframe 문서

2. outer.html 파일에서 아래 코드 추가

iframe을 감싸고 있는 외부 문서

• file > settings > ESLint 검색 후 Disable EsLint로 설정

누가 코드를 만들었는지 history 기록보는법

• 좌측 넘버링쪽에 마우스 우클릭 후 Annotate 클릭하면 나옴

tag 클릭 시 좌측 색깔로 라인 나타나는거 없애는 방법

• Editor > General > Appearance > Enable HTML/XML tag tree highlighting 체크 해제

우측 스크롤바 마우스 hover시 코드 확대되는거 없애는 방법

• Editor > General > Appearance > Show Code lens on scrollbar hover 체크 해제

script 태그부터 태그닫기까지 안에 코드들 배경색 회색으로 되는문제 제거

• 컨트롤+쉬프트+A -> 검색에 script tag 라고 입력 -> vue: Duplicate template/script tag -> OFF

git 토큰만료되었을때

• Setting > Version Control > GitHub > 해당계정 로그인 > 패스워드로 말고 Enter token 으로 받은 토큰값 삽입 후 로그인 후 Apply

    <?php if (!$_COOKIE['view_modal5']) { ?>
    <div class='pop_layer_modal_new2'>
        <div class='contents_modal2 contents_modal_1' style='top:10px;left:350px;'>
            <a href='javascript:notice_go();' target='_self'>
                <img src='https://wtm21.com/images/popup/closed500_20220901-3.jpg' />
            </a>
            <a class='close_x' href='#'>X</a>
            <p>
                <input type='checkbox' id='check_modal5' />&nbsp;24시간동안 표시되지 않습니다.
            </p>
        </div>
    </div>
    <?php } ?>

var today = new Date(); let popup = document.querySelectorAll('[data-expired]');

for(var i = 0, size = popup.length; i < size; i++) {
    // 문자열을 공백, -, : 으로 나눠서 배열로 저장
    var d = popup[i].getAttribute('data-expired').split(/[\s,\-:]+/);
    var expired_date = new Date(d[0], d[1] - 1, d[2], d[3] || 24, d[4] || 0);

    if(today < expired_date) {
        todayOpen('agreePopup');
        // popup[i].style.display = 'block';
    } else {
        popup[i].parentElement.removeChild(popup[i]);
    }
}

// 창열기
function todayOpen(winName) {
    var blnCookie = getCookie(winName);
    var obj = eval("window." + winName);
    if (!blnCookie) {
        obj.style.display = "block";
    } else {
        obj.style.display = "none";
    }
}
// 창닫기
function todayClose(winName, expiredays) {
    setCookie(winName, "expire", expiredays);
    var obj = eval("window." + winName);
    obj.style.display = "none";
}
// 쿠키 가져오기
function getCookie(name) {
    var nameOfCookie = name + "=";
    var x = 0;
    while (x <= document.cookie.length) {
        var y = (x + nameOfCookie.length);
        if (document.cookie.substring(x, y) == nameOfCookie) {
        if ((endOfCookie = document.cookie.indexOf(";", y)) == -1)
          endOfCookie = document.cookie.length;
        return unescape(document.cookie.substring(y, endOfCookie));
    }
        x = document.cookie.indexOf(" ", x) + 1;
        if (x == 0)
            break;
    }
    return "";
}

// 24시간 기준 쿠키 설정하기, 만료 후 클릭한 시간까지 쿠키 설정
function setCookie(name, value, expiredays) {
    var todayDate = new Date();
    todayDate.setDate(todayDate.getDate() + expiredays);
    document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
$('.popup').each(function() {
    let self = this;
    $(this).find('.popup-close .x-btn').on('click', function() {
        $(self).remove();
    })
});

npm cache verify 입력 후 npm install 입력 -> 에러가 계속 발생한다면 npm cache clear --force

1. npm install swiper@5.4.5
2. npm install swiper vue-awesome-swiper@4.1.1
3. import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import "swiper/css/swiper.css";
4. Slide 1 Slide 2 Slide 3 Slide 4 Slide 5

data() { return { swiperOption: { slidesPerView: 4, spaceBetween: 30, autoplay : { delay : 3000, disableOnInteraction : false, }, pagination: { el: '.swiper-pagination', clickable: true } }, } },

C:\xampp\apache\conf => httpd.conf 파일에 Listen 포트번호 설정

C:\Windows\System32\drivers\etc => 로컬 도메인 설정 (hosts파일)