1. react 설치하기

2022.04.29 - [React (리액트)/리액트 기본] - 1. 리액트 개발환경 구성하기

1. 리액트 개발환경 구성하기

1. 패키지 추가하기

react와 spring boot api의 통신은 axios를 사용할 것이므로 패키지를 설치한다.

npm install bootstrap --save

2. asiox 패키지 설치

각 페이지의 구분을 react-route-dom을 사용할 것이므로 패키지를 설치한다.

npm install axios --save

3. VS code 유용한 툴 설치

코드 자동완성 툴인 'Extensions' -> 'react snippets' 검색 -> 설치

해당 툴을 설치하면 새로운 js 파일에서 rcc만 입력해도 자동으로 기본 코드 구조를 만들어준다.

import React, { Component } from "react";

export default class test extends Component {
  render() {
    return <div>test</div>;
  }
}