리액트LINK

    리액트 조건부 라우팅 방법

    리액트에서 로그인 폼을 만들어 보는 예제를 진행 중에 로그인 버튼을 눌렀을 때 조건에 따라 로그인이 되고, 조건이 맞지 않으면 화면이 넘어가지 않도록 구현하기 위해 삽질을 잠깐 해보다가 무언가 단순한 걸 놓치고 있다는 생각이 들어서 공식문서를 참조했습니다. 우선 리액트에서 자주하는 삽질 중 하나이자 꼭 기억해야 할 내용으로 Form을 다룰 때 반드시 e.prevendefault를 활용해야 한다는 것입니다. 이를 설정해두지 않으면 자동으로 렌더링을 하기 때문에 조건을 걸어도 막을 수가 없습니다. 예를 들면 if (username === "admin" && password === "1234") { } else { e.preventDefault(); } 위와 같은 상황을 같이 보실 경우, username이 a..