React

리액트는 페이스북에서 개발된 자바스크립트 오픈소스 라이브러리이다.프론트앤드 개발은 웹 개발에서 유저에게 보이는 뷰에 대한 코드를 작성하고 개발하는 것을 의미한다.그렇다면 우리가 지금까지 배웠던 HTML, CSS, JavaScript로 충분한데 왜 리액트를 배워야 할까?

이번 시간에는 SPA(Single Page Application)의 등장 배경과 개념, 그리고 장단점에 대해 알아보자.전통적인 웹사이트는 사용자가 다른 페이지로 이동할 때마다, 브라우저가 새로운 HTML 파일을 불러와서 페이지 전체를 로딩해야 했다.이러한 방식은 중복되

React 데이터 흐름은 부모 컴포넌트에서 자식 컴포넌트로 데이터가 단방향으로 흐르는 방식을 말한다. 이로 인해 앱이 예측 가능하고 유지 보수가 쉬워진다.

Effect Hook은 컴포넌트에서 Side effect를 실행할 수 있도록 하는 Hook으로, 컴포넌트가 렌더링될 때마다 실행된다.

Redux에서는 Action → Dispatch → Reducer → Store 순서로 데이터가 단방향으로 흐르게 된다.상태가 변경되어야 하는 이벤트가 발생하면, 변경될 상태에 대한 정보가 담긴 Action 객체가 생성된다.이 Action 객체는 Dispatch 함수의

Custom Hooks이란 개발자가 스스로 커스텀한 훅을 의미한다. 이를 이용해 반복되는 로직을 함수로 뽑아내어 재사용할 수 있다.

React 앱들은 번들링(Bundling)을 통해 HTML 웹 페이지에 JavaScript를 쉽게 추가할 수 있다.번들링된 앱은 모든 JavaScript 코드가 한 곳에 있으므로 페이지 설정을 위한 호출 수가 적어지고, 단일 링크 태그만으로 JavaScript를 추가할