TIL #017

오늘 공부한 것

useState에서의 타입 지정

const [string, setString] = useState<string>('string');
const [type, setType] = useState<'stack' | 'shelf'>('stack');

오늘 개발한 것

Bookstack

FE

• StackPage 관련 컴포넌트 구현 (NumericalData, StackHeader, MonthlyStack, StackList, StackTemplate)
• StackPage 구현
• StackPage 라우팅, API 구현

BE

• /stack GET API 구현

 

 

오늘의 에러

Module not found: Error: Can't resolve 'component' in '/Users/jieunlee/Desktop/GitHubLocal/BookStack-FE/component/organism/StackHeader’

원인

스토리북 main.js 파일에 절대경로를 올바르게 명시하지 않음

해결

스토리북 main.js 파일에 절대경로를 정확하게 명시

const alias = {
      component: path.resolve(__dirname, "../component"),
      app: path.resolve(__dirname, "../app"),
      public: path.resolve(__dirname, "../public"),
      hooks: path.resolve(__dirname, "../hooks"),
      api: path.resolve(__dirname, "../api"),
    };

 

next/image Un-configured Host

원인

next.config.js 에 img path가 규정되어 있지 않음

해결

next.config.js에 해당 img path 규정

관련 페이지 : Next.js

'EventTarget' 형식에 '...' 속성이 없습니다. ts(2339)

원인

e.target의 타입이 지정되지 않아서 생기는 문제

해결

e.target의 타입을 따로 지정

const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
  // target 분리
  const target = event.target as HTMLInputElement;
  if (target.checked) allCheckAction(true);
  else allCheckAction(false);
};