inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Chinh phục hoàn toàn Next.js 16+ với TypeScript: Từ cơ bản đến kiến trúc mới nhất

(Nhiệm vụ) Tách Layout - Nộp bài

lucide react 아이콘 설치

46

5647kr

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

0

저는 npm i lucide-react로 아이콘을 사용하고 있는데 미션에 제공하는거랑 버전도 다르고 아이콘도 다른데 제가 따로 다른 명령어로 설치하고 있는걸까요?

javascript react typescript next.js jwt

Câu trả lời 2

0

sucoding

안녕하세요. 😀

아마 최근에 버전이 업데이트되면서 (지난주)
영상에서 사용한 아이콘과 현재 결과가 다르게 보이는 것 같습니다.

아래 명령어를 사용하시면 강의에서 사용한 버전과 동일하게 설치할 수 있어,
문제 없이 실습을 진행하실 수 있습니다.

npm install lucide-react@^0.562.0

보통 실습은 제공된 예제 코드를 기준으로 진행하시기를 권장드립니다.
예제 코드의 package.json에는 강의에서 사용한 lucide-react 버전이 그대로 명시되어 있기 때문에,
npm install만 실행하셔도 정상적으로 동일한 환경이 구성됩니다.

다만, 직접 패키지를 설치하실 경우에는 최신 버전이 설치되기 때문에
말씀해주신 것처럼 아이콘이 다르게 보이는 문제가 발생할 수 있습니다.

따라서 위 명령어를 사용하여 버전을 맞춰 진행해주시기를 권장드립니다.

감사합니다.

0

5647kr

개인프로젝트를 진행하다보면 제가 원하는 아이콘들이 최신버전에선 많이 안보이더라고요 특히 sns로고 아이콘이 많이 안보이더라고요 근데 미션을 진행하다보니 sns로고도 보이는걸 보고 제가 모르는 다른 lucide-react가 있는줄 알았습니다

0

sucoding

맞습니다.

실습에서 제공하는 버전에서까지만 SNS 아이콘이 제공되고

이후에는 삭제가 된 것으로 알고 있습니다!

그래서 실습에서도 일부로 버전을 낮춰서 사용하고 있습니다 😀

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 5647kr님.

lucide-react 아이콘 패키지를 사용할 때 발생하는 버전 및 아이콘 차이에 대해 문의하셨군요. 일반적으로 npm을 통해 패키지를 설치할 때 최신 버전이 다운로드되며, 이로 인해 강의에서 사용한 버전과 차이가 생길 수 있습니다.

  1. 버전 확인 및 설치:

    • 패키지의 특정 버전을 사용하려면, npm 명령어에 버전을 명시하여 설치할 수 있습니다. 예를 들어, 과제에서 요구하는 정확한 버전을 사용하려면 아래와 같은 명령어를 활용해 보세요:
      
      npm install lucide-react@특정버전
      

    • 정확한 버전 번호는 강의 자료나 프로젝트 설명서에서 확인할 수 있는 경우가 많습니다.
  2. 아이콘 차이:

    • 같은 패키지라 하더라도 버전 차이로 아이콘의 디자인이 개정되거나, 새로운 아이콘이 추가될 수 있습니다.
    • 패키지의 CHANGELOGREADME 파일을 통해 어떤 변경 사항이 있었는지 확인하실 수 있습니다.

문제 해결 방법

  • 패키지 문서 확인: 최신 기능이나 변경된 아이콘이 있는지를 파악하기 위해 lucide-react GitHub 페이지 또는 공식 문서를 참고하세요.

  • 패키지 버전 고정: 프로젝트 시작 시 package.json에 의존성을 명시하고, 다른 사람이 같은 설정으로 개발 환경을 셋업할 수 있도록 버전 번호를 고정합니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

mcp 설치를 못하겠어요

0

12

1

라이브러리 관련 질문 있습니다!

0

10

1

노션 학습 자료 권한 요청

0

10

1

output-styles은 Claude Code의 공식 기능이 아니라고 하는데 혹시 변경된걸까요?

0

16

2

클로드 변경

0

14

1

/config 에서 output-style 을 변경

0

17

1

한국어 문제

0

17

2

part2강의 문의사항입니다.

0

14

2

3강 질문

0

13

1

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

0

25

1

02-04 layout.tsx 구조가 달라요

0

58

2

10-6 실습 할 수 없습니다..

0

79

1

그림 예제는 따로 제공이 안되나요?

0

73

1

cacheLife에 대한 질문입니다

0

65

1

(제보) 쿠키를 브라우저 개발 환경에서 직접 삽입했을 때 나오지 않는 현상

0

68

2

디스코드 채널 초대 링크

0

67

1

revalidatePath 질문 있습니다.

0

59

2

MainLayout이 중첩되어 뜨는 문제

0

79

2

쿠키와 헤더

0

59

2

구지 react를 사용하는 이유가 그럼 있는가?

0

79

1

FormEvent가 deprecated 되었다고 합니다.

0

244

2

터보백이 안보입니다

0

62

2

젯브레인 웹스톰(jetbrains webstorm) 사용하시는 분들 참고

0

105

2

소스 코드 다운로드는 어디서 하나요.

0

76

2