DDODI TIL 🚀

React.FC의 문제점 props에는 두 종류가 있다. 명시적 props: props 타입에 명시적으로 작성되어 있는 props 암시적 props:@types/react등에 의해 자동적으로 추가되는 props React.FC의 props는 기본적으로 children을 포함한다. 즉, React.FC를 사용할 경우 children이 암시적 props가 된다. excess props: 컴포넌트에 넘겨지지만 컴포넌트에서 사용되지 않는 props → excess props의 존재는 POLA원칙을 어기게 만든다. POLA: Principle of Least Astonishment 컴포넌트는 사용자가 예상한대로 작동해야 한다는 원칙 암시적 props인 children은 excess props에 해당한다. 사용자 ..

Union type | 연산자로 여러 개의 타입이 연결된 타입을 의미한다. 이때 | 연산자는 or의 의미를 가지고 있다. 이러한 Union type을 활용해 인터페이스를 정의하고자 했다. 문제 정의 interface Props { data: LectureRoomsPerBuilding | LectureRoomInfo; children?: LectureRoomInfo[]; } 다음과 같이 인터페이스를 작성했는데, 타입 추론에서 문제가 발생했다. export interface LectureRoomInfo { room_name: string; room_uid: RoomUID; } export interface LectureRoomsPerBuilding { building_name: string; building..