inflearn logo
강의

Course

Instructor

Bite-Sized Vibe Coding (with Claude Code)

(8.3) Setting Design Themes (Claude Skills)

새 링크 버튼이 안 보여요

37

doroduru

2 asked

0

안녕하세요!

Screenshot 2026-05-16 at 12.09.48 AM.png.webp

디자인 수정을 명령한 후 완성된 페이지를 보았더니, 테마가 바뀌면서 '새 링크' 버튼이 안 보이더라구요.. 아무것도 없는 곳을 클릭하면

 

Screenshot 2026-05-16 at 12.10.00 AM.png.webp

사진과 같이, 기능은 사용할 수 있는데..왜 그럴까요..

 

디자인은 노션으로 2-3번, 애플로 1번 해봤으나 노션도 애플도 사진과 같은 테마에 버튼은 마찬가지로 없었습니다.

 

++ 디자인 테마 설정하기 부분 커밋 싹 지우고 건너 뛰고 하니까 잘 진행되고는 있습니다!!

웹앱 네트워크 보안-교육 claude 바이브코딩

Answer 2

0

winterlood

안녕하세요 이정환입니다

아이고 이런 이슈가 있으셨군요 버튼이 있던 위치를 클릭했을때 새 링크 페이지로 이동 되었다면 아마 스타일 설정과정에서 클로드가 버튼의 스타일을 실수로 보이지않게(흰색 배경에 흰색 글자 등으로) 설정한 것으로 보입니다 🥲

AI는 확률적으로 동작하다보니 간혹 이렇게 사소한 실수를 할 수 있는데요 이럴때에는 말씀하신 것 처럼 실수한 부분이 포함된 커밋을 취소하시는 등으로 대처하고 작업을 다시 지시하시거나, 혹은 수정을 요청하신다음 수정된 내용을 추가로 커밋하시면 됩니다.

이미 실수한 부분의 커밋을 취소해 해결하셨다니 멋지네요 👍👍 버전관리를 제대로 이용하고 계신 것 같습니다!!

PS. 만약 이러한 실수를 클로드가 계속 반복한다면, 클로드에게 직접 해당 실수를 다시는 하지 않을 수 있도록 스킬로 등록해 달라고 하시면됩니다. (또는 이미 존재하는 디자인 스킬에 추가해 달라고 해도 됩니다)

0

communityai8509

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

디자인 수정 이후 “새 링크” 버튼이 보이지 않는 문제는 주로 CSS 스타일링이나 레이아웃 변경으로 인해 발생할 수 있습니다. 아래 몇 가지 원인과 확인 방법을 제시해 드리겠습니다.

문제 원인 및 해결방법

  1. CSS 스타일링 오류:

    • 버튼이 숨겨져 있을 가능성이 있습니다. visibility 또는 display 프로퍼티를 검토해주세요. 예를 들어, visibility: hidden;이나 display: none;으로 설정되지 않았는지 확인이 필요합니다.
  2. Z-index 문제:

    • 버튼이 다른 요소 뒤에 가려져 있을 수 있습니다. 이럴 경우, 해당 버튼의 z-index를 높게 설정하여 다른 요소들 위로 나오도록 해보세요.
  3. 레이아웃 변화:

    • 레이아웃을 조정하는 과정에서 버튼의 위치가 지정된 레이아웃 밖으로 이동되어 사용자가 볼 수 없는 곳에 위치할 수 있습니다. 버튼의 위치를 지정한 CSS 속성을 점검하여 제대로 레이아웃 내에 배치할 수 있도록 수정해 주세요.
  4. 자바스크립트 오류:

    • 자바스크립트로 버튼을 동적 생성 또는 제거하는 논리가 있다면, 해당 로직이 올바르게 작동하는지 점검 바랍니다. 브라우저의 개발자 도구를 활용하여 오류 메시지를 확인할 수 있습니다.

유사 문제 해결 참고 링크

위의 방법들을 적용하여 문제를 해결하시길 바랍니다. 추가적으로 궁금한 점이나 문제 해결이 필요하다면, 더 많은 정보를 제공해 주세요. 그러면 더 구체적인 도움을 드릴 수 있습니다.

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

클로드 코드의 계획 수립 시 답변 양식 질문

0

8

1

섹션6 영상

0

5

0

안티그래비티 업데이트

0

10

1

프론트메터 수업노트 그대로 붙여넣었는데, 화면처럼 안됩니다.

0

11

2

26강 소리만 나옵니다.

0

20

2

수업 1회독 후 코딩과 관련된 기본공부

0

15

1

강의자료

0

12

1

supabase연결이 쉽지 않네요

0

8

0

대형어플 개발

0

25

0

kakao_app_icon 파일이 없습니다.

0

13

1

Auto-memory

0

17

2

market place와 Github

0

14

1

슬랙 웹 훅 관련 문의

0

21

2

현재 시점 기준으로 최신 시험 출제 범위가 반영되었다고보면 될까요?

0

9

1

스킬과 서브에이전트

0

23

2

커밋 변경사항/그래프에서 이전 프로젝트의 내역이 보입니다

0

16

2

기술스택 버전까지 입력할 경우 참고할 만한 사이트

0

23

2

44번 강의 "AWS VPC와 Gateway endpoint 구성"에서 질문 드립니다.

0

13

1

안녕하세요 문의남깁니다

0

21

2

안녕하세요 문의드립니다

0

19

2

강의 자료 제작을 어떻게 하셨는지 궁금합니다!

0

43

1

질문있어요!

2

62

2

테마 적용 관련 질문

1

53

1

(macOS) themes.zip 압축 해제가 되지 않습니다.

0

58

2