본문 바로가기

Framework/React

(2)
[React] Unexpected end of JSON input 오류 해결 🏃🏃🏃 회원가입 api 완성시키고 React에 연결시키는데 Unexpected end of JSON input가 발생했다.. JSON으로 파싱 하려고 했지만 해당 문자열이 JSON 형식에 맞지 않는다는 오류였다. 일단 의심가는 부분은 아래 코드 부분이었는데 해당 부분이 서버에서 가져오는 데이터를 반환하는 곳이기 때문이다. .then((res) => res.json()) 근데 프론트에서 문제는 없어 보였고.. 해당 부분을 지우면 제대로 돌아갔지만 그건 아니잖아..! 그래서 검색하다가 회원가입 api의 Service 파일을 다시 보았고 웬걸.. 리턴 값을 넣어주지 않았었다.. 하하.. 회원가입 api를 호출하고리턴해서 받아오는 데이터가 없기 때문에 오류가 나는 거였다. Controller, Service 전부 리턴..
[React] react-hook-form 적용해보자!(with. TypeScript) 사실 난 이번 개인 프로젝트 때문에 React를 처음 써봤다..! 백엔드 작업만 해봤고, 이번 프로젝트 할 때도 프론트는 구현을 어떻게 해야 할까의 고민이 많았지만.. 뭐 어떡해?! 찾아서 만들어봐야지라는 생각으로 시작하게 되었다. 그래서 필요한 부분은 찾아서 이해하려고 하고 부족하면 강의를 찾아서 듣는 방법으로 진행하고 있다. 물론 백엔드보다 시간이 더 걸리는 게 함정..😳 그래도 메인이랑 로그인, 회원가입 폼까진 만들어서 회원가입 폼에서 입력값 받아서 넘기기 위해 구글로 엄청 검색을 해봤다. 기본적으로 useState를 사용해서 값을 저장하고 넘기는 글들이 제일 먼저 눈에 들어와서 적용해보고 있었는데.. 항목이 몇 개 없다고 해도 너무 코드가 길어지는 게 보기 좋지 않아 보였다. 이게 최선인가!라는 ..