나만의 리액트 만들어보기 - 1 (초기 환경 셋팅)

리액트는 어떻게 동작하는 걸까?

 

아무래도 라이브러리를 뜯어보지 않는 이상은 개념적으로만 동작 방식을 알고 있을 것이다.

좀 더 완벽한 이해를 위해서,

이번 포스팅 시리즈를 통해 (완벽하지는 않지만) 리액트 기능을 비슷하게 따라할 수 있도록 구현을 하는 방법을 차례대로 포스팅할 계획이다. 

 

셋팅

TinyReact.zip

1.36MB

 

 

위 폴더를 다운받아서 프로젝트를 초기 셋팅을 하자.

 

scripts 폴더엔 babel이,

style 폴더안에는 css 들이,

dom.js에는 react 로직이 들어갈 것이고 (예정),

index.js에는 실제로 테스트할 수 있는 코드들이 들어갈 것이다. (예정)

그리고 index.html에서는 그 파일들을 사용하고 있으며 참고로 dom.js, index.js는 script type이  text/babel이다.

 

실제로 서버를 구동하고 싶다면 index.html에서 우클릭을 하여 

"Open with live server"를 클릭하여 서버를 켜주자. (없다면 live server 익스텐션 설치)

 

끝