profile
Frontend Engineer in @KakaoStyle

[React Component] Controlled vs Uncontrolled Component

1\. 제어 컴포넌트폼 데이터는 React 컴포넌트에서 다루어진다.2\. 비제어 컴포넌트DOM 자체에서 폼 데이터가 다루어진다.초기값 지정 이후의 업데이트에는 제어하지 않는 것이 좋다. defaultValue를 사용한다.3\. Hooks Form 라이브러리react-h

2020년 10월 12일
·
0개의 댓글
·

[React hooks] useReducer

reducer란 무엇인가요?Re(act State Pro)ducer => Reducerreducer의 정의 정리다시말해, 리듀서라고 불리는 이유는 리듀서가 reduce()함수에서 사용하는 콜백함수이기때문에 리듀서라고 불립니다.(state, action) => newSt

2020년 9월 1일
·
0개의 댓글
·

[React hooks] useContext

React에서 nested한 Children Component에게 props를 전달해야할 경우, props를 계속해서 넘겨줘야하고, 변경 점이 생기면 모두 수정해줘야하는 상황이 발생한다.이때, React Context를 통해 global로 state를 관리할 수 있다.

2020년 8월 31일
·
0개의 댓글
·

[React hooks] useEffect

react의 Component Class 방식을 사용하다가 react hook을 알게 되니 신세계이다.state의 변경사항을 구독하고, 해제하는 code가 예를 들면 componentDidMount, componentDidUpdate 등.. 으로 파편화 되어 있고, 확

2020년 8월 28일
·
0개의 댓글
·

[React] File Upload Input

파일 업로드에 onChange함수에서 변경사항을 업데이트하지 못하는 현상이 발생한다.이 때, onClick에서 e.target.value = null로 value값을 갱신해야한다.stackoverflow link

2020년 8월 23일
·
0개의 댓글
·