React 공부하기

React는 2013년 페이스북에서 오픈소스로 공개한 자바스크립트 라이브러리로, 페이스북에서 이용하고 있을 뿐 아니라 AirBnB, Uber, Netflix, Instagram 등 우리가 자주 사용하는 웹 어플리케이션 중 상당수는 리액트로 만들어졌습니다.공식사이트는 유

싱글 페이지 어플리케이션(single-page-application)은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 렌더링 하는 웹 어플리케이션 혹은 웹사이트를 말합니다. SPA의 핵심 가치는 사용자 경험(UX) 향상에 있으며 부가적으

CSR은 서버로부터 받은 HTML, CSS, Javascript파일을 browser side에서 렌더링하는 방식입니다. React나 Angular등 modern frontend frameworks로 만들어진 어플리케이션이 이 방식을 사용합니다.유저가 브라우저에 www.

공식사이트 : https://react-hook-form.com/get-started공식사이트를 보면 유효성 체크 규칙을 7가지(required, min, max, minLength, maxLength, pattern, validata) 제공한다고 명시한다.아

리액트는 컴포넌트 기반의 라이브러리입니다. 그래서 컴포넌트가 페이지에 렌더링되기 전인 준비 과정부터 페이지에서 사라질 때 까지의 생명주기가 존재합니다.이 라이프 사이클은 크게 3단계로 Mount, Update, Unmount 나눠볼 수 있는데요. 각각은 컴포넌트의 생성

HTML element들을 담고 있는 웹페이지를 Document라고 부르고, DOM이란 이 html element들을 tree형태로 표현한 것을 말합니다. 출처: https://www.linode.com/docs/guides/traversing-the-dom/

들어가며 React 동작 방식을 제대로 이해하기 위해서는 useEffect Hook의 동작 방식에 대해 이해하는 것이 반드시 필요합니다. 특히 클래스 기반의 라이프사이클 메서드와 useEffect의 동작 방식이 어떻게 다른지 아는 것이 중요하다고 할 수 있습니다. 앞

Redux is a pattern and library for managing and updating global application state, where the UI triggers events called "actions" to describe what happ

React 프로젝트를 진행하면서, 적절한 상태관리 라이브러리를 선택하는 것은 프로젝트의 성공에 중대한 영향을 미치는 결정이라고 할 수 있습니다. 다양한 상태관리 라이브러리들이 존재하는 가운데 Recoil은 어떤 구조로 이뤄져있고 어떻게 작동하는지, 그리고 다른 라이브러

상태 관리는 견고한 React 애플리케이션을 만드는 데 가장 핵심적인 요소입니다. 서로 다른 컴포넌트들 간에 원활한 상태 공유, 업데이트 등은 특히 대규모 어플리케이션에서는 가장 신경써야할 부분이죠. 한동안은 Redux와 MobX 등이 React에서 상태를 처리하는 데