54번 개발일지(대구AI스쿨 90일차)

22.07.27

멘토링을 하고나서 팀원 1명이 AI스쿨 중도 포기를 한다고 얘기했다. 되게 많이 해놓고 나가셨기 때문에 내 파트가 끝나면 할 계획이다. 지도 api를 쓰는 부분인데 조금이나마 나에게 도움이 되지 않을까 싶은 마음 때문이다. 그리고 나는 RESOFT NEWS 부분에 mouseover & mouseout 기능을 추가했다. github 업로드하고 동작하는걸 확인해서 다음 작업으로 넘어가면 될 것 같다.

const content_function = function() {
    for(let i = 0; i < 4; i++) {
        content[i].addEventListener('mouseover', (e) => {
            e.preventDefault();
            content_img[i].style.transform = 'scale(1.3)';
            content_img[i].style.transitionDuration = '0.5s';
            content_p[i].style.color = '#0064CD';
        });
        
        content[i].addEventListener('mouseout', (e) => {
            e.preventDefault;
            content_img[i].style.transform = 'scale(1.0)';
            content_p[i].style.color = '#1E1E1E';
        });
    }
}

참고자료

• 수아뎁 - mouseover와 관련 css