최종프로젝트 7일차

그동안 프로젝트를 진행함에있어 유독 이번프로젝트는 실력을떠나 서로의 의견을 수용하거나 표출하면서 맞춰나가는 과정이 정말 중요하다고 느낀다. 진짜 프로젝트에만 몰두하는것만으로도 빠듯한데.. 화합이 맞지않으면 부수적인 에너지낭비가 크다. 어쩌면 진짜 실력은 그렇게 크게 문제가되지않는것같다. 내생각을 잘정리해서 상대방에게 전달할줄알고, 상대방의 의견이 적절하지않다면 그에 합당한 이유를 설명할줄알면된다. 그러면 적어도 프로젝트의 결과물을 망치는 일은 발생하지않을것같다.

공용컴포넌트를 마저만들었다. 헤더부분과 게시물카드단위컴포넌트는 그래도 크게 문제가되진않았지만 네비게이션 바가 말썽이다. 문제는 어떻게 하면 해당 메뉴를 누를떄마다 색상을 변경시킬수 있는지인데, 문제는 이게 항상 아이콘을 폰트어썸등에서 가져와 사용하다보니 직접 이미지를 넣어서 조작하는 방식이 어색하다. 코드형식으로이루어진 svg형식으로 이미지를 관리하려는데 이게 코드형식으로 되어있다보니 어떤값을 바꿔야 색상이 변경되는지는 찾았는데 이거를 어떻게 클릭이될떄마다 해당 색상의 값을 넘겨줄지가 의문이며 내일다시 생각해볼예정이다.
같은 프론트팀원간 커스텀훅을 사용한분이 계신다. 드롭다운기능을 구현하려고 사용했는데 커스텀훅은 지난번에 잠깐 봤었지만 코드이해하는데만 3시간은 걸린것같다. 드롭다운을 활성화시키고 버튼을 클릭하지않고 외부아무곳을 클릭했을떄도 드롭다운이 접히기위해 사용하셨다는데 나는 굳이 커스텀훅을 사용하지않고 활성화를 시키는 state를 저장해놓고 useEffect를통해state를 dependency array에 넣었다. 이렇게 작성해놓고 useEffect의 콜백함수에는 state의 값에따라 전역에 이벤트를 등록해줘서 드롭다운이 활성화된상태라면 전역아무곳이나 클릭시 state를 false로 바꾸는 과정만 넣어주면 정상적으로 동작했다. 일단 커스텀훅으로도 구성을해보고 좀더 효율적인방법이 없을지에대해서 생각해볼예정이다.