First app

코드를 바꾸면 화면이 바뀐다

첫 React 앱에서는 파일 위치, JSX 수정, CSS 반영의 연결을 먼저 감각으로 익힙니다.

1

App.js 찾기

화면에 보이는 문구를 만드는 메인 컴포넌트를 엽니다.

2

JSX 바꾸기

h1과 p 태그를 수정해 원하는 내용을 렌더링합니다.

3

CSS 적용

App.css를 불러와 정렬, 색상, 간격을 화면에 반영합니다.

src/App.js → JSX return → import App.css → 브라우저 화면

핵심 감각

지금은 문법을 모두 외우기보다 저장할 때 화면이 갱신되는 연결을 확인하는 것이 가장 중요합니다.