Frontend/ReactNative3 상태관리와 Redux 언제든지 redux가 필요할 때 빠르게 복기하기 위해서 정리하는 용도로 작성!프론트엔드에서 상태관리란? 상태관리는 앱의 UI에 필요한 데이터나 상태를 저장하고 변경사항을 관리하는 과정을 말한다. React는 컴포넌트를 기반으로 UI를 구성하는데, 상태가 바뀌면 '리랜더링'이 발생하기 때문에 상태를 정확히, 효율적으로 관리해야 한다. 대규모 프로젝트의 경우 엄청나게 많은 컴포넌트가 존재하고 상태가 걷잡을 수 없이 많아지며 꼬일 수 있다. 또한 상태를 공유하기 위해 props-drilling와 같은 문제에 직면할 수도 있다. 그래서 컴포넌트별로 상태를 관리하는 것이 아니라, 중앙집중식으로 상태를 관리하려는 시도가 이어졌다.다양한 상태관리 라이브러리리액트,리액트네이티브에서 사용할 수 있는 상태관리 라이브러리의.. 2024. 11. 4. React 와 JavaScript정리 React는 JavaScript 기반 UI 라이브러리이다. 리액트는 기본적으로 index.html 하나로 동작하는 Single Page Application이다. 또한 클라이언트 사이드에서 JavaScript를 통해 동적으로 컨텐츠를 렌더링 하는 CSR 방식이다. - CSR(Client Side Rendering) 클라이언트 단에서 화면을 그리기 (React,Angular,Vue.js 등이 있다.)- SSR - 서버에서 완성된 html,css,js 파일을 전달하는 방식 (요즘은 Next.js가 핫하더라) React 기본 프로젝트의 index.js파일을 보면React와 ReactDOM을 불러와서 App을 렌더링 한다. ReactDOM.render(, document.getElementById('root.. 2024. 7. 28. Expo로 RN 프로젝트 시작하기 (settings) 사전 설치[ brew, VSCode, Xcode, Apple Command Line Tools, AndroidStudio, Node.js ] 를 미리 설치해 두면 좋다!) https://brew.sh/ HomebrewThe Missing Package Manager for macOS (or Linux).brew.shhttps://code.visualstudio.com/ Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is f.. 2024. 7. 21. 이전 1 다음