React 앱의 기본

Source: Dev.to

Introduction

오늘은 React 앱을 만들 때 보이는 파일과 폴더들의 이유와 용도에 대해 살펴보겠습니다.

다룰 주제는 다음과 같습니다:

• node_modules란 무엇인가?
• src란 무엇인가?
• App.css란 무엇인가?
• App.jsx란 무엇인가?
• index.css란 무엇인가?
• main.jsx란 무엇인가?
• index.html란 무엇인가?
• package.json란 무엇인가?

What is node_modules?

node_modules는 React 앱에 필요한 모든 의존성을 보관하는 디렉터리입니다. 아래 명령을 실행하면 npm이 package.json에 명시된 패키지를 다운로드하여 여기 넣습니다:

npm install

What is src?

src 폴더에는 React 애플리케이션의 소스 코드—JavaScript/JSX 파일, CSS 파일, 그리고 브라우저용으로 컴파일·번들링되는 기타 자산들이 들어 있습니다.

What is App.css?

App.css는 App.jsx(또는 App.js)에서 정의된 컴포넌트에 스타일을 제공하는 스타일시트입니다. App 컴포넌트가 렌더링하는 요소에 CSS 규칙을 적용할 수 있게 해줍니다.

What is App.jsx?

(내용이 제공되지 않음.)

What is index.css?

(내용이 제공되지 않음.)

What is main.jsx?

(내용이 제공되지 않음.)

What is index.html?

(내용이 제공되지 않음.)

What is package.json?

(내용이 제공되지 않음.)