리액트 훅 공부 2

useContext란? React hooks useContext란?

useContext란? React hooks useContext란? 오랜만에 리액트 주제를 적어보네요. 이제 독일에도 봄이 진짜로 왔는가 봅니다. 산책을 나가보니 새소리와 벌레소리는 여기저기서 들리고, 꽃도 여기저기 많이 피었더군요. 자 그럼 보론으로 들어가 보겠습니다. 목차. useContext 란? 사용 방법? 어디에 사용하면 좋은가? 마치며. 1. useContext란? useContext란 무엇일까요?? useContext는 쉽게 말하면, 내게 필요한 props를 글로벌하게 사용할 수 있게 도와준다고 말할 수 있습니다. 우리는 리액트로 작업하면서 props를 정말 많이 사용하게 됩니다. 부모에서 자식 클래스로 바로 넘겨주는 props라면 크게 불편할 것 없이 인자를 넘겨주면 되겠지만, 부모에서 자..

React hooks 리액트 훅 React Router Dom란?

React hooks 리액트 훅 React Router Dom란? 우리는 홈페이지에서 다른 홈페이지로 이동하려면, 즉 예를 들어 메인 페이지에서 About페이지로 이동하려면, 그에 맞는 HTML파일과 데이터들을 fetch 해야 했습니다. 하지만 리액트의 리액트 라우터 돔을 이용하면, 페이지의 이동이 아닌 각각의 페이지에 필요한 컴포넌트들을 불러와 보여주게 됩니다. 이는 좀 더 빠르고 다이내믹 해질 수 있어, 유저에게 조금 더 편안하고 만족스러운 경험을 줄 수 있습니다. 그럼 오늘도 여전히 전혀 비전문적이고 쉽게 알아보겠습니다. 목차. React Router Dom란? React Router Dom 사용 방법. 마치며. 1. React Router Dom란? 앞서 말했듯이 리액트 라우터 돔을 이용하여, 페..