-
[React] [팀 프로젝트] 페이지 이동 시 토큰의 부재로 인한 에러
에러 발생 TypeError - Cannot read properties of undefined url 에서 community 경로로 진입 시 해당 구간에서의 오류가 발생했다. email(key) : cookie.token.email(value) email 에 해당하는 value 부분이 정의되지 않는다는 오류이다. 에러 확인 해당 오류를 살펴보니, 토큰을 통해 로그인 한 사용자에 한해 게시판 기능을 이용할 수 있게끔 작성해놨는데, 입력된 이메일이 없으니 발행된 토큰이 없고, 페이지에서는 요청을 거부한 것이다. 팀원이 작성중인 로그인, 회원가입 정보를 아직 Git 에서 Pull ...
-
[React] 에러는 없는데 페이지 랜더링이 되지 않을 때
에러 발생 npm start 명령어로 리액트 서버를 실행시켰더니, 에러 없이 실행됨을 확인했다. 에러 확인 하지만, 어째선가 구성한 페이지가 보이지 않아 콘솔창을 확인 해 보니 에러 메세지가 있다. Uncaught Error: useNavigate() may be used only in the context of a <’Router’> component. 오류 메세지를 확인해보니, ‘useNavigate() 함수를 Router 컴포넌트 내에서 사용할 수 없다’ 라는 형태의 오류인 것 같다. 에러 해결 코드를 살펴보자. 복.붙 해온 코드에서 정의된 useNavigate 를 ...
-
[React] Document input 태그 에러
에러 확인 부트스트랩을 이용하여 HTML 파일을 수정하던 중, 알 수 없는 에러로 인해 렌더링이 되지 않는다. 에러 해결 리액트에는 ‘모든 태그는 열리면 닫는 태그가 있어야 한다’ 라는 규칙이 존재한다. input 태그에 닫는 태그가 존재하지 않음. html 문서 내에서는 무관했을 부분이었을테지만, 리액트로 전환하는 과정에서는 지켜줘야 하는 규칙이 있음을 알게되었다. Reference https://sir.kr/qa/59262