https://stackoverflow.com/questions/73509984/eslint-typeerror-this-liboptions-parse-is-not-a-function
우리 회사의 프로젝트 중 하나가 Node.js 14 버전을 사용중인데, 개인 프로젝트를 위해 GatsbyJS를 설치했더니 위와 같은 에러가 발생하였다. 내 개인 프로젝트에서만 node v18을 쓸 수 없을까 고민했는데, 당연히 쓸 수 있다! 해당 포스팅을 참고하여, .
ImageData는 일반 객체와 달리 JSON.parse, JSON.stringify 조합으로 깊은 복사가 불가능하다.아래와 같은 방식을 활용해 복사하도록 한다!
위와 같이 변경하였을 때 Could not find a declaration file for module 'framer-motion/dist/framer-motion' 에러 발생src 폴더 하위에 framer-motion.d.ts 파일을 만들어주고 아래와 같이 작성
금주에는 회사에서 어쩌다보니, (정말 어쩌다보니...) SpreadSheet를 통한 알림톡 발송 시트 만들기 업무를 맡게 되었습니다. 이전에 교육엔지니어로 잠깐 근무하면서 SpreadSheet에서 제공해주는 AppScript를 활용하여 간단한 자동화 툴을 만든 적이 있
내가 회사에서 다루고 있는 제품은 크게 세 가지로 분류해볼 수 있는데, 그 중 하나인 우리 회사 웹사이트(랜딩페이지)는 NextJS를 베이스로 하고 있다. NextJS 도입을 딱히 내가 결정한 것은 아닌데, 나보고 선택하라고 했어도 같은 선택을 했을 것이다. 유저들과의
flex-direction의 row-reverse와 column-reverse 옵션이 있음.order 속성을 통해서 개별 자식 요소들의 순서를 변경할 수 있음. 자기 자신의 위치를 기준으로 + 혹은 - (Order의 value 정확히 어떤 규칙?)align-self 일
컬럼 배치를 위한 속성이 아니다. 본래는 이미지와 텍스트를 흐름배치하기 위한 속성.요소에 플로팅을 적용하면, 주변 텍스트(혹은 인라인 요소)는 흐르게 만들지만, 주변 박스 요소들은 플로팅된 요소와 겹치게 된다.플로팅 요소의 너비는 수축하고 일반적인 흐름에서 벗어난다.
content-box일 때는 Width값과 height값을 적용할 때 패딩과 border는 제외된다.border-box일 떄는 width, height값 안에 패딩과 border가 포함된다.vw: viewport widthvh: viewport heightvmax: v
position을 absolute나 fixed로 변경하거나 float 속성을 left나 right로 변경하면, 자동으로 display가 block으로 변경된다.display inline을 사용하면, 너비와 높이, 수직마진을 적용할 수 없다. (수직패딩도 적용은 되나 다
우선 깃헙에 머지 실습 레포지토리를 생성해준다.create-next-app으로 간단하게 실습을 시작한다.로컬과 리모트 레포지토리가 연결되었다면, cli 명령어를 입력해 nextjs 프로젝트를 시작해주자!우선 gitignore파일을 만들어주자..env .next /nod
지금까지는 페이지 세팅에 관한 기본적인 것들을 배웠다!그러나 NextJS가 제공하는 훨씬 많은 기능이 있다, 예를 들면 데이터페칭같은 것들!새로운 섹션으로 넘어가기 위해서 우선은 뉴스 프로젝트는 잠시 접어두고 새로운 프로젝트로 학습을 시작해보자.1) starting p
Adding Nested Pages / Paths file-based routing system을 좀 더 면밀히 깊게 살펴보자! 프로젝트의 파일과 폴더들을 구성하기 위해 우리가 알고 있어야 할 중요한 대안이 있다. 일일이 index.js와 news.js로 따로 이름을
위 명령어를 통해서 간단하게 NextJS 프로젝트를 시작해줄 수 있다. 프로젝트 이름은 임의로 설정해주도록 한다.위와 같은 프로젝트 폴더를 확인할 수 있다.세개의 중요한 폴더가 생성된다.1) pages: 얘는 특히 중요하다.2) public: 퍼블릭 리소스를 보관한다.
NextJS는 ReactJS를 위한 놀라운 프레임워크이다! 리액트는 이미 라이브러리인데, 왜 라이브러리를 위한 프레임워크가 필요한가에 대해 의아하게 생각할 수도 있을 것이다. 우리는 "NextJS가 어떻게 페이지를 pre-render하는지", "어떻게 검색엔진최적화를
NextJS는 Server Side Rendering과 Static Site Generation을 지원하는 프레임워크이다. 다시 말해 Pre-render되는 리액트 웹사이트를 만들기 위한 프레임워크라고 할 수 있다. Client Side Rendering 방식을 따르