탕구리's 블로그

위키 백과를 살펴보면 라우터의 사전적인 의미는 다음과 같아요. # 라우터의 사전적 의미 라우터(router[a]혹은라우팅기능을 갖는 공유기)는 패킷의 위치를 추출하여, 그 위치에 대한 최적의 경로를 지정하며, 이 경로를 따라 데이터 패킷을 다음 장치로 전향시키는 장치이다. 간단하게 해석해보면 경로를 찾아주는 역할을 합니다. 리액트(SPA)에서의 라우터는 클라이언트 사이드에서 다양한 페이지에 접근이 가능하도록 합니다. 리액트에서 가장 많이 사용하는 패키지는 "react-router-dom"이며 해당 패키지의 사용법에 대해서 알아보겠습니다. # 설치 yarn add react-router-dom npm install react-router-dom "react-router-dom"의 문서를 확인해보면 기능은 ..

1.React 컴포넌트 컴포넌트? const ex = (컴포넌트); 컴포넌트는 반드시 하나의 Element만 리턴해야 합니다. (아래와 같은 코드 작성 불가) const ex = ( 1번 2번 ); 만약, 여러 개의 컴포넌트를 Return 하고 싶을 때에는 다른 태그로 한번 감싸주거나, 혹은 Fragment를 사용하도록 한다. 각각의 컴포넌트는 독립적으로 작동. const ex = ( 1번 2번 ); 함수형 컴포넌트 props만 받아서 사용이 가능하다. (state사용 불가능) life-cycle 함수가 존재하지 않습니다. 클래스형 컴포넌트에 비교하여 속도가 빠르다. ** 현재는 react-hook을 통해 함수형 컴포넌트에서 "state"를 사용, 관리가 가능하며 life-cycle과 비슷한(?) 기능 ..