728x90 React3 [React]react hook & SpringBoot [2/2] 19강 - Springboot 서버 만들기(1/3) 사용할 기능들 RestController JPA H2 Junit 프로젝트 생성 [ File ] - [ New ] - [ Other ] [ "spring" ] - [ spring starter project ] - [ next ] Name : book package : com.cos.book [ Next ] Spring boot DevTools Lombok Spring Data JPA H2 Database Spring Web [ finish ] [ 패키지 우클릭 ] - [ new ] - [ Package ] Name : com.cos.book.web [ web 패키지 우클릭 ] - [ new ] - [Class ] Name : BookController .. 2022. 8. 7. [리액트] react-router v5->v6 변경점 1. switch 대신 Routes 사용 Switch 의 네이밍이 Routes로 변경되었습니다 :) exact 옵션 삭제 component 대신 element 사용 path 를 기존의 path="/Web/:id" 에서 path=":id" 로, 상대경로로 지정 이 외에도, path="." / path=".." 등으로 상대경로를 표현한다 기존 방식 (v5) import { BrowserRouter, Route, Switch } from "react-router-dom"; import Home from "./pages/Home"; import Write from "./pages/Write"; function App() { return ( } /> } /> Page Not Found} /> ); } export.. 2022. 8. 7. [React]react hook & SpringBoot [1/2] 1강 리액트 설치 및 사용방법. 1. VScode react 폴더 생성 2. node.js 설치 -node -v (설치 후 버젼 확인) -npm -v 3. reacte 설치 : VScode 터미널에 npx create-react-app my-app 혹은 npm install -g create-react-app my-app 단! 디렉터리(폴더) 이름에 대문자가 들어가면 안 됩니다. my-app은 폴더명이므로 변경가능 4. 설치 완료 후 터미널 폴더 경로 이동 cd my-app 5. VsCode에 ESlint 설치하면 문법 오류 찾아줌. 6. VsCode에 Prettier 문장 정렬 7. VsCode에 Reactjs code 설치, 문법, 자동 완성 8. Vscode my-app 폴더로 재시작 9. 설정 .. 2022. 3. 23. 이전 1 다음 728x90
