# contextAPI
React Context API App 구현 (1)
Summary Page Form 구현하기 주문 확인 체크 박스 눌러야 주문 확인 버튼이 눌리도록 기능 구현 Boolean 타입의 useState를 생성 button 내 disabled 속성을 넣어 state를 사용해 준다 주문 페이지 UI 생성 orderTyp
useContext Hook 사용
클래스 Component에서 Context Value를 사용하려면 contextType property를 사용한다그럼 함수형 Component에서 Context Value를 어떻게 사용?Context 객체를 인수로 갖고 현재 Context Value를 반환현재 Cont
Context API
Context API는 리액트 프로젝트에서 전역적으로 사용할 데이터가 있을 때 유용한 기능 입니다.로그인 정보, 애플리케이션의 환경설정 및 테마 설정 등의 정보가 해당 됩니다.리덕스, 리액트 라우터, styled-components 등의 라이브러리는 Context AP
Zustand 간단 사용법
state에 members를 만들고 action에 setMembers를 만들었다. 그런데 아래 코드를 보면 setMembers가 결국 받아온 멤버로 교체하는 작업만 한다. 이럴 때는 그냥 setState 메소드를 쓰면 간단하게 해결된다.setMembers는 지우고, 대
[React] 원티드 프리온보딩 인턴십 1주차 과제 회고 (feat. 다시 쓰는 투두리스트)
동료 협업을 통해 투두리스트의 Best Practice 도출
context API
정의react 프로젝트에서 가장 중요한 것은 상태 값 관리컴포넌트간 관계가 깊어지고 많아질수록 상태관리 하기가 복잡하고 어려워진다.context API 사용법
팀원들이 사용할 공통 모달 모듈을 만들어보자
현재 재직하고 있는 회사에서 여러개의 프로젝트를 한 개의 레포지토리로 관리하는 모노레포 구조를 적용하고 있다. 모달 공통 모듈을 만들어서 모든 프로젝트에서 간편한게 사용할 수 있도록하는 모달 작업을 맡아서 개발하게 되었다.위와 같은 모달 패턴은 modal의 open 여
[React] ContextAPI 사용하기
context API는 리엑트에서 제공하는 내장된 기능으로 전역 상태를 관리하기 위한 기능을 제공하는 리액트 공식 API이다.컴포넌트 트리의 깊은 곳에 위치한 컴포넌트들도 해당 데이터에 접근이 가능하여 해당 상태를 필요로하는 컴포넌트에서 직접적으로 사용할 수 있어서 불
[React] context Api
사용법 다만 이때에 컴포넌트로 감싸진 컴포넌트들은 useContext(themeContext); 값을 참조할경우 "green" 으로 참조된다.즉, useContext()으로 참조하는 context의 값은 Provider가 존재할 경우"부모 컴포넌트의" (자신은 포함하지
React 필수 지식 #2
단일 책임 원칙 (Single Responsibility Principle)\-- 함수나 클래스는 한 가지 기능만을 수행해야함개방 폐쇄 원칙 (Open Close Principle)\-- 확장에는 열려있고 변경에는 닫혀있어야함\-- 쉽게 말하면 기능은 변경될 수 있고
[React] Context API
상태관리는 리액트에서 state(= 상태) 데이터를 효율적으로 관리하는 것을 말합니다. 리액트는 상태(state)의 전달을 단방향(부모 -> 자식)으로만 받기때문에 트리구조로 얽힌 컴포넌트 구조에서는 props들이 어디서부터 내려온 것인지 알기가 어렵게 됩니다.이 현상
Props Drilling의 해결 : Context API
Context API란 무엇일까요? Context API란 전역 상태 관리를 하기 위해서 사용합니다. 먼저 기존 리액트에서 Context API와 Redux와 같은 상태 관리 라이브러리가 없을 때 어떻게 최상위 컴포넌트와 최하단 컴포넌트가 데이터를 주고 받는지 생각해볼
Learn 상태 관리 라이브러리
ContextAPI, Redux, MobX, SWR는 상태 관리 라이브러리 혹은 패턴으로 React 프레임워크에서 사용되는 대표적인 상태 관리 방법이다.(State)Context API는 React에서 기본적으로 제공하는 상태 관리 방법 중 하나이다. Context A