최씨네 블로그

React 시작하기 전에.. 리액트를 시작하기 전 기본적으로 알아야하는 것들이 있습니다. 각종 도구와 문법 그리고 라이프 사이클 등 많은 것들이 있지만 가장 기본적인 것에 대해서 알고 가도록 하겠습니다. 도구 1. WEBPACK 여러 개의 자바스크립트 파일이 여러 개가 존재할 때 각각을 따로 로딩할 경우 변수 충돌, 네트워크 비용 등의 문제가 존재합니다. 따라서 이를 하나의 파일로 관리하기 쉽게 해주는 웹 팩을 사용합니다. 다음은 웹 팩의 주요 네가지 개념입니다. Entry - 웹 팩은 모든 파일을 모듈로 관리합니다. 그 파일이 html, css 든 javascript 든 모든 것을 모듈로 로딩하여 사용합니다. 이 때 서로 의존성이 발생합니다. 이 의존성의 시작을 Entry라고 합니다. Output - ..

Front-end 프레임워크와 라이브러리들은 데이터 변화가 많은 프로젝트에서 DOM 관리와 상태 관리를 최소화하여 개발자가 사용자 인터페이스에만 집중할 수 있도록 개발자 편리를 위해 만들어졌습니다. 특히 Front-end의 대표적인 프레임워크와 라이브러리는 Angular, React, Vue 이렇게 세 가지가 있습니다. Angular - 구글에서 개발했고 client-side 그리고 브라우저 기반의 자바 스크립트 프레임 워크입니다. 서버와 통신하며 HTML 페이지를 reload하지 않고 웹 페이지를 빠르고 효율적으로 렌더링합니다. 또한 앵규러는 all-in-one framework로 다양한 기능을 가지고 있으며 공식 라이브러리들이 존재합니다. React - 리액트는 페이스북에서 만들었고 사용하는 자바 스..