320x100 728x90 React2 SpringBoot,React]스프링 실행시 리액트 서버 자동 실행 , 빌드시 같이 빌드하기 나는 지금 SpringBoot와 React를 통해 백엔드, 프런트엔드를 구성해서 샘플 프로젝트를 만들고 있다. 이 두 환경에서 프로젝트를 진행하다보니 spring boot 실행시키고 react에서 npm run start를 두 번에 거쳐서 실행시켜야 하는 게 정말 정말 매우 너무너무 귀찮았다. 난 스프링이 실행이 되면서 리액트 서버도 자동으로 켜지는 방법이 없을까 하다가 gradle의 build script를 작성하기로 마음먹었다. 일단 사전 준비는 다음과 같다. Spring boot gradle react 딱 이 3개면 된다. 그리고 package.json에 "proxy": "http://localhost:8080",를 추가하여 프록시 설정을 해줬다. 일단 내 프로젝트 구조는 이와 같다. fronten.. 2021. 8. 6. React,SpringBoot] index.js:1 Warning: validateDOMNesting(...): <h1> cannot appear as a descendant of <p>. at h1 at p at header at div at App (http://localhost:3000/main.5143fe28e33d775bbc5c.hot-update.js:37:83) spring boot와 react를 이용해서 샘플 TodoList를 만들려고 하다가 위와 같은 경고가 발생했다. 해당 경고는 리액트에서 발생했고, 콘솔창에서 확인할 수 있었다. 태그에서 문제가 있다고 경고가 발생했고, 그 안에 h1 태그가 문제였다. 서버에서 데이터를 받아와서 조건부 렌더링을 하는 부분이었는데, 태그는 인라인 요소인데 안에 h1 태그가 들어가 있어 오류가 발생했다. h1을 감싸는 p태그를 제거하니까 에러가 깔끔히 사라졌다. 2021. 8. 5. 이전 1 다음 300x250 320x100
