API2 NextJS에서 AOS 라이브러리 사용하기 AOS Library Install터미널에서 AOS를 설치해줍니다.npm install --save aos@next 또는yarn add aos@next 정상적으로 설치가 완료된 것을 확인하기 위해 setting.json 파일에서 "aos": "^3.0.0-beta.6"를 확인합니다.Next 환경으로 돌아와 다음과 같이 AOS를 import 해줍니다.import AOS from 'aos';import 'aos/dist/aos.css';export default function TEST() { AOS.init(); return ( TEST );} AOS Option더 자세한 내용은 AOS Github에서 확인하실 수 있습니다.AOS Github, AOS Site 👍너무나 쉽게 .. 2024. 4. 25. NextJS에서 카카오지도 넣기 Kakao map API Install터미널에서 지도 SDK를 설치해줍니다.npm install react-kakao-maps-sdk 또는yarn add react-kakao-maps-sdk 정상적으로 설치가 완료된 것을 확인하기 위해 setting.json 파일에서 `react-kakao-maps-sdk`를 확인합니다.Kakao developers 등록하기 kakao developers에서 시작하기를 누르고 로그인을 완료해줍니다. 애플리케이션을 추가해줍니다. 애플리케이션을 추가하고 해당하는 앱 키가 있는데 저는 JavaScript 키를 사용했습니다. 상단 네비게이션 바의 문서를 클릭하고 밑으로 내려 지도로 이동해줍니다. 이후 들어간 화면에서 지도 SDK 웹 .. 2024. 4. 23. 이전 1 다음