전체 글

layouts/ · Nuxt Directory StructureNuxt provides a layouts framework to extract common UI patterns into reusable layouts.nuxt.com layouts 디렉토리 생성 후 하위에 파일 생성   app.vue    layouts/container.vue slot 부분이 content가 들어갈 구역

Dayjs · Nuxt ModulesDay.js module for Nuxtnuxt.com  설치npm i nuxt-dayjs   nuxt.config.tsexport default defineNuxtConfig({ modules: [ 'dayjs-nuxt' ]})   composablesuseDayjs composable로 dayjs를 사용할 수 있다.const dayjs = useDayjs()dayjs.locale('fr')   configurationdayjs 기본 설정export default defineNuxtConfig({ modules: ['dayjs-nuxt'], dayjs: { locales: ['ko', 'en'], plugins: ['timezone'], ..

즉, 제 말은 글자 수가 한 줄 일 때는 평범하게 가운데 정렬로 나오고 글자 수가 2줄 이상일 때는 최대 2줄로 제한을 하고 초과된 내용을 숨기고 싶다는 의미입니다. 글자 가운데 정렬을 위해서는 flex 속성을 사용하고, 라인 수 제한을 위해서는 -webkit-line-clamp 속성을 사용합니다. -webkit-line-clamp - CSS: Cascading Style Sheets | MDN-webkit-line-clamp CSS 속성은 블록 컨테이너의 콘텐츠를 지정한 줄 수만큼으로 제한합니다.developer.mozilla.org 그런데 이제… 이 친구들은 display에서 겹치게 됩니다. 즉, 한 번에 한가지 밖에 사용을 못 하는 거죠. 그렇다면 어떻게 해야 하냐… 상위 속성에는 flex를 통해 ..