본문 바로가기

프로그래머/React.js

ReactJS - Hello world 출력 | NomadCoders | 프로그래밍 공부

* 이 포스팅은 Nomad Coders의 강의를 들으며 내용을 정리한 것이며, 

모든 내용은 https://academy.nomadcoders.co/ 에서 보실 수 있습니다.*


ReactJS 수업을 위해서는 다음과 같은 프로그램을 우선적으로 설치해야 한다

NodeJS, npm, Yarn, Create React App


Create React App - 웹팩과 같은 툴을 사용할 필요 없이 손쉽게 리액트 앱을 만들어 주는 tool

설치를 한 후, 만든 폴더 내로 들어가 yarn start 명령어를 사용해 react를 시작할 수 있다.

react를 시작하면, 자동으로 웹 브라우저가 연결된다.(locathost)

코드에디터(여기서는 VSC)를 이용해 코드를 수정할 수 있다.


이미 모든 파일들이 셋업되어 있을 것이다.

여기서는 App.js 파일을 약간 변경해보겠다.

hello thlee!를 삽입해보았다.

저장만 해주면, 자동으로 웹 브라우저가 동기화된다.