왜 리액트인가?

React는 왜 필요한걸까?

1. 리액트는 컴포넌트 기반 아키텍처를 채택하고 있다. 이는 UI를 작은 독립적인 컴포넌트로 나누어 개발할 수 있게 해주며, 이 컴포넌트들은 재사용이 가능하다. 이로써 개발 생산성을 높이고 코드의 가독성과 유지보수성을 높일 수 있다.

2. DOM이란 브라우저가 실제로 사용하는 객체를 말한다. 리액트는 가상 DOM을 사용하여 성능을 향상시킨다. 실제 DOM 조작은 비용이 많이 들기 때문에, 리액트는 가상 DOM을 사용하여 실제 DOM 조작을 최소화하고 성능을 최적화한다. 이는 빠른 UI 렌더링을 가능하게 한다.

3. 자바스크립트는 명령형 프로그래밍을 사용한다. 명령형 프로그래밍은 절차를 하나하나 다 나열해야한다. 하지만 리액트는 선언형 프로그래밍을 사용한다. 선언형 프로그래밍은 무엇을 (What) 수행할 것인지 기술한다. 원하는 결과를 선언하고, 프로그램은 그 결과를 얻기 위해 필요한 연산을 추론한다. 이러한 선언적 코드는 구현 세부사항을 감추기 때문에 내부 구현을 변경하더라도 다른 부분에 영향을 덜 줄 수 있다. 이는 유지보수를 더 쉽게 만들어준다.

4. 리액트에서 데이터는 항상 상위 컴포넌트에서 하위 컴포넌트로 한 방향으로 흐르는 단방향 데이터 바인딩 (One-Way Data Binding)이다. 이로써 데이터의 흐름이 예측 가능하고 디버깅이 쉬워진다.

Create React App

npm start를 통해 시작한 순간 우리의 컴퓨터는 서버 컴퓨터의 역할을 할 수 있게 된다. localhost:3000으로 들어오면 리액트 앱이 실행되는데 이건 로컬 호스트이므로 다른 컴퓨터에서는 이 주소를 통해 자신이 만든 웹 사이트에 들어올 수 없다.