반응형 npm3 알아두면 좋은 팁.. (React Query) * React Query - : fetch의 로딩 상태와 로딩 이후 데이터를 셋팅하는것을 자동으로 해 주는 라이브러리 npm i react-query * apexcharts : 각종 chart 제공 npm install --save react-apexcharts apexcharts * CSS 색 참조 사이트 https://flatuicolors.com * head 영역 부분을 변경하기 위한 component npm i react-helmet 2022. 7. 21. tomcat에 배포하기... ReactJS로 코딩을 하면 무조건 nginx나 node로 서버를 올려야 하는줄 알았는데... 톰캣으로 편리하게 올리는 방법이 있었다. 먼저 React 프로젝트에서 package.json 에 아래의 항목을 추가 한다. "homepage": "domin:port/folder", 의 형식으로 추가 "homepage": "http://dev.test.com", // 난 이렇게 추가 React 빌드 npm run build 그러면 프로젝트 폴더 밑에 build 폴더가 만들어 진다. 그리고 이 build 폴더 밑의 모든 파일들을 복사해서 tomcat의 webapps 폴더 아래에 복사를 해 주는데... localhost에 바로 올리고 싶으면.. ROOT 폴더에 넣어주고.. http://dev.test.com/dev.. 2022. 7. 15. Create app * ReactJs는 라이브러리를 받아서 사용 할 수도 있지만.. 설치 버전으로 진행.. *** 우선 node.js 설치가 되어 있어야 한다.. 이건.. 따로.. 간단히 설치가 가능 하므로 패스~~~~ * ReactJs app을 만들어 보자.. * 적당한 폴더를 만들고 난후 npx create-react-app [project name] npx create-react-app myFirstApp1 이렇게 해 주면.. myFirstApp1이라는 폴더 아래에 reactjs프로젝트를 생성해 주고 초기에 필요한 설정들을 다 해준다. 잘 되었는지 확인하는 방법은 cd myFirstApp1 npm start 해당 프로젝트 디렉토리로 이동한 뒤 npm start를 해 주면.. reactjs 프로젝트가 실행되면서 브라우저.. 2022. 6. 13. 이전 1 다음 반응형
