인프런 커뮤니티 질문&답변
작성한 질문수
Module not found
작성
·
375
0
제로초님 영상을 보고 따라하는 도중 Menu의 index.tsx작성 후에 Workspace로 옮겼는데, Module을 찾을 수 없다고 뜨는데, 어디가 잘못 된건지 모르겠습니다...
components/Menu/index.tsx
import React, { FC } from 'react';
import { CreateMenu } from './style';
const Menu: FC<React.PropsWithChildren<{}>> = ({ children }) => {
return (
<CreateMenu>
<div>menu</div>
{children}
</CreateMenu>
);
};
export default Menu;
Workspace/index.tsx
import React, { FC } from 'react';
import { CreateMenu } from './style';
const Menu: FC<React.PropsWithChildren<{}>> = ({ children }) => {
return (
<CreateMenu>
<div>menu</div>
{children}
</CreateMenu>
);
};
export default Menu;
에러메세지입니다.
혹시 몰라서 터미널에 뜬 에러메세지도 첨부하겠습니다
퀴즈
재사용성, 가독성 향상, 복잡성 관리를 위해 UI 요소를 분리하여 컴포넌트로 만드는 주된 이유는 무엇일까요?
각 컴포넌트의 스타일을 다르게 적용하기 위해
디버깅 시 오류 추적을 쉽게 하기 위해
불필요한 props 전달을 피하기 위해
코드 재사용성을 높이고 관리 복잡성을 줄이기 위해
