컴포넌트 만드는 방법 배우기
pulbic 이라는 디렉터리는 Create React App에서 npm run start 명령어로 실행했을 때 파일을 찾는 Document Root 이다
우선 여기에 리액트가 아닌 순수한 HTML 코드를 작성해본다.
' .html' 을 생성하고 다음과 같은 코드를 작성한다.
수업시간에 한 코드 집어넣기
<header> 태그의 내용을 다른 곳에 안 보이게 감춰 놓고,
<Subject> 라는 태그로 복잡한 <header> 태그의 내용을 대체한다. (<Subject> = Component이다.)
+ 정리하는 글
Header 영역을 <Subject> 라는 컴포넌트로 대체하겠다.
컴포넌트는 첫글자가 대문자이다.
<html>
<body>
<Subject></Subject> // => JSX라고 한다.
⋮