- JSX 문법이란 무엇일까요?
Javascript에 XML을 추가하여 확장한 문법 반드시 부모 요소 하나가 감싸는 형태여야한다. JSX안에서도 자바스크립트 표현식을 사용할 수 있다. => 투두리스트 카드에 타이틀 {work.title}로 표현함.
- 사용자가 입력하는 값, 또는 이미 입력된 값, 투두의 타이들과 같은 애플리케이션의 상태를 관리하기 위해 리액트의 어떤 기능을 사용하셨나요?
Hook : StateHook을 사용 => const [title, setTitle] = useState('');
- 애플리케이션의 상태 값들을 컴포넌트 간 어떤 방식으로 공유하셨나요?
props(properties)를 사용하여 상태값 전달 =>
- 기능 구현을 위해 불변성 유지가 필요한 부분이 있었다면 하나만 설명해 주세요.
참조형인 배열은 주소값이 같기 때문에 변화가 감지 되지 않아 리렌더링이 되지 않았음 (예를 들면 배열 안 isDone의 값이 변해도 주소값이 같아 동작이 되지 않았음)=> 스프레드 문법을 사용하여 배열의 불변성을 유지시켜줌.
- 반복되는 컴포넌트를 파악하고 재사용할 수 있는 컴포넌트로 분리해 보셨나요? 그렇다면 어떠한 이점이 있었나요?
코드 중복의 최소화 : 코드를 수정할 때 실수가 줄어듦