리액트로 웹에서 Hello world 보여주기 !

저번시간에 만들었던 구조로 가겟습니다. ( 디폴트 구조 ) 

src에 Hello 라는 폴더를 만들고 Hello.js라는 파일을 만들어줍니다!

 

rcc 를 입력후 컨트롤 + 스페이스바를 누른뒤 ( 자동 기본 문법 셋팅 )

내부에 h1태그에 hellow world ! 를 입력해줍니다.

 

그리고 app.js에 가서 return() 값안에 들어간 코드를 다 삭제하고

<Hello />라는 것을 입력해줍니다 (자동 import 안될 시 => 입력 ( import Hello from './Hello/Hello'; )  )

 

그래서 app.js에 코드를 넣어주면

 

npm start를 했을 때 결과가 아래처럼 찍히네요!

 

이번시간에는 hello world를 컴포넌트에서 불러와서 출력하는 법을 공부했습니다!