⭐ React (리액트)/게시판 만들기 (React + Springboot) (2) 썸네일형 리스트형 2. 개발환경 설정 IDE 설치 및 DB 설정 1. sts 설치 이클립스를 실행한 후 Help -> Market place -> sts검색후 설치 한다. 2. Gradle 플러그인 설치 Help -> Market place -> gradle검색후 "Buildship Gradle Integration 3.0"을 설치 한다. 3. XAMPP설치 후 MySQL설정하기 xampp란? : php, Apach, mysql등의 개발을 위한 환경을 하나의 프로그램에서 관리할수 있도록 도와주는 패키지 프로그램 4. mysql환경 변수 설정 xampp설치가 완료된 후 mysql을 바로 사용 할 수는 없다. 몇가지 설정이 필요하다. 5. XAMPP를 이용한 DB 테이블 생성 # xampp가 설치된 폴더 -> mysql폴더 -> bin폴더를 환경변수의 값으로 지정한다. .. 1. react 설치하기 2022.04.29 - [React (리액트)/리액트 기본] - 1. 리액트 개발환경 구성하기 1. 리액트 개발환경 구성하기 # 리액트를 쓰는 이유? 옵저버 패턴과 연관 되어 있다. 리액트는 데이터 변경을 감지시 UI가 자동으로 업데이트 된다. 리액트의 변경을 감지하고 UI를 자동으로 업데이트 해주기 위해서는 데몬이 may9noy.tistory.com 1. 패키지 추가하기 react와 spring boot api의 통신은 axios를 사용할 것이므로 패키지를 설치한다. npm install bootstrap --save 2. asiox 패키지 설치 각 페이지의 구분을 react-route-dom을 사용할 것이므로 패키지를 설치한다. npm install axios --save 3. VS code 유용한 .. 이전 1 다음