vue.js

API 문서 링크 https://v3.nuxtjs.org/guide/directory-structure/nuxt ⭐ 제가 생각하는 개발할 때 많이 건드는 횟수, 중요도는 별 갯수로 표시했어요! (1~5개) ⭐ .nuxt ⭐ 개발 서버가 빌드된 폴더입니다. ssr 형태로 server, client가 모두 빌드되며, auto import, 자동완성을 위한 d.ts 파일들이 생성됩니다. 개발하면서 건들 일은 없어요! .output ⭐ yarn generate 시 생기는 실제 프로덕션이 빌드되는 폴더입니다. 안에 index.html이 있으며 정적 파일들이 생성됩니다. 호스팅 할 때 필요합니다. api ⭐⭐⭐⭐ Axios interface와 service들이 있는 폴더입니다. 백엔드에 http 요청을 보내는 ap..

Vue3: 프론트엔드 개발 프레임워크 Nuxt: Vue 개발 프레임워크, SSR 적용, SEO 적용, 개발 생산성 증가. 메타데이터, 쿠키 등의 솔루션 또한 제공 Quasar: 가장 대중적인 Vue UI 프레임워크(Capacitor 지원) Vite: 프론트엔드 웹팩, 롤업 등 패키지 관리 프레임워크 Vitest: Vite에서 제공하는 테스트 라이브러리(Jest와 같은 성격의 통합 테스트 툴) Pinia: 글로벌 스토어 라이브러리(Vuex, Redux와 같은 성격) Axios: 자바스크립트에서 가장 대표적인 RestAPI 라이브러리 Capacitor: 아이오닉을 이용해 앱, 웹, PWA 등 거의 모든 프론트 디바이스의 빌드를 지원하는 툴

캘린더 라이브러리를 쓰다가 문득 직접 만들어 보고 싶어서 vue3로 커스텀 캘린더를 만들었습니다. 뭔가 옛날스런 느낌으로 만들고 싶었기에 조악한 디자인... 을 갖고 있지만ㅋㅋㅋㅋㅋㅋ 소스코드 시작: {{ option }} {{ option }} {{ option }} ~ 끝: {{ option }} {{ option }} {{ option }} 생각보다 소스코드가 긴데 간단합니다. 기본적으로 Date() 객체를 사용하여 핸들링 했으며 윤년처리, 시작과 끝 날짜 에러 처리, 날짜 스트링 처리 등의 코드로 양만 많은 것이므로 쫄 것 없이 읽어보면 쉽게 이해됩니다.