2024.01.16.학습일지

어제부터 안 풀렸던 List 컴포넌트 만들기

문제상황

 기본 list 컴포넌트가 state를 변경할 때마다 사라지는 이슈, 라디오 list 컴포넌트의 state가 그룹 시켰을 때 제대로 작동되지 않는 이슈가 어제부터 있었다. 

기본 리스트: 클릭 > 'Some missing fonts' > supporting text 사라짐
라디오 리스트: 1,2,3(1번에 활성화 상태) 중 2번 클릭 시 state(while press > state pressed) 프로토타입은 작동되지 않고 On click > Change to 2 만 작동이 됨

 

시행착오

 어제의 grouped된 list 내용물을 보며 무엇이 문제인지 찾기 시작했는데, 갑자기 길이 보이기 시작했다. 비포 컴포넌트에서는 3개의 리스트 컴포넌트가 모두 같은 네이밍을 가지고 있었다. 그렇게 되면 프로토타입을 연결할 때 무엇이 바뀌게 되는지 표시가 되지 않아 오류가 나는 것이었다. 계속 프로퍼티를 변경하고, 바꾸고를 많이 하다 보니 여러 개의 컨포넌트들이 뒤섞여서 오류를 일으키는 것도 한몫을 한 것 같다.

 

해결방안

 기존의 개별 리스트 컨포넌트는 유지하되 그룹 컨포넌트는 모두 삭제하고 카운트를 먹인 네이밍을 모두 부여하니, 두 개의 프로토타입 모두 잘 작동되었다.

 

알게 된 것

 절대 클릭 시 이동하는 컨포넌트 그룹을 만들 때에는 개별 컨포넌트들에도 카운팅을 꼭 해놔야 한다.

 

오늘의 작업 진행도

리스트 컨포넌트 수정 (완료)

피그마 활용법 (1) 복습 (진행중)

개인작업 기존 와이어프레임 수정 (완료)

개인작업 추가 와이어프레임 구상 (진행중)