inno 23
Sparta coding
Innovation Camp
w4 day23
서정연님 state가 자식compo에 위치하는 이유?
- 우리가 생각했던 data의 flow는 props였음
state는 그 state를 사용할, 유의미한 component에서
만들고, 관리하고, 변화하는 data임 - 만약 자식compo에서 생성된 state가 있다면
그 state가 어디서 사용되는지 되짚어 보면 될 듯 - prosp로 받아온 data를
<Update>compo안에서 사용하고
변화시키기 위해서 state를 부여했다 는 흐름으로 이해 됨
세은a님
- 방식이 다르다 / ㅇㅇredux인 듯
그렇다면 redux의 data흐름과 기존 props/state의 data취급을
보고 ‘왜다르지?’ 하고 생각하셨을 가능성 있음
Q1 그렇다면 자식component에 있는 state를 부모로 옮겨서
변형/수정하고 자식에게 뿌리는 방식도 개념적으로 가능한지?
- 원한다면 그렇게 할 수 도 있겠지만 code가 지저분해질 것 같음
data가 유효한 compo안에서 state를 설정하라고 하는 이유가 있을 것
reference : https://bit.ly/3dQLvxZ
Q2 contextcontrol에 넣어군 create, update 기능을
바깥으로 빼고 상시 보이게 수정해 볼 것
LifeCoding 10 Delete
create / update는 해당 page수정이라 a tag사용(link)
but Delete는 btn 사용
React에서는 tag를 다룰 때 하나의 tag안에 들어있어야 함
- <></> 빈 tag를 넣어주면 tag들 grouping 할 수 있음
Q3 delete 구현방식의 개념이 어려움 천천히 다시 생각해보자
-
LifeCoding DONE
individual repo
- CSS 입히기
-
입힌 CSS styled compnent로 변경해보기(수요일)
- 새로 넣은 정보를 안에서 저장할 수 있게 router? / store?
1-45까지 6개 중복되지않는 정수 추출하기
정주혜 매니저님 풀이
- reducer로 정의해놓고
-
dispatch로 실행만시키면 되니까 깔끔함
-
filter / map 너무 유용해보여 배워두자
-
논리를 만들어놓고 / rendering 해볼게요
- useState hook 좋은데 까다로움
- 비동기로 동작함
- 위 > 아래로 순서 ㄴㄴ
- 함수가 실행될떄 안의 함수가 모두 실행되고 나서 마지막으로 실행 = 비동기
- 오.. 실제로 log 찍어보니 ㄹㅇ임 신기함
- 배치 대치 처리?
- rerendering을 줄이면 성능을 향상..
- 다수의 함수를 묶어서 처리하기위해 비동기로 동작한다
-
일반만 된다고 써있는데 함수도 다 된다
- map은 새로운 배열을 조합해서 return
TIL :