styled-components 및 react-hook-form 강준님의 소소한 불호령(피드백)

pengooseDev·2023년 3월 28일
0
  • 서론: 친한 사람끼리의 장난스럽지만 조언이 담긴 피드백이니, 내용만 보시는걸루! ㅋㅋㅋ

첫 번째 불호령

ㅋㅋㅋㅋㅋㅋ 변명을 좀 하자면, 사실 붉은색으로 코드가 구현이 되어있긴 했었다.
다만, primaryColor가 추가되어 문제가 없을 경우는 gray, error가 발생했을 때 primaryColor를 적용해두었다.

허나, 어림도 없지. 바로 불호령😨 ㅋㅋㅋㅋ
바로 색상을 변경하는 코드를 작성하였다.
허나, 작성하는 과정에서..


두 번째 불호령(엥? 가독성 너무 안좋은데요?)

이전까지 theme에 선언해둔 색상 코드는 해당 코드를 사용하는 방법을 채택했다.
이렇게 코드를 작성하면 theme 객체의 field 자체는 줄어들겠지만, 가독성이 떨어진다는 문제점이 발생한다.

바로 두 번째 조언!

앗챠챠ㅏ!! theme 객체의 field가 늘어나는 것을 두려워, 가독성을 포기했다는 사실을 망각하고 있었다.

바로 변경 하핳!


결과


모든 input이 validation을 통과했을 때, Login 버튼의 background의 색상이 활성화되어 직관성을 올려보았다! :)

🥳👍

강준님 항상 감사합니다 흑흑

0개의 댓글