목차

목표 정산

이번 주에 목표로 둔 사항들은 아래와 같다.

• 관리자 페이지 View 구현 진행
• 폰트, 공용 색상 등 선정
• 인증 문제 등 발생 시 출력할 Toast 메시지 각 페이지 별로 배치

이번 주는 그래도 열심히 분발했고, 작업하면서 몇 가지 고민 사항이 더 들었던 부분도 있어서 그 부분에 대한 기록을 이번에 좀 작성해보고자 한다.

Toast 메시지를 반영하며 떠오른 UI 프레임워크에 관한 생각

이번 프로젝트에서 Chakra UI를 처음으로 도입해봤는데, Chakra UI를 영업당한 계기는 둘째치고 사용하기로 마음 먹은 것은 두 가지가 있었다.

• Tailwind처럼 지정된 값이나 네이밍을 이용해서 쉽게 컴포넌트를 생성할 수 있는 구조
• 단순히 CSS에만 고려된 사항이 아니라, Toast 등과 같은 기능성 Component를 직접 만들 필요 없이 제공한 기능으로 구현 가능

현재까지는 사용하면서 Tailwind를 썼을 때처럼 기능을 확장하는 등의 사항들을 이용하고 있지 않고 있어서 Chakra UI를 잘 활용하고 있다고 말하기는 좀 그렇지만, 그럼에도 불구하고 Chakra UI 내에 있는 여러 컴포넌트들을 적재적소를 통해 활용하고 있다. (에러 메시지 등은 제공한 기능이 아닌 커스텀해서 사용한 것은 안 비밀)

저번에는 useNavigate 기능을 통해서 코드를 입력했다면, 이번엔 Toast 메시지를 띄우기 위해 Chakra UI에 있는 기능들을 아래와 같이 활용해보기로 했다.

Toast