profile
윤의 개발자 블로그

컴포넌트 간 통신

A 의 button 를 클릭하여 E 를 변경하려면A -> E 까지 모두 Props로 내려서 처리해야함E 의 button 를 클릭하여 A 의 p 를 변경하려면실제 프로젝트에서 해당 부분들을 전달하는 방식으로 구현은 너무 힘들다.위와 같은 문제점을 해결하고자 아래 사항들이

2022년 7월 4일
·
0개의 댓글
·

React Router Hook v6

useNavigateuseParams

2022년 7월 3일
·
0개의 댓글
·

Additional Hooks

추가적으로 React에서 제공하는 훅useReducer다수의 하윗값을 포함하는 복잡한 정적 로직을 만드는 경우다음 state가 이전 state에 의존적Redux를 안다면 쉽게 사용 가능ex) Example5.jsxuseMemouseCallbackex) Example6.

2022년 7월 3일
·
0개의 댓글
·

Hook & Context

reactjs hook 공식내용 : https://reactjs.org/docs/hooks-intro.htmlex) Example2 컴포넌트 -> state에 객체가아닌 변수값을 사용했을 경우ex) Example3 컴포넌트 -> state를 셋팅 시 객체를

2022년 6월 29일
·
0개의 댓글
·

Controlled & UnControlled Component

https://reactjs.org/docs/forms.html엘리먼트를 가지고 있는 컴포넌트가 관리Controlled엘리먼트의 상태를 관리하지 않고, 엘리먼트의 참조만 컴포넌트가 소유Uncontrolled예시) ControlledComponent.jsx 예시

2022년 6월 27일
·
0개의 댓글
·
post-thumbnail

React (HOC)

HOC는 < 컴포넌트> 를 인자로 받아 < 새로운 컴포넌트> 를 리턴하는 함수React가 아닌 React에 구성에 따른 방법Relay - fragment-container(HOC)https://relay-ko.github.io/docs/v8.0.0/

2022년 6월 27일
·
0개의 댓글
·