이전에 react에서 제공하는 dropdown 라이브러리를 사용하여 커스텀 한 적이 있다. 하지만 내가 이번에 만들어야 하는 드롭다운은 해당 라이브러리를 커스텀해서는 할 수 없었다. 약 20분정도 해보고 안되니 다른 방법을 찾아보기 시작했다. 내가 하고 싶은 건, 아이콘을 눌렀을 때 드롭박스가 나오는 것이었는데 이러한 라이브러리를 찾아봤으나, 구독을 하거나 돈을 내야 사용할 수 있는 부분이었다. 고민 끝에 그냥 만들기로 했다. 대략적인 생각은 다음과 같다. 1. 아이콘 버튼을 생성한다. 2. 버튼을 클릭 했을 때 dropdown을 보여준다. 3. dropdown 컨테이너 안에 각 list에 라우터를 연결해 원하는 페이지로 이동시킨다. 1. 아이콘 버튼 생성하기 이부분은 완전한 ui 영역이기에 그냥 내가 ..

state props . . 특정 코드들이 첫 번째 component render에서만 실행되게 하자. 처음 한 번만..!! 나중에는 상태가 변해도 실행되지 않도록. 우리가 state를 변경할 때 모든 code가 다시 실행된다. 하지만 그럴 필요가 없을 경우!! 어떻게 해야할까? useEffect를 사용한다. 이 useEffect는 두 개의 argument를 가지는데, 첫 번째는 우리가 딱 한 번만 실행하고 싶은 코드이다. ex) useEffect(function1, []) 두번째는 ... 마법같다....? 결국, useEffect에 대해 배웠다. 이 함수는 계속 실행되지 않도록 하는 것. 한 번만 실행해도 되는 것들을 다루는 함수이다. 두 번째 argument는.. 이럴 때 사용한다. 특정한 부분이 변..