오늘은 체커블 챌린지 참여 멤버가 본인의 챌린지를 모아볼 수 있는 페이지의 개선 작업을 했다. 일명 '내 챌린지'이다.
이번 작업은 개발자님이 AI로 만들어 둔 UI를 개선해서 개발까지 하는 업무로 fi-workers에서의 마지막 작업이다.
오늘은 챌린지 리스트, 상세 페이지를 작업했다. 주로 모바일로 사용하기 때문에 모바일 First로 작업했다.
우선 내비게이션을 수정했다. 로그아웃 버튼과 상세에서 목록으로 가기 버튼 같은 게 큼직하게 자리를 차지하고 있어서 리스트 페이지와 상세에서 모두 쓸 수 있는 내비게이션을 작업했다.
리스트 페이지에서 컴포넌트를 어떻게 구성할지 고민하다가 Discord 서버 섬네일을 넣어서 불렛 같은 느낌을 주어 구분할 수 있게 했다. 그 외 정보들을 배치하는 과정에서 생각보다 꽤 시간이 걸렸다. 하지만 만들고 나니 컴포넌트로 말아서 상세에서도 써서 좋았다.
내일은 랜딩을 작업할 예정!