강의

멘토링

로드맵

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của ggomsoo
ggomsoo

câu hỏi đã được viết

Bộ công cụ thư viện thực hành React một miếng - Zustand, Tanstack Query, TailwindCSS

(3.1) Giới thiệu về Shadcn/ui

섹션3 Shadcn/ui 생성 시

Viết

·

60

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

Quiz

Lý do chính khiến ShadCN UI yêu cầu cài đặt các thành phần riêng lẻ là gì?

Nhằm giải quyết các vấn đề phụ thuộc phức tạp và nâng cao hiệu quả phát triển

Nhằm tối thiểu hóa kích thước bundle và chỉ sử dụng những mã nguồn cần thiết

Để quản lý phong cách (style) của mỗi thành phần (component) một cách độc lập.

Nhằm ngăn ngừa xung đột với các thư viện bên ngoài và đảm bảo tính tương thích

Câu trả lời 1

1

winterlood님의 프로필 이미지
winterlood
Người chia sẻ kiến thức

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

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

image.png

 

ggomsoo님의 프로필 이미지
ggomsoo
Người đặt câu hỏi

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

Hình ảnh hồ sơ của ggomsoo
ggomsoo

câu hỏi đã được viết

Đặt câu hỏi