인공지능(Copilot)을 이용한 풀페이지(fullpage) 코드 생성

홈페이지를 방문하다 보면 마우스 휠로 화면을 내리거나 올릴 때 한 섹션씩 이동하는 효과를 가끔 볼 수 있습니다.이를 풀페이지 효과라고 부르는데, 보통 fullPage.js를 이용해 제작하는데 이번에 Copilot에 해당 코드를 작성하게끔 해봤습니다. Header Section 1 Section 2 Section 3 Footer 나온 코드에 Header와 Footer부분만 추가했습니다.예전에 fullPage.js 사용 안 하고 코드 작성했을 때는 엄청 길었던 것 같은데 몇 줄 안 되는 자바스크립트 코드로 가능하네요. 스크롤링 효과는 잘 되는데 가끔 Section1에서 3으로 이동하는 경우가 생기네요.Copilot에서도 마지막 부연 설명에 더 많은 기능을..

2024.07.11