React
-
React 용어정리React 2021. 7. 16. 23:47
앱같은 경험을 웹에서 구현가능하게 해준다. 리액트의 장점 왜 사용하는지 사용자 경험 재사용 컴포넌트 데이터-화면 일치 용어정리 Virtual DOM Virtual DOM은 가상의 DOM 이다. 변화가 일어나면, 실제로 브라우저의 DOM에 새로운걸 넣는것이 아니라, 자바스크립트로 이루어진 가상 DOM에 한번 렌더링을 하고, 기존의 DOM과 비교해 변화가 일어난 곳 or 필요한 곳에만 업데이트를 해주는 것이다. SPA SPA(Single Page Application)? 최초 한번 페이지 전체를 로딩한 이후 부터는 데이터만 변경하여 사용할 수 있는 웹 애플리케이션이다. 전통적인 웹 방식은 요청 시 계속해서 새로고침이 일어나면서 서버로 부터 리소스를 전달받아 해석하고 화면에 렌더링 하는 방식이였다. 그러나 S..
-
React 시작하기React 2021. 7. 15. 23:40
React는 페이스북에서 만든 자바스크립트 라이브러리이다. https://ko.reactjs.org/docs/getting-started.html (공식홈페이지) 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 자바스크립트와 비교해 봤을 때 굉장히 모듈화(분업화)가 잘 되어있는것 같다. (객체지향형) 장점 가독성 재사용성 유지보수 공식홈페이지에 들어가 보면 시작하기 위해서는 3가지 방법이 존재한다고 나와있다. 그 중 툴체인을 직접 만드는 방법을 선택해서 리액트를 시작할 것이다. 가장먼저 npm을 설치해야 한다. 안정화된 버전을 추천한다. https://nodejs.org/ko/ Node.js Node.js® is ..