FrontEnd

shadcn/ui란 컴포넌트 라이브러리가 아닌 Radix UI 및 Tailwind CSS를 사용하여 이미 구축된 컴포넌트를, 직접 복사해서 프로젝트에 붙여주는 도구이다. 즉, 라이브러리가 아닌 일종의 코드생성기 이다. > RadixUI 란? 고품질의 접근성 높은

Google Font에서 제공하는 폰트를 TailwindCSS환경에 적용하는 방법에 대해 정리해보았다. 가령 Nanum Pen Script와 Dancing Script 2종류의 폰트를 사용려한다. 해당 폰트의 css 파일을 불러오기 위해서는, 아래 2가지 방법중 하나를 사용하면된다. html `` index.html 파일의 ``에 아래 코드를 추가...

중앙 정렬 + 최대 폭 제한 레이아웃 위와 같은 레이아웃에서는 스크린의 가로 너비에 따라 최적의 가독성과 레이아웃 안전성을 제공하기 위해, 다음과 같은 원칙을 따른다. 스크린의 가로 너비에 따라 내부 콘텐츠와 마진이 유동적으로 변한다. 화면 너비가 일정 이상일 경우 → 콘텐츠 너비는 고정되고, 남는 영역은 좌우 마진(margin)으로 자동 배분...

1. 소개 PWA (Progressive Web App)는 웹 기술(HTML, CSS, JavaScript)을 사용하여 만든 앱이지만, 네이티브 앱처럼 설치되고 작동할 수 있도록 해주는 웹 어플리케이션이다. React Native등을 사용하여 앱을 만드는것도 가능