npm ERR! Cannot read properties of null (reading 'edgesOut')
styled components를 다운받는데, npm ERR! Cannot read properties of null (reading 'edgesOut') 라는 에러가 발생을 했다 상황 nextjs 최신버전 설치완료 storybook 최신버전 설치완료 문제발생상황 styled components를 설치하는데 문제가 발생 문제발생원인 추측 1 의존성 관...
warning: Received `false` for a non-boolean attribute `
요즘 한번씩 보는 에러이다. 위에서 보면 boolean 속성이 아닌 loading속성이 false를 받아서 에러가 나왔다는 것이다. 그런데, 나는 loading을 속성으로 지정해놨다. 여기서 나는 문제점을 파악하기 어려워서 구글링을 시도 했다. https://styled-components.com/docs/api#transient-props 위의 U...
Error - next/font" requires SWC although Babel is being used due to a custom babel config being present.
문제 발생지 해당 코드를 수정하고 문제가 발생했다. next/font를 추가하고 나서 문제가 발생했 에러내용 사용자 지정 바벨 구성이 있기 때문에 바벨을 사용하고 있지만 next/font에는 SWC가 필요합니다 라는 에러가 났다. SWC란? 자밧스크립트 프로젝트의 컴파일과 번들링 모두에 사용될 수 있는 빌드 툴이다. 웹 컴파일러의 기능을 제공하는 툴이다...
싱글톤 패턴이란
싱글톤 패턴이란? 하나의 Class에 하나의 Instance만 가지는 패턴이다 Class와 Instance에 대하여 Class 객체를 정의하기 위한 자바스크립트 템플릿이다. 여러 개의 객체를 하나씩 정의하지 않기 위해 만든 여러 개의 객체를 찍는 도장 같은 것이다
CSSOM Tree
CSS 내용을 Parsing 한 것을 구조화 한 것이 CSSOM Tree라고 한다.HTML을 Parsing하면서 <head>태그를 만나게 된다. 이때, <head>태그에는 CSS파일을 요청하는 태그인 <link>태그가 있다. <link>태그를 만나
JavaScript Class
동일한 객체를 여러개 만들때 필요한 것이다.생성자 함수로 객체 초기화를 담당한다.new로 class에 대한 Instance를 생성할때, constructor라는 생성자 함수 내용은 Instance안에 넣어준다.new로 Instance를 생성할때 프로퍼티 초기화가 되지
Next.js와 Next.js의 빌드단계
React란? Next가 React의 framework라서 간단하게 설명하겠다. Component와 State로 UI를 쉽게 구성할 수 있는 UI 라이브러리이다. React의 장점 React는 UI 라이브러리이기 때문에 UI를 쉽게 구성할 수 있다라는 장점이 있다.
NextJS란?
해당 글은공식홈페이지를 번역해서 그대로 가져온 것과 본인이 공부한 내용이 섞여있습니다.더 읽기 쉬운 컨텐츠는 주말에 한번에 올리고있습니다.