몽땅뚝딱 개발자

use client 어쩌구 에러.. 이게 같은 구조로 보이는 페이지인데도 해당 에러가 뜰 때도 있고 아닐 때도 있다. 이렇게 상단에 'use client'를 넣어주면 해결된다. ('use strict'같은 느낌) 예상으론 서버 컴포넌트와 관계가 있는 것 같은데.. 내가 공식문서를 아직 제대로 읽어보지 않아서 생긴 문제인 것 같다. (🤦🏻‍♀️) 근데 그런 컴포넌트마다 매번 이렇게 달아줘야한다고??? Next는 emotion 쓰는 것도 구구절절 주석 추가해야 가능하더니 컴포넌트에도 이렇게 하나하나 달아줘야 하는걸까? 하지만 분명 더 편한 점도 있다는 것을 알아... 개선할 방법도 찾으면 나온다는 것을 알아.. 언젠가 Next를 좋아하게 될 것을 알아... ㅡ Next.js 2일차 쪼렙 ㅡ [참고하면 좋을 ..

에러 Compiled with problems: ERROR [eslint] ESLint configuration in .eslintrc.js is invalid: - Property "parser" is the wrong type (expected string/null but got `["@typescript-eslint","import"]`). 원인 나는 이렇게 설정했었다. module.exports = { parser: [ '@typescript-eslint', // @typescript-eslint/parser 'import', // eslint-plugin-import ], } array를 못받는 모양.. 아래처럼 수정해주었다. 제발... 알고쓰자.........!!!!!!!!!!!!! 😭 mod..

에러 Property 'size' does not exist on type 'ThemeProps'. Property 'size' does not exist on type 'ThemeProps'. 원인 const sizeStyles = css` ${({ size }) => css` padding: ${sizes[size].padding} font-size: ${sizes[size].fontSize} `} ` 타입을 모조리 지정해주었다. type Size = { [key: string]: { padding: string fontSize: string } } const sizes: Size = { large: { padding: '10px 15px', fontSize: '15px', }, medium: { p..

에러 Warning: Each child in a list should have a unique "key" prop. 원인 key를 할당하지 않았다. [전] {charList.map((obj, idx) => ( {obj} ))} [후] {charList.map((obj, idx) => ( {obj} ))} 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.