inflearn logo
강의

講義

知識共有

[Liveチャレンジ] 6週間完成!開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

[2-8] 共通UIコンポーネントの修正

셀렉트박스 드랍다운 다크모드 아이콘이 없습니다.

解決済みの質問

76

kimadonghyon992501

投稿した質問数 4

0

셀렉트박스 다크모드에서 사용할수있는 체크아이콘 파일이없습니다. 라이트모드에서는 check_outline_light_xs.svg를 사용하는데 다크모드에서는 사용할 아이콘이없어서 동일한 아이콘을 사용해 피그마에서는 체크아이콘이 하얀색인데 초록색으로 생성되는 문제가 있습니다.

react next.js cursor 프롬프트엔지니어링 바이브코딩

回答 2

0

nwd09074926

안녕하세요! 콜라중독님!

 

피그마에서 추가로 다운로드 받아서 public 폴더에 주세요!

다운로드 위치는 다음과 같습니다

image.pngimage.png

 

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 콜라중독님.

셀렉트박스 다크 모드에서 체크 아이콘 문제에 대한 어려움을 겪고 계신 것 같습니다. 이와 관련하여 check_outline_light_xs.svg 아이콘을 다크 모드에 적절하게 사용하기 위해 몇 가지 해결책을 제안드립니다.

  1. 아이콘 색상 변환: 다크 모드에서 동일한 SVG 아이콘을 사용할 경우, 아이콘의 색상을 CSS 또는 JavaScript로 동적으로 변경해 볼 수 있습니다. 예를 들어, SVG 파일이 초록색으로 되어있다면 이를 흰색으로 변경하는 것이 필요합니다.

  2. 새로운 아이콘 제작: 만약 피그마에서 디자인이 가능하다면, 다크 모드에 맞는 새로운 아이콘(check_outline_dark_xs.svg와 같은 아이콘)을 제작하여 저장하고 이를 적용해 보세요.

  3. CSS 필터 사용: CSS의 filter 속성을 활용하여 아이콘의 색을 전환할 수도 있습니다. 예를 들어, filter: invert(100%);를 사용하면 아이콘의 색상이 반전되어 다크 모드에서도 잘 보일 수 있습니다.

관련하여 상세한 도움을 받을 수 있는 유사한 질문 및 답변들입니다:
- 룰 적용이 계속 안되는 것 같아요: 이 링크에서는 픽셀 관련 오류나 룰 적용 문제 해결의 힌트를 얻으실 수 있습니다.

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

62강 노션 링크 사용권한 승인 부탁드립니다.

0

4

2

62강 노션 링크 사용권한 승인 부탁드립니다.

0

6

1

파일 디렉토리 구조가 다르네요

0

7

1

클로드 초기설정

0

11

1

git 커밋 관련 문의

0

15

1

8강 디버깅 하네스는 verification 하네스와 비슷하게 느껴지는데 결정적인 차이가있을까요?

0

13

0

3강 context harness에서 제시하주신 개념들에 대해 소개된 공식문서나 자료가 있을까요?

0

16

1

슬슬 따라하기가 힘들어진다.

0

40

2

섹션5 강의자료 다운로드

0

22

2

강의자료 다운로드시 발생하는 오류

0

108

2

커밋메시지 인코딩 깨지는 현상

0

183

1

Rules와 Commands의 차이가 뭘까요?

0

124

2

common component생성, storybook 작성시 하나하나 하게 됨

0

84

2

prompt 사용 횟수로 토큰 소진 되는 것인가요?

1

144

2

자료를 다운로드 받아 압축해지시 파일이름 다름

0

82

2

미션제출 방법

0

81

2

버튼 생성중에 커서 메모리 오류같은게 생깁니다.

1

165

2

룰 간 충돌 분석

0

97

2

prompt.103.enum.txt에 오타

0

78

1

현재 버전과 맞지 않습니다.

0

87

1

룰 적용이 계속 안되는것 같아요

0

99

1

cursorTalkToFigmaMcp 사용방법

0

159

2

언제부터 영상을 볼수 있나요?

0

91

2

챌린지 시작전 먼저 강의 볼 수 없나요?

0

79

2