Q1. 컴포넌트가 마운트될 때까지 API 호출을 어떻게 지연시킬 것인가.

How would you delay an api call until a component has mounted.

전통적인 방식으로 ComponentDidMount 메소드 를 사용하는 것이었습니다. 하지만 이제는 함수형 컴포넌트와 Hook으로 인해 더 이상 클래스 컴포넌트를 작성할 필요가 없습니다. 더 이상 ComponentDidMount를 사용하지 않고 대신 useEffect hook을 사용하는 것입니다.

Q2. 반응 컴포넌트를 조건부로 렌더링하기 위해 삼항 연산자 또는 && 연산자를 사용해야 합니다.

Should you use ternaries or && operator to conditionally render react components.

만약 API 출력 시 데이터의 출력이 true와 false(데이터가 0개) 인 경우로 나누어 조건에 따라 컴포넌트를 렌더링을 해야하는 경우가 존재합니다.

&& 연산자와 삼항 연산자를 사용하여 컴포넌트를 조건에 따라 렌더링을 합니다.

&& 연산자의 경우 데이터가 false를 반환 시 렌더링되는 결과를 예상해야 하지만, 삼항 연산자의 경우 데이터가 false를 반환 시 렌더링되는 결과를 지정해 놓기 때문에 나중에 에러에 대한 문제를 줄일 수 있습니다.

Q3. Create React App 으로 프로젝트 생성 시 공용 폴더에서 절대경로를 사용하려면 어떻게 작성할 것이며, 왜 그렇게 작성되는 이유는 무엇인가.

*public 폴더에는 HTML 파일이 포함되어 있으므로 페이지 제목, meta 태그 설정 등 작업을 수행할 수 있습니다.*