리액트 컴포넌트

클래스로 컴포넌트 선언
React.Component로 확장하고 아래에 만들어준다.

함수로 컴포넌트 선언

오늘의 과제

delete와 remove의 차이점
remove: 휴지통으로 이동(복원 가능)
delete: 완전 삭제(복원 불가)
예시)데이터 관리를 예로 들었을 때 회원정보는 삭제해도 정보의 재사용을 막기 위해 DB에 데이터가 남아 있다(remove)
하지만 게시판의 경우 삭제하면 정보가 완전 삭제된다.(delete)

widget 만들기
깃허브링크

오늘의 질문

만약에 focusable 하지 않은 요소에 tabIndex를 주었을 경우에도 focus-within이 통하나요?

된다! 하지만 주의할 점
tabindex는 양의 정수를 쓰지 말고 0,-1 순서를 임의로 지정하지 않도록 함.

if(domElement)가 있는 이유

domElement값이 있을 경우 랜더링 하기 위해(안전하게 불러오려고)

함수형 컴포넌트(태그)와 전에 썼던 형식(함수실행)의 차이

컴포넌트의 경우에는 jsx 문법으로 선언하는 것. 하나의 컴포넌트를 만들고 fragment로 사용할 수 있다.
함수 실행은 리액트 컴포넌트에 들어가기 전에 임의적으로 함수를 정의하고 render 안에서 실행하는 식으로 element 요소를 만든 것