React

리액트 17버전 이상부터 React를 import 하지 않아도 되는 이유

JSX Transform은 무엇인가? 브라우저는 JSX를 알아듣지 못하기 때문에 대부분의 리액트 사용자는 바벨 또는 타입스크립트와 같은 컴파일러에 의존하여 JSX 코드를 일반 자바스크립트로 변환합니다. CRA 또는 Next.js와 같은 사전 구성된 많은 설정에는 JSX Transform도 포함되어 있습니다. JSX Transform의 달라진 점은? JSX를 사용할 때, 브라우저가 리액트 함수를 이해하도록 컴파일러가 transform 해줍니다. 이전 JSX Transform은 JSX를 React.createElement(...)호출로 변경였습니다. import React from 'react'; function App() { return Hello World; } 이전 JSX버전에서 JS로 변경하는 것은 ..

Redux] 리덕스를 사용하는 이유는 무엇일까? (feat.전역상태관리)

리덕스를 사용하는 이유 리액트로 프로젝트를 진행한다면 App 컴포넌트를 거쳐서 필요한 값을 업데이트하고 리렌더링 하는 방식으로 프로젝트가 개발되는데 위의 구조는 부모 컴포넌트에서 모든 걸 관리하고 아래로 내려주는 것이기 때문에 직관적이고 관리하는 것이 편하다는 장점이 있지만 프로젝트의 규모가 커졌을 때 보이는 컴포넌트의 개수가 늘어나면서 다루는 데이터도 늘어나고 그 데이터를 업데이트하는 함수들도 늘어나게 됩니다. 따라서 프로젝트의 규모가 커진다면 App의 코드가 길어지고 유지 보수하는 것이 힘들어집니다. 리덕스를 사용 시 프로젝트의 규모가 커진다면 상태관리를 컴포넌트 밖에서 할 수 있기 때문에 상태 값을 컴포넌트에 종속시키지 않고, 상태 관리를 컴포넌트의 밖에서 관리할 수 있습니다! 리덕스를 프로젝트에 ..