티스토리 뷰

Client/React.js

[React] 3. CRA 불필요한 파일 삭제

무화과(Fig) 2024. 2. 19. 15:25

 

1. 불필요한 파일 삭제하기

1. public 폴더

index.html을 제외하고 모두 삭제하기

 

 

 

2. src 폴더

App.js, index.js를 제외하고 모두 삭제하기

 

 

삭제했다면 아래와 같이 된다.

 

 

2. index.html, index.js, App.js 수정

// index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>React App</title>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
// index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);
// App.js

function App() {
  return (
    <div>
      <h1>Welcome back!</h1>
    </div>
  );
}

export default App;
저작자표시

'Client > React.js' 카테고리의 다른 글

[React] 제어 컴포넌트 vs 비제어 컴포넌트  (0) 2024.04.15
[React] Virtual DOM의 등장배경과 Virtual DOM이 작동하는 방식  (0) 2024.04.10
[React] Link & useNavigate  (0) 2023.10.18
[React] 회원가입 / 로그인 - 이메일 및 비밀번호 정규식  (0) 2023.09.13
[React] 2. 리액트로 프로젝트 진행할 때 폴더 구조와 컴포넌트 설계하기  (0) 2023.09.12
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함