아 그거 뭐였지

Q. localhost:3000/auth/login 해당 url처럼 auth뒤에 login으로 가게 해주세요. Angular에서는 중첩라우팅을하고싶으면 RouterModule.forRoot에 걸린 컴포넌트에서 RouterModule.forChild를 하면 중첩 라우팅이 가능한데 리액트에서는 어떻게 하는지 궁금해서 찾아보았다. 리액트는 최상단 파일에서 BrowserRouter로 컴포넌트들을 감싸고 중첩라우팅을 할 주소 뒤에 *를 붙여서 해당 주소로 시작하면 무조건적으로 원하는 컴포넌트로 접속이 될수있도록 라우팅을 시켜버리는것같다. 여기서 주의할점은 BrowserRouter는 최상단 파일에서 한번만 사용하고 자식 파일들은 Routes만 사용해야한다는점이다. 바로 코드로 확인해보자. 먼저 최상단 파일에서 라우..

useState 어떠한 이벤트 발생시 변수의 값을 바꾸고 싶을때 useState를 사용한다. data라는 변수를 선언하고 바꾸고싶다고 하였을때 형태는 아래와 같다. // useState에는 초기화할 값을 넣어주면 된다. // setData외에 다른 변수명을 지어도 되지만, 관습적으로 변수명앞에 set을 붙인다. let [data,setData] = useState(''); return( {data} {setData("Hello")}}> ) button을 클릭하게 되면 data의 값이 Hello바뀌는 로직을 작성해보았다. onClick={ 함수로직 } 사용 방법은 이러하다. 배열 형태로의 데이터들도 핸들링이 가능하다. 사용법은 다음과 같다. let [data,setData] = useState([0,1,2..