React Study

리액트 스터디 1일차 - JS 이론 정리 (1)

객체

단락회로 평가,

promise 완전 이해해버림 ㅋㅋ

return new Promise((resolve, reject)=> {} 방법과 promise chaining 그리고 then 사용 깔끔하게 하는거

create-react-app으로 시작하기 그리고 JSX의 간단한 규칙들

프로젝트 S.A와 사용자 입력 값 처리하기

useRef로 element 조작하기

배열에 값을 담아서 LIST를 렌더링 해보자. map을 사용하면 편리! 분리 시킬 수 있는 부분은 컴포넌트화 하기

리스트 데이터를 추가하고 state 끌어올리기를 이용하여 자식 계층 간에 데이터를 활용할 수 있게 한다.

onRemove 함수는 targetId를 받아서 현재 data에서 targetId를 가진 것을 제외한 새로운 newDiaryList 배열을 반환한다. 이것을 setData()의 인자로 넘겨서 data의 상태를 업데이트한다.이때 주의할 점은 만들어 놓은 onRemove

React의 컴포넌트 생명주기 그리고 useEffect()

useMemo()로 연산 최적화

부모의 prop으로 전달하는 함수가, 부모가 렌더링 될 때마다 재생성되지 않게 useCallback hook으로 최적화