# Select / Input

2개의 포스트
post-thumbnail

한 주의 정리 - WIL

이번주(2월 20일 ~ 2월 26일)은 리액트 심화부터 백엔드와 프론트가 만나 처음 서로의 언어로 토이 프로잭트를 만드는 날이었다. 이번주 Weekend, I Learend **1. 리덕스 청크는 리덕스에서 많이 사용하고 있는 미들웨어중에 하나이다. thunk를 사용하면 dispatch를 할때 객체가 아닌 함수를 dispatch 할 수 있게 해준다. 즉 dispatch(객체) 가 아니라 dispatch(함수)를 할 수 있게 되는 것이다. 그래서 중간에 하고자 하는 작업을 함수를 통해 넣을 수 있고 그것이 중간에 실행되게 된다. ** 2. Redux-thunk, Redux-Saga 등에는 다음과 같은 문제가 있다. ** 보일러 플레이트 : 코드량이 너무 많다. 규격화 문제 : Redux가 비동기 데이터 관리를 위한 전문 라이브러리가 아니다.(규격화 문제) 그러다보니 이점을 해결하고자 리액트 쿼리가 나왔다.** ** 그럼 리액트 쿼리의 장점은 무엇일까?

2023년 2월 26일
·
0개의 댓글
·
post-thumbnail

토이 프로잭트 - Select / Input

2월 25일 여정 48일차이다. 오늘은 토이 프로잭트하면서 어려웠던 부분에 대해서 기록을 남길려고 한다. 오늘의 Today I Learned 기능을 하나 구현해야 되는데 난이도가 높았다. 주된 기능은 버튼을 누르면 select와 Input이 추가되야 했다. 구글의 도움을 받아 만들어진 코드를 리뷰해보고자 한다. 위에 2개는 새로운 form 만들기 버튼을 눌렀을때 동작하는 코드이다. 일단 addField 함수를 보면 fields는 배열로 안에 객체가 있다. 그것의 길이가 내가 정해놓은 MAX_FIELDS보다 클 경우 추가를 못하게 막아 놓았다. createNewFields전에 getMaxSelectValue를 먼저 보게되면 여기서는 fields는 배열 안에 객체로되어 있다. 그것을 map을 돌려 field.selectValue의 최대값을 리턴하였다. 이후에 createNewFields에는 getMaxSelectValue에서 리턴한 최대값과 그리고 newFiedls안에

2023년 2월 25일
·
0개의 댓글
·