강의

멘토링

로드맵

Inflearn コミュニティ Q&A

ggomsoo のプロフィール画像
ggomsoo

投稿した質問数

一口リアクト実践ライブラリキット - Zustand, Tanstack Query, TailwindCSS

(3.1) Shadcn/uiを紹介します

섹션3 Shadcn/ui 생성 시

作成

·

61

0

( 해당 섹션 수강하던 2026-04-03 기준 )

npx shadcn@latest init 명령어 입력하면 2가지 선택지를 제공해줘요.

  1. Select a component library 라고 떠요

  • 선택지에 Radix, Base 있는데 Radix가 흔히 아는 Shadcn/ui 라고 합니다.

  1. Which preset would you like to use?

  • Nova (아이콘 Lucide, 폰트 Geist)

  • Vega (아이콘 Lucide, 폰트 Inter)

  • Maia (아이콘 Hugeicons, 폰트 Figtree)

  • Lyra (아이콘 Phosphor, 폰트 JetBrains Mono)

  • Mira (아이콘 Hugeicons, 폰트 Inter)

  • Luma (아이콘 Lucide, 폰트 Inter)

강의에선 7:16 참고 하시면 base color 고르라는 선택지가 나왔고, 강사님께선 Neutral 고르셨습니다. 저는 저게 안나와서 gemini 에게 물어봤고 이와 같은 답변을 얻어서 진행했습니다. 혹시나 참고가 될까싶어 작성합니다.

image.pngimage.pngimage.png
react웹앱tailwindcssreact-queryzustand

クイズ

ShadCN UIがコンポーネントを個別にインストールするように求めている主な理由は何でしょうか?

複雑な依存関係の問題を解決し、開発効率を高めるため

バンドルサイズを最小限に抑え、必要なコードのみを使用するため

各コンポーネントのスタイルを独立して管理するため

外部ライブラリとの衝突を防止し、互換性を確保するため

回答 1

1

winterlood님의 프로필 이미지
winterlood
インストラクター

안녕하세요 ggomsso 님 이정환입니다!

아이고 제보 정말 감사드립니다. 동일한 문제를 겪으실 수강생 분들을 위해 아래와 같이 자동 메세지로 추가해 두었습니다. 향후 영상 업데이트도 진행하도록 하겠습니다 🙇‍♂

image.png

 

ggomsoo님의 프로필 이미지
ggomsoo
質問者

강의노트에도 작성해주시면 좋을 것 같아요 😄

ggomsoo のプロフィール画像
ggomsoo

投稿した質問数

質問する