회고

20230525 TIL

Summer.dev 2023. 5. 25. 23:43

스토리북 만들기

처음에 키노트에 캡처해서 개선점 찾으라해서 일단 다 캡쳐해서 다 올렸는데 개선점을 찾기가 어려웠다.

솔로프로젝트 피그마에서 토큰을 만들어서 추출하는 줄 알았는데 토큰이 없었다..!

 

어느 부분부터 만들어야 하는지 헷갈렸는데

스토리북의 의미를 다시 되새겨본다면...

콘셉트를 잡는 것? 버튼은 이런 모양~ 모달은 이런모양~ 이렇게 정해두는 것

 

그중 컴포넌트 중에 드롭다운, 토스트를 해보기로 결정했는데

드롭다운기능을 못 넣은 드롭다운 메뉴만 만들기 성공했다.

 

내일은 드롭다운기능 + 스토리북 배포까지 해보기!

 

만난 오류

app-index.js:32 Warning: Extra attributes from the server: data-new-gr-c-s-check-loaded, data-gr-ext-installed

next.js 프로젝트 중에 console창에 자꾸 저 오류가 떠서 뭐지 하고 찾아보았는 데 사용하고 있는 Grammerly extension이 문제였다. 내 코드랑 extension 코드끼리 충돌해서 난 오류 같은데  stackoverflow에서 해결방법을 찾아 오류 문구를 없앴다.

import "./globals.css";
import Link from "next/link";

export default function RootLayout({ children }) {
  return (
    <html lang='en'>
      <body suppressHydrationWarning={true}>
        <div className='navbar'>
          <Link href='/'>Home</Link>
          <Link href='/list'>Q List</Link>
        </div>
        {children}
      </body>
    </html>
  );
}

 

 

오늘의 삽질

서버데이터 console.log 찍어보는 거 자꾸 브라우저로 확인하려 한다 ㅇ<->