12. boilerplate - axios 설치 및 react 구성파일

boilerplate 유튜브 강의 시리즈

Blog ReactJS NodeJS#18 AXIOS

Blog ReactJS NodeJS #19 about page

 

axios는 브라우저와 node.js를 위한 프로미즈 기반의 HTTP client 이다.

 

프론트에서 사용할 것이기 때문에 client 폴더 내부에서 아래 명령어를 실행해야 한다.

npm i axios --save

 

리액트 생성시 기본적으로 생성됐던 구조는 아래와 같다.

 

여기서 사용하지 않는 App.css, App.test.js, logo.svg 는 지우고

src 폴더에 components 폴더를 생성하고 App.js를 옮긴다.

그리고 index.js에서 App.js 파일의 경로를 불러오는 부분을 수정한다.

모두 완료하면 아래와 같다.

 

그리고 App.js를 아래처럼 수정해 본다.

import React from 'react';

function App() {
  return (
    <div className="App">
      hello ~
    </div>
  );
}

export default App;

 

그리고 실행해보면

npm start