React란

 리액트란 무엇인지 한번 보고 가겠습니다.

 

 리액트(React)란 페이스북에서 만든 프론트엔드 프레임워크인데, 이 프론트엔드라는게 뭔가? 라고 물어보면 우리가 늘 보는 화면입니다.

 

 HTML,CSS,JS라고 생각하면 됩니다. 그런데 이미 HTML CSS JS가 있는데 왜 또 프론트엔드 프레임워크라는 것을 써야 하는가?에 대해서 알아보면

 

 

 위의 화면처럼 좋아요를 구현한다고 생각해보면, 기존 방식대로 좋아요 버튼을 누르면

 

 1. 좋아요 버튼이 눌림

 2. 서버로 좋아요 요청이 감

 3. 서버에서 확인 후 좋아요를 5로 바꿔주고 HTML 새로고침

 

 형태로 진행됩니다. 그런데 이 HTML을 새로고침 해주는 작업이 너무나도 비 효율적이라고 생각되어 생긴 기술이 프론트엔트 프레임워크들입니다. 

 

 Vue, React, Angular 등이 있으며, React에 대해서 좀 더 알아보다 보면 redux, hook이라는 애들이 나옵니다.

 

 일단 redux라는 애는 

 

http://www.liberaldictionary.com/redux/

 state가 많아졌을 때, 관리를 용이하게 하기 위해 외부에서 store라는 저장소에 상태(state)관리를 해주는 애고

 

 훅(Hook)이라는 애는, 로직의 재사용을 위해 이용합니다.

 

 웹팩(webpack)이라는 애는, 웹에 있는 자원을 번들링해주는 도구입니다.

 

 

 

 

참고

[1] - devlog-h.tistory.com/14

[2] - velopert.com/3528

[3] - bravenamme.github.io/2020/04/08/react-hook/

[4] - steemit.com/javascript/@noreco/webpack