React

DOM(Document Object Model)을 영어 뜻풀이 그대로 하자면 문서 객체 모델을 의미한다.그렇다면 여기서 말하는 문서 객체란 무엇일까?문서 객체란 html, head, body와 같은 태그들을 javascript가 이용할 수 있는 객체를 의미한다.다시 말

리액트는 MVC나 MVVM 아키텍처를 사용하는 프레임워크와 달리, 오직 View만 신경쓰는 자바스크립트 라이브러리이다.데이터가 변할 때마다 뷰에 어떤 변화를 줄지 고민하는 것이 아니라 기존 뷰를 날려 버리고 처음부터 새로 렌더링한다.React는 데이터의 흐름이 한 방향

리액트 컴포넌트에는 라이프사이클(수명 주기)이 존재한다.컴포넌트의 수명은 페이지에 렌더링되기 전인 준비과정에서 시작하여 페이지에서 사라질 때끝난다.컴포넌트를 처음으로 렌더링 할 때, 어떤 작업을 처리해야하거나 컴포넌트를 업데이트하기 전후로 어떤 작업을 처리해야 할 수도

함수형 컴포넌트에서도 클래스형 컴포넌트의 라이프사이클 메서드처럼 다양한 기능을 지원하기위해 훅이 추가되었다. 리액트 v16.8 에 새로 도입되었다.상태를 관리한다. state, setState 순으로 반환 받아서 사용한다.주의해야할점은 setState가 비동기적으로 실

리액트 라우터(React Router)는 컴포넌트들 안에서부터 라우터의 state에 접근하거나 화면이동(navigation)을 수행하게 해주는 여러 hooks를 가지고 있다.리액트 라우터에서 화면이동을 할 때 항상 history, location, match 라는 객체

React-Redux란 react에서 redux를 사용하기 편하게 여러가지 hook을 제공해주는 라이브러리이다.useDispatch 은 Context 에 포함된 dispatch 를 가져올 수 있다. 이 dispatch 를 이용해 action 을 발생시킨다.useSele

부수효과란 함수가 만들어진 목적과는 다른 효과 또는 부작용이다.더 쉽게 말하면함수에 예상할 수 없는 일이 생길 가능성이 존재한다면,이 함수는 부수 효과를 가질 수 있는 함수가 된다.이 부수효과가 있는 함수를 비순수 함수라고 한다함수의 안팎에서 뭔가 예기치 않은 일이 생

프론트엔드에서 Headless가 어떤 의미를 뜻할까? 먼저 프론트엔드 개발을 하면서 느껴봤을 법한 일을 떠올려보자.외부 UI 라이브러리를 사용할 경우, 유스케이스에 맞게 기능을 새로 추가하거나 변경하고 싶어도 그에 맞게 디자인이나 기능을 수정하기가 매우 어렵다.더 나아

클로저는 자바스크립트에서 함수와 그 함수가 선언될 때의 렉시컬 환경과의 조합이다. 이를 통해 함수는 선언된 환경 밖에서 실행되더라도 해당 환경의 변수에 접근할 수 있다. 클로저는 상태 관리, 데이터 캡슐화 등에 사용된다.React Hook에서는 useState라는 Ho