profile
천방지축 얼렁뚱땅 빙글빙글 돌아가는 작은 프론트엔드 개발자

Vanilla JavaScript에 redux 도입,필터링 구현

팀원들이 react까지 배우기엔 러닝커브가 많이 높을 것으로 보여서 장고 template만을 이용해 개발을 하고있다. 필터링 기능을 구현하던 중, 평소라면 react의 state와 useEffect를 이용해 구현했을 필터링을 자바스크립트만으로 구현하려고 하니 어려움을

2022년 2월 14일
·
0개의 댓글
post-thumbnail

[Redux]react-redux 생활코딩 실습 3

앞에서처럼 컴포넌트를 분리하면 종속성은 사라지지만 관리해야 할 컴포넌트가 많아진다는 것이 문제였다. 이를 위해 'react-redux'를 이용한다.connect api를 사용해본다. connect()()는 connect함수에서 함수를 리턴하고, 리턴한 그 함수를 또 실

2021년 12월 30일
·
0개의 댓글
post-thumbnail

[Redux]react-redux 생활코딩 실습 2

저번에 구현한 컴포넌트는 store에 종속성이 높아서 재사용이 어렵다는 문제가 있었다. 이를 해결하기 위해 AddNumber 컴포넌트는 store의 존재를 모르는 컴포넌트로 만들고(presentational component), 이를 감싸는 컨테이터 컴포넌트를 만들어

2021년 12월 22일
·
0개의 댓글
post-thumbnail

[Redux]react-redux 생활코딩 실습

Root에서 AddNumberRoot->AddNumber까지 props를 통해 number state를 전달하고, AddNumber에서 일어난 버튼 클릭 이벤트를 AddNumberRoot 컴포넌트로 전달하고, 또 이를 AddNumberRoot에서 App.js로 전달한다

2021년 12월 22일
·
0개의 댓글
post-thumbnail

[Redux]Redux 입문, 주요 개념 정리

redux 기초 개념(용어) 정리

2021년 12월 20일
·
0개의 댓글