React

8일차1) useCallback, useMemo, Reactmemo, 리듀서\-useCallback 인라인 콜백과 그것의 의존성 값의 배열을 전달하세요. useCallback은 콜백의 메모이제이션된 버전을 반환할 것입니다. 그 메모이제이션된 버전은 콜백의 의존성이 변경

7일차1) sassSass (Syntactically Awesome Style Sheets: 문법적으로 짱 멋진 스타일시트) 는 CSS pre-processor 로서, 복잡한 작업을 쉽게 할 수 있게 해주고, 코드의 재활용성을 높여줄 뿐 만 아니라, 코드의 가독성을 높

6일차1) useEffect명령형 또는 어떤 effect를 발생하는 함수를 인자로 받습니다.변형, 구독, 타이머, 로깅 또는 다른 부작용(side effects)은 (React의 렌더링 단계에 따르면) 함수 컴포넌트의 본문 안에서는 허용되지 않습니다. 만약 이를 수행한

☆ useState상태 유지 값과 그 값을 갱신하는 함수를 반환합니다.최초로 렌더링을 하는 동안, 반환된 state(state)는 첫 번째 전달된 인자(initialState)의 값과 같습니다.setState 함수는 state를 갱신할 때 사용합니다. 새 state 값

4일차1) 함수형 컴포넌트클래스형 컴포넌트에 비해 짧고 직관적인 코드Hooks가 도입되면서 클래스형 컴포넌트의 라이프 사이클 메서드와 같은 기능을 사용할 수 있게 되었다. 함수형 컴포넌트+Hooks 조합 추천2) hook useSate, useRef☆ useState상

3일차1) 컴포넌트 분리, 추가, 삭제컴포넌트를 사용하면 UI를 독립적이고 재사용 가능한 부분으로 분할하고 각 부분을 개별적으로 생각할 수 있습니다.일반적으로 새 React 앱은 최상위에 단일 App 컴포넌트를 가지고 있습니다. 하지만 기존 앱에 React를 통합하는

1) 클래스 컴포넌트 사용법컴포넌트props를 input으로 하고 UI가 어떻게 보여야 하는지 정의하는 React Element를 output으로 하는 함수합성을 이용하여 UI를 재사용할 수 있고 독립적인 단위로 쪼갠다.UI를 구성하기 위해서는 화면에 컴포넌트를 그리고

let / const let 구문은 블록 유효 범위를 갖는 지역 변수를 선언하며, 선언과 동시에 임의의 값으로 초기화할 수도 있다. const 선언은 블록 범위의 상수를 선언합니다. 상수의 값은 재할당할 수 없으며 다시 선언할 수도

1일차 리액트에 필요한 ES6 2일차 1) 클래스 컴포넌트 사용법 2) props, state, 이벤트 3) 삭제(map, filter) 3일차 1) 컴포넌트 분리, 추가, 삭제 2) todo 원리예시 3) 클래스형 라이프 사이클