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

처음으로 react를 공부하고 나서 css 사용에 익숙치 않고, 아직 흐름을 제대로 잡지 못한 상태에서 개발에 참여하게 되었다. 그렇기에 component 이름을 어떻게 정하는지도 잘 알지 못해 혼란스러웠다. 일단 해봐야한다는 생각, html, css, js 모두 처음 시작하는 만큼 결과물이 있어야 한다는 생각에 일단 뛰어들었다. 그 결과 나로 인해 style 간섭이 일어나버렸다... 결국 나는 잠시 프로젝트에 손을 떼게 되었지만 이번 일을 통해 style 간섭이 무엇인지 확실하게 알게 되었고, 다시는 같은 실수를 반복하지 않겠다는 다짐을 했다. 공유 받은 styled components에 대한 글을 공부하고, 정리한 내용이다. styled components의 필요성 중복된 클래스명을 만들게 되면, 다..