[생활코딩-React] 컴포넌트 만들기 1

[출처 : Youtube - 생활코딩]

https://youtu.be/wzii1e_QWgc?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi

 

먼저 public 폴더 안에 pure.html과 src 폴더 안에 App.js를 연다.

이렇게 창을 2개 띄워놓고 코딩을 시작하겠다

 

 

이것이 컴포넌트다.

 

'Subject라는 컴포넌트를 만들겠다' 라는 뜻이다.

※주의 : Class 이름은 대문자로 시작해야한다.

 

 

※주의 : 컴포넌트 안에는 반드시 render() 함수가 포함되어야 한다.

 

 

생성 완료

 

 

 

콘솔로 실행하면

문법 에러가 뜬다.

왜냐하면 태그를 표현하는 < 같은 것들이 그대로 나타나있기 때문임.