강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

ggomsoo님의 프로필 이미지
ggomsoo

작성한 질문수

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

(3.1) Shadcn/ui를 소개합니다

섹션3 Shadcn/ui 생성 시

작성

·

55

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

퀴즈

ShadCN UI가 컴포넌트를 개별적으로 설치하도록 요구하는 주요 이유는 무엇일까요?

복잡한 의존성 문제를 해결하고 개발 효율을 높이기 위함

번들 크기를 최소화하고 필요한 코드만 사용하기 위함

각 컴포넌트의 스타일을 독립적으로 관리하기 위함

외부 라이브러리와의 충돌을 방지하고 호환성을 확보하기 위함

답변 1

1

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

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

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

image.png

 

ggomsoo님의 프로필 이미지
ggomsoo
질문자

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

ggomsoo님의 프로필 이미지
ggomsoo

작성한 질문수

질문하기