React.js와 Node.js(기본)

가장먼저 Node.js에 대하여 이야기하자면

Node.js란

기본적인 Node.js를 배워보고자 하면 이 사이트를 추천합니다.

https://opentutorials.org/course/3332

WEB2 - Node.js - 생활코딩

생활코딩 Node.js인데 Html과 JS의 기본? 정도만 알고 있다면 재미있게 학습을 진행할 수 있습니다. 따라하다가 안되는 경우 소스코드도 제공되니 따라서 해보시면 됩니다.

 

다음으로 React.js에 대해 알아보자면

React.js는 facebook의 소프트웨어 엔지니어 Jordan Walke에 의해 만들어 졌다. 주로 Facebook이 React.js로 이루어져 있다고 보면 된다. 그리고 주로, 채용정보를 보면 React.js나 Vue.js를 원하는 경우가 주를 이루고 있다.(Github는 React.js나 Vue.js가 아닌 바닐라.js를 이용한다고 한다.)

 

React.js는 싱글페이지 웹사이트로 사이트가 이동될 때, 중복되는 부분은 그대로 내비두고, 다른 부분만 지우고 새로 만든다는 기본적인 개념을 이해하면 될거 같다.

ex) header + atitle + fotter -> header + btitle + fotter 일 경우 header와 fotter를 그대로 두고 title부분만 교체해주는 방식으로 진행을 한다.

React를 접해보면 Chrome의 경우 탭부분의 아이콘이 로딩중이 아닌것을 확인할 수 있다.

 

Node.js와 React.js에 대해 알아보자면

Node.js는 React.js에서 필요로 하는 모듈들을 간편하게 다운받을 수 있도록 도와주는 npm 서비스를 제공한다.(yarn을 쓰는 분이 있기도 함) 결론적으로 React.js는 Node.js라는 서버 위에서 돌아가는 프로그램이다.

 

React.js에 대해 학습을 진행하고자 하는 분들은 위의 생활코딩 Node.js를 학습한 후

https://www.youtube.com/watch?v=cksh7QzYeY8&t=2s 

이 영상을 따라하면서 학습해보면 좋을거 같습니다.