Tailwind CSS IntelliSense 설치 및 자동완성 오류 해결법| VSCode

VSCode에디터에서 Tailwind CSS의 자동완성을 도와주는 IntelliSense확장프로그램 설치하면 Tailwind 문법을 사용할 때 일부만 입력해도 자동완성이 되거나 실제 css스타일을 미리 보는 등 굉장히 편리하게 사용할 수 있습니다. 근데 직접 설치해보니깐 설치를 해도 자동완성이 되지 않아서 문제 해결 방법을 찾아보다가 몇 가지 설정이 필요한 걸 알게 되어 설치 방법부터 자동완성 오류 해결 방법까지 공유해드리려고 합니다. Tailwind CSS IntelliSense 설치아직 Tailwind CSS IntelliSense 확장프로그램을 설치전이면 VScode 좌측메뉴 extensions에서 설치합니다. 저는 이미 설치가 되어있기때문에 Disable라고 표시되지만 최초 설치 시에는 insta..

• format_list_bulleted 프로그래밍/Tailwind CSS
• · 2024. 5. 23.
• textsms

Tailwind 사용법 UI구성요소 버튼,텍스트박스 등 코드 얻는법

Tailwind 공식문서 UI구성요소Tailwind에서 사용할 수 있는 문법들을 사용하려면 보통 공식문서를 참고하여 코드를 참고합니다.(링크) 공식문서에서는 부트스트랩처럼 UI 구성요소(Elements)도 별도로 제공을 해줍니다. 그 예시로 버튼에 대한 다양한 요소코드를 제공하는데 Get the Code를 눌러 코드를 확인하려고 하면 유료 결제가 필요합니다. 금액대별 플랜을 구매하면 tailwind에서 제공하는 UI요소에 대한 코드를 평생 사용할수 있긴 하지만 당장 일부 요소들은 이미 업로드된 수많은 코드들이 있습니다.  무료 Tailwind CSS 구성요소Flowbite는 Tailwind CSS의 요소들을 바로 사용할수 있도록 코드로 제공합니다.(링크)Flowbite에서는 부트스트랩에서 제공하는것처럼 ..

• format_list_bulleted 프로그래밍/Tailwind CSS
• · 2024. 5. 19.
• textsms