[project] 웹 포트폴리오 사이트 만들기 _ JS contact me 버튼 클릭 후 스크롤

어제와 마찬가지로 Home에 있는 "contact me" 버튼을 누르면 Contact 탭으로 스크롤 다운하게 하는 기능을 추가하였다.

const scrollTo = document.querySelector('#contact');
scrollTo.scrollIntoView({behavior: 'smooth', block: 'center'});

위의 두가지 코드가 반복되어 이를 하나의 function으로 만들어주고, 기존 코드블럭을 function값으로 수정해 준다.

function scrollIntoView(selector) {
    const scrollTo = document.querySelector(selector);
    scrollTo.scrollIntoView({behavior: 'smooth', block: 'center'});
}