안녕하세요! 저는 현재 패스트캠퍼스에서 벨로퍼트님의 React 강의를 듣고 있는 코린이 입니다!개념 정리를 위해서 이렇게 작성하게 되었구요!지금부터 해석은 제 개인적인 의견도 있다는 점 미리 말씀 드립니다!
컴포넌트의 생김새를 정의할 때 사용하는 문법으로코드의 생김새는 HTML과 유사하지만 JS 입니다
props는 부모 컴포넌트에서 자식 컴포넌트에게 특정 값을 보내는 방법 입니다!props의 주의 사항은 부모에서 자식으로 값이 전달은 되나자식에서 부모게에로는 값이 전달되지는 않습니다!불러온 컴포넌트 태그 내부에 propertyName과 value로 전달합니다!사용한
useState는 함수형 컴포넌트에서 상태를 관리할 때 사용하는Hooks 문법 중 하나이며 가장 많이 사용됩니다특히 컴포넌트에서 보여줘야할 내용이 사용자 인터렉션에 따라 바뀌어야 할 때 사용합니다함수를 선언 할 때는 function을 사용하기도 하지만 arrow fun
단일 input 상태 관리
useRef useRef는 특정 DOM 객체를 선택해야 되는 상황(getElementById, querySelector ... 등) DOM을 직접 선택해야하는 상황(특정 엘리먼트 크기나 위치를 불러오거나 스크롤바 위치를 가져오거나 설정, 포커스 설정 하는 등, 비디오j
배열 렌더링 앞으로 저희는 다양한 라이브러리에서 많은 값을 배열(컬렉션) 형식으로 받아올 일이 많아요! 그럴 때 좀 더 효율적으로 렌더링을 하기 위해서 map(), concat(), filter() 등 함수가 갖고 있는 메소드를 활용하는 경우가 많습니다! 이번에는 위에
DOM 엘리먼트를 자바스크립트에서 갖고와서 이벤트 전달컴포넌 변수를 정의하고, 실제 DOM에 컴포넌트를 그려준다컴포넌트는 데이터를 갖고 있으며 행위에 따라 데이터는 변경이 가능하다render는 상태(데이터)에 따라 보여주게 해준다Component는 함수라고 생각을 하고