일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- useEffect
- 미리보기
- react
- FileReader
- 접근 제한 라우팅
- route
- 동기
- Github Actions
- updater
- CI/CD
- 채팅방
- qwe
- socket.io
- Preview
- rendering
- 배포
- 스파르타코딩클럽
- S3
- imagePreview
- Redux
- 항해99
- 비동기
- 개발
- 7기
- routing
- 라우팅
- setstate
- 브라우저 렌더링
- 후기
- previousState
- Today
- Total
목록전체 글 (105)
삐옹
배운것 React React Redux의 흐름 리덕스와 컴포넌트 연결 *useDispatch(수정해줘) ,useSelector(갖다쓸게) - action을 부른다 *??? - reducer *새로운 상태값 만들어 반환 - store *reducer (+ options)들을 combine 하여 createStore - 컴포넌트에서 데이터 사용 useRef useRef를 쓰는 이유는 관리하는 변수 값이 바뀐다고해서 컴포넌트가 리렌더링되지 않기 때문입니다. 고유한 값을 설정해야할 떄 유용합니다(이를테면 id 값을 설정 할 때).리액트 컴포넌트에서의 상태는 상태를 바꾸는 함수를 호출하고 나서 그 다음 렌더링 이후로 업데이트 된 상태를 조회 할 수 있는 반면, useRef 로 관리하고 있는 변수는 설정 후 바로 ..
배운 것 리액트에서 state를 다루는 법에 관하여 배웠다. 배열, ref 이것저것 배울것도 어려운것도 참 많다ㅠ 리액트 리덕스를 배우고 있다. 아쉬운 것 저번 주엔 체력적으로 많이 지쳐있다고 느꼈다. 이번 주말에 잘 쉬고 와서 다행히 많이 회복이 되었지만 앞으로는 평소에 체력 비축에 좀더 신경써야 할듯 싶다. 너무 늦게 자고 일찍 일어나는 이런 생활이 당장은 이득이 된다고 생각할 수 있지만, 조금만 멀리 생각해보면 오히려 해가 된다. 이제 겨우 4주차다. 주어진 시간에 '집중' 과 '꾸준히'를 항상 마음에 새기고 계속하자. 🌝 집중력 부분에서 아쉬운게 많은 주차였다. 키워드 DOM(Document Object Model) 프로그래밍 언어가 HTML, XML같은 문서를 조작하여 상호작용하기 위한 API입..
배운 것 React 언제 컴포넌트를 만드는게 좋은 것인가? html을 반복해야할 때, 큰 페이지들, 자주 변경되는 것들 객체타입 state 변경 시 꼭 복사본을 만들어 변경한다. 그렇지않으면 리액트가 새로 들어올 변수 감지하지 못 하기 때문이다(원본에 사본을 넣어줄 때 두 개의 참조값이 달라야 리액트는 변경을 감지 할 수 있다). 이것을 객체의 불변성을 지킨다 라고 한다. 객체의 불변성을 지켜야 하는 이유는 2가지가 있다. 앞서말한 것 처럼 원본데이터의 불변성을 지켜주어야만 리액트 컴포넌트에서 변경을 감지 할 수 있다. 그럼으로써 리렌더링이 진행된다. 두 번째는 컴포넌트 업데이트 성능 최적화라고 한다. whatever. [name] : value -> name 값을 가진 키 값: value 사용 예)하나..