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

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

hana님, 현재 겪고 계신 어려움은 Nested instances를 설정하는 과정에서 원하는 옵션(체크, 라벨, 라디오)만 나오지 않고 Text까지 같이 나오는 상황인 것 같습니다. 이는 Figma의 컴포넌트 구조가 제대로 구성되지 않은 경우 발생할 수 있습니다. 이는 컴포넌트를 생성할 때 설정이 잘못되었을 가능성이 있습니다.

해결 방향:

1. 컴포넌트 구조 확인: Figma의 레이어 패널에서 해당 컴포넌트의 구조를 확인하세요. Text가 Nested instances 리스트에 나오는 이유는 해당 컴포넌트가 라벨 컴포넌트 내부에 존재하거나 잘못 설정된 경우 생길 수 있습니다.

2. 프로퍼티 설정 확인: Figma에서 컴포넌트의 인스턴스를 생성할 때, 모든 옵션을 원하는 프로퍼티로 설정했는지 확인하세요.

3. 텍스트 레이어 체크: 라벨과 라디오, 체크박스 컴포넌트를 생성할 때 각 컴포넌트 내에 꼭 필요한 텍스트 레이어만 포함되어 있는지 확인하세요.

4. 컴포넌트 인스턴스 사용: 인스턴스에 적용된 텍스트 속성이 올바르게 설정되어 있는지 확인하세요. 텍스트의 프로퍼티가 잘못 설정되어 라벨이 표시되지 않는 경우일 수 있습니다.

유사한 문제에 대한 기존 답변은 다음과 같습니다:
- [텍스트 상자] placeholder의 icon과 텍스트 배열 관련 해결 방법: 관련 게시글

이 게시물에서는 텍스트가 컴포넌트 내에서 제대로 배열되지 않는 문제를 해결하는 다양한 방법이 논의되었습니다. 이 방법을 참고하여 현재 상황에 맞게 적용해 보실 수 있습니다.

현재 해결이 어렵다면, 강의 내용과 비교하여 컴포넌트 구조와 속성을 다시 꼼꼼히 살펴보시는 것을 추천드립니다.

질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏

추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

감사합니다. text 이름을 모두 label로 맞추어서 해결하였습니다.

이어서 질문드립니다.

스크롤 부분이 포커스링 위로 뜨는 문제에 대해서 강의와 같이 오토레이아웃 셋팅을 first on top으로 수정하면 첨부한 이미지와 같이 스크롤바가 label 아래로 떨어집니다. 이유가 무엇일까요?