2023.04.18

 

장고 심화과정 강의를 듣게 되었다

여유롭게 보려다가 미쳐 마무리하지못한 기초과정을 마무리하고 심화과정에 도입하려한다

이번 팀프로젝트는 여러면에서 아쉬움이 남았다

팀원도 그러했는지 찜찜하게 남았던 부분을 고치는 코드를 짜내어 보여주었다

const link_a = document.querySelectorAll('.link a');
const home_a = document.querySelector('.home_a')
// let close = true;

home_a.addEventListener('click', function () {
    link_a[0].classList.add('active1');
    for (let i = 1; i <= 4; i++) {
        link_a[i].classList.remove('active1');
    }
    localStorage.setItem('activeLink', link_a[0].href);
});

link_a.forEach(function (t, i) {
    t.addEventListener('click', function (e) {
        close = true;

        for (const n of link_a) {
            n.classList.remove('active1');
        }

        if (close == true) {
            link_a[i].classList.add('active1');
            close = false;
            localStorage.setItem('activeLink', t.href);
        } else {
            close = true;
        }
    });
});

if (localStorage.getItem('activeLink')) {
    const activeLink = localStorage.getItem('activeLink');

    link_a.forEach((link) => {
        if (link.href === activeLink) {
            link.classList.add('active1');
            localStorage.removeItem('activeLink');
        }
    });
}

네비게이션을 통해서 목록을 넘나드는데 눌린채로 고정되있는 문제가 있었는데 그걸 수정해주는 코드이다

기약없는 말이지만 나중에 시간이 남고 능력이 된다면 완성이란 말이 아깝지 않게 만들어 내고 싶은 프로젝트였다

팀원의 열의가 헛되이지 않도록 나도 힘을 보태고 싶다