React

서론 전통적인 Web Application의 Page life cycle은 MPA(Multi Page Application)였다. 쉽게 말하면 웹 브라우저에서 특정 페이지에 대한 요청을 서버로 보내면, 서버는 데이터를 웹 브라우저에 응답한다. 이때 페이지를 이동할 때마다 전체 페이지가 다시 불러와지면서 화면이 깜빡거리게 되는데, 사용자 입장에서는 답답한 경험을 제공할 수 도 있다. (데이터가 많을 경우 페이지를 불러오는 동안 흰 화면을 보고 있어야 한다던가.. 여러 가지 부분에서) 그래서 요즘은 SPA(Single Page Application) 방식으로 개발된 Web Application을 심심치 않게 볼 수 있을 것이다. 다른 페이지로 이동하지 않더라도 하나의 페이지에서 서버와 통신을 통해 사용자에게..

React 앱 설치 방법 npx create-react-app 예전에는..? Webpack이나 Babel 같은 모듈을 설치하고, 설정해야 React 앱을 시작할 수 있었다. Webpack 이란? 오픈 소스 코드 자바스크립트 모듈 번들러로써 여러 개로 나누어져 있는 파일들을 하나의 자바스크립트 코드로 압축하고 최적화해주는 라이브러리. Babel 이란? 최신 자바스크립트 문법을 지원하지 않는 브라우저를 위하여, 최신 문법을 구형 브라우저에서도 사용 가능하도록 변환해주는 라이브러리 // 아래와 같은 문법을 구형 브라우저에서는 [1, 2, 3].map((n) => n+1); // 이런식으로 변환 시켜준다. [1, 2, 3].map(function(n) { return n+1; }); npx 란? 노드 패키지 실..