Subin Lim

props 는 properties 의 줄임말 (어떠한 값을 컴포넌트에게 전달해줘야 할 때 사용) - 여러개의 props는 비구조화 할당으로 간결하게 작성 - defaultProps 로 기본값 설정가능 - props.children - 컴포넌트 태그 사이에...

Context API : 프로젝트 안에서 전역적으로 사용 할 수 있는 값을 관리 const UserDispatch = React.createContext(null); ... Context 안에 Provider 컴포넌트를 통하여 Context 의 값을 정함(& value값 설정) Provider 에...

동적인 배열을 렌더링해야 할 때에는 자바스크립트 배열의 내장함수 map() 을 사용 리액트에서 배열을 렌더링 할 때에는 key 라는 props 를 설정 (고유값) 고유 원소에 key 가 있어야만 배열이 업데이트 될...

리액트 컴포넌트는 XML 형식의 값을 반환(JSX) 컴포넌트는 일종의 UI 조각 (쉽게 재사용 가능) 실제 DOM 내부에 리액트 컴포넌트를 렌더링 ReactDOM.render(, document.getElementById('root'));

axios API 를 호출하는 라이브러리 axios의 GET, PUT, POST, DELETE 등의 메서드를 이용하여 데이터 관리 REST API GET: 데이터 조회 POST: 데이터 등록 PUT: 데이터 수정 DELETE: 데이터 제거 import...

React.memo 함수 : 필요한 상황에서만 리렌더링을 하도록 설정 (컴포넌트의 props 가 바뀌지 않았다면, 리렌더링을 방지) 상태 관리 시 함수형 업데이트를 하면 최신 상태를 참조하기 때문에 useCallback의 deps에 넣지 않아도 됨...

:) 투두리스트 금방만드네요!!!!! 너무 감사합니다

삼항연산자를 사용한 조건부 렌더링 (주로 특정 조건에 따라 보여줘야 하는 내용이 다를 때 사용) JSX 에서 null, false, undefined 를 렌더링하게 된다면 아무것도 나타나지 않음 보여주고 숨기고의 단순한 처리라면 &&...

덕분에 리액트, 리덕스 개념 잘 잡았습니당!! 증말 감사합니다!!!

useRef() 를 사용하여 Ref 객체를 만들고, 선택하고 싶은 DOM 에 ref 값으로 설정 Ref 객체의 .current 값은 선택한 DOM을 가리킴