리액트 up 1. 다시 처음부터 공부 해보자

다시 react를 처음부터 공부하려는 이유

이직을 하면서, react와 next js를 사용하고 있지만, 사용하면 사용할수록 react에 대해 많이 부족하다는 생각이 들었다. 그래서 다시 처음부터 해보려 한다.

리액트를 그냥 기능적으로만 보면서 사용했던 부분에서 이제 원리와 프로세스, 깊게 공부하고자 하는 카테고리 이다.

기본적인 내용은 간단하게만 적어놓고, 원론적인 부분을 내가 이해하기 쉽게 적어놓으려 한다.

리액트를 배우는 이유

1. 반응성

• 리액트 이전에는 새로고침으로 페이지를 갱신하는 방식이 일반적이었다. 리액트는 가상 DOM을 사용하여 변경된 부분만 업데이트함으로써 사용자 경험을 향상시킨다. 이는 빠른 렌더링과 부드러운 사용자 인터페이스를 제공한다.

1. 재사용성

• 리액트는 UI를 독립적인 컴포넌트로 분리하여 재사용성을 높인다. 각 컴포넌트는 상태와 속성을 가질 수 있어, 복잡한 UI를 효율적으로 관리할 수 있다.

반응성과 재사용성은 js로도 구현이 가능했다. react는 이러한 기능을 더 쉽게 구현할 수 있도록 도와준다.

1. JSX

• JSX는 JavaScript와 HTML을 결합한 문법으로, UI를 정의하는 데 사용된다. 이는 코드의 가독성을 높이고, 개발자가 UI를 직관적으로 이해할 수 있게 한다.

1. virtual DOM

• 리액트는 실제 DOM을 직접 조작하는 대신 가상 DOM을 사용하여 성능을 최적화한다. 변경 사항이 발생하면 가상 DOM에서 비교를 수행하고, 실제 DOM에 최소한의 변경만 적용한다.

DOM 에대해서 DOM이란