[React] 리액트는 뭘까?

리액트 공식문서 천천히 읽어보며 어떤 개념을 설명하는지 돌아보는 글 입니다.

이해하는 방식이 주입이아닌 인과결과를 살펴보고 이해하는 것을 좋아하기 때문에,

공식문서와 함께 공부해 보는 것이 좋겠다는 생각이 들었습니다.

위의 영상에서는 mutation을 피하기 위해 단방향 데이터바인딩을 통해

하나의 플로우로 애플리케이션이 이루어지게 만들었다고 설명합니다.

그렇게 데이터가 바뀔때마다 렌더링 된것을 완전히 지우고 처음부터 다시 렌더링한다고 합니다.

하지만 DOM은 느리기때문에 비용,시간적 측면에서 해당 방법은 현실적으로 어려웠지만,

몇가지 특징을 통해 리액트는 해냈습니다.

이 부분은 선언형 프로그래밍을 뜻합니다.

선언형 프로그래밍이란쉽게말해 무엇을 할지를 설명하는방식입니다

목적에 집중해서 어떠한 결과를 원한다라는 걸 코드로 작성하는 방식이고

반대로 명령형 프로그래밍은 어떻게 할지 하나하나 명령하는 느낌입니다.

2. JSX를 함께 제공합니다.

리액트에서는 컴포넌트라는 개념이 있습니다.

이는 별도의 파일에 로직을 넣어 기술을 인위적으로 분리하는 대신 관심사의 분리를 통해 UI들을 관리하게됩니다.

3. 고성능 렌더링을 자랑합니다.

앞서 적어둔 모든 렌더링을 초기화 하고 업데이트하는것은 시간이 많이 걸립니다.

그렇기 때문에 리액트에서는 기존의 렌더링 된 것과 업데이트된 것을 비교하여 최소한의 DOM업데이트만 수행합니다.

GSC4