오늘은 tailwind에 대해서 정리해보려고 한다. 내가 아는 css 프레임워크는 bootstrap밖에 없었는데,, 회사에 오니까 정말 다양한 것들이 많다는 것을 알게되는 것 같다. 역시 개발자,, 멋진 직업,,👍✨ Tailwind CSS 설치하기 Installation - Tailwind CSSThe simplest and fastest way to get up and running with Tailwind CSS from scratch is with the Tailwind CLI tool.tailwindcss.com 우선 VSCode에서 터미널을 열고 아래 명령어를 입력해준다. (Nuxt.js 3 로 개발중입니다.)npm install -D tailwindcssnpx tailwindcss init두..

오늘은 Nuxt3에서 'Lottie'라는 라이브러리를 사용해보려고 한다. 🔮 LottieAirbnb에서 만든 애니메이션 라이브러리로, JSON 기반의 애니메이션 파일이다. 벡터 기반의 애니메이션을 JSON 파일로 변환해 주기 때문에 GIF특유의 버벅거림 없이 부드러운 애니메이션을 구현할 수 있으며 용량이 적고, 크기를 조정해도 해상도가 낮아지지 않는 특징이 있다. Lottie 애니메이션은 무엇일까요? - 로티파일즈Lottie는 JSON 기반의 애니메이션 포맷으로, 어느 기기와 플랫폼에서든 사용할 수 있습니다. LottieFiles을 통해 Lottie 애니메이션을 생성하고 편집하고 테스트할 수 있으며, 다른 사람과 협업하고 전lottiefiles.com 🔮 Lottie 다운로드우선 원하는 애니메이션을 ..

💡 Nuxt.js 란?Nuxt.js는 Vue.js로 빠르게 웹을 제작할 수 있게 해주는 프레임워크로, SSR Vue.js 어플리케이션을 위해 개발되어 클라이언트 측과 서버 측 사이에서 개발하는데 도움을 주는 많은 기능을 제공한다.SSR의 개념은 아래 글을 확인하자 : ) 기본 HTML 파일을 하나로 두는 것다른 페이지로 이동할 때 필요한 부분만 수정하여 작성한다. 🗸 MPA [ M" data-og-host="yundi.tistory.com" data-og-source-url="https://yundi.tistory.com/59" data-og-url="https://yundi.tistory.com/59" data-og-image="https://scrap.kakaocdn.net/dn/bxGIwD/hy..