react 2

[React] state와 ref의 차이

state와 ref에 대한 차이는 당근마켓 면접 시 들었던 질문이다. state 와 props 의 차이는 기초 개념이자 프론트엔드 면접질문 중 자주 나오기에 쉽게 대답할 수 있는데 state와 ref에 대한 차이는 한번도 고민해보지 않아 당황스러웠다. 일단은 각각에 대해서 정리하면 State : "컴포넌트 내에서 관리되는 데이터 객체" Ref : "DOM에 이름을 다는 것으로, DOM에 직접 접근하고 싶을 때 사용" 질문에서 의도했던 대답은 State 리렌더링이 필요한, 즉 변경시 렌더링이 되어야 하는 값을 다룰 때이고, Ref 리렌더링을 발생시키지 않아도 되는 값을 다룰 때

Web 2021.09.02

Redux 정리

Redux란? Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너이다. 자바스크립트 상태 관리 라이브러리이다. Redux는 React 뿐만 아니라, Angular,vanilla javascript, Vue 등 다른 프레임워크/라이브러리도 함께 쓰일 수 있다. 보통은 react랑 많이 사용된다. Redux 사용해야 되는 이유? 아래 사진이 리덕스를 설명할 때 가장 많이 사용되는 사진인데, 프로젝트가 커서 컴포넌트의 depth가 많아지게 되면 데이터 흐름이 점점 복잡해진다. 이때 redux가 데이터를 store 란 곳에 저장해놓고 필요할 때마다 얻어올 수 있기에 더욱 복잡한 데이터 흐름이 없어지게 되서 오른쪽과 같이 흐름이 간단해진다. Redux 구성요소 Store 프로젝트당 1개만 등록한다. 모..

Web 2021.08.27