about
article
about
article
peerDependencies를 사용하는 이유
npm에서 제공하는 주요 종속성의 종류와 익숙하지 않은 peerDependencies 소개
April 08, 2024
|
Module
|
TypeScript
|
Trouble_Shooting_Module
App router에서만 발생하는 framer-motion exit animation 에러
Next.js의 App 라우터에서 발생하는 framer-motion의 exit animation 비정상 동작 에러
March 26, 2024
|
Trouble_Shooting_Next.js
|
framer-motion
|
Next.js
|
CSS
Grid를 사용한 Mosaic 레이아웃 구현
css grid 레이아웃을 사용한 핀터레스트와 같은 mosaic 레이아웃 구현
March 21, 2024
|
CSS
|
Layout
|
Design
noindex 메타 태그 자동 생성되는 Next.js useSearchParams 훅 에러 해결
robots 메타 태그에 noindex 값이 자동 생성되어 색인이 생성되지 않는 에러 발생
February 15, 2024
|
Next.js
|
Trouble_Shooting_Next.js
|
SEO
|
SSR
GitHub Action 과 Python Script를 사용하여 “README.md” 자동 생성 및 업데이트
GitHub Action과 Python Script를 사용하여 자동으로 파일을 생성 및 업데이트를 한 과정 정리
January 24, 2024
|
GitHub
|
Python
|
CI/CD
RSC(React Server Component)를 바닥에서 부터 스스로 "발명"해보며 동작 원리와 개념 이해하기
Dan Abramov의 “RSC From Scratch. Part 1: Server Components”
January 09, 2024
|
React
|
Next.js
|
Node.js
|
Browser
|
Web
Webpack의 주요 기능 분석: 코드 스플리팅, 웹팩 개발 서버, Tree Shaking, Loader
코드 스플리팅, 웹팩 개발 서버, Tree Shaking, Loader와 같은 Webpack의 주요 기능들
December 09, 2023
|
Webpack
|
Module
|
Bundler
|
Babel
Minipack으로 모듈 번들러 동작 과정 분석
간단한 JavaScript 모듈 번들러인 Minipack과 모듈 번들링
November 04, 2023
|
Module
|
Webpack
|
Bundler
|
Babel
제품(Product)엔지니어와 플랫폼(Platform)엔지니어
제품 엔지니어와 플랫폼 엔지니어의 차이점과 제품 엔지니어의 특성 및 갖춰야 할 자질과 능력
October 17, 2023
|
Engineering
|
Developer
|
Philosophy
GitLab CICD와 Docker Executor로 Next.js 프로젝트 CI/CD 구축 과정
GitLab CI, GitLab Runner, Docker, Docker Compose를 사용하여 CI, CD를 직접 구축해보는 과정 정리
September 20, 2023
|
CI/CD
|
GitLab
|
Docker
|
Linux
마우스 드래깅으로 회전시키는 CD Player 구현
드래그를 하여 회전이 가능한 CD Player 구현
August 01, 2023
|
CSS
|
Interaction
|
JavaScript
|
Web
Notion API를 사용한 게시물의 이미지 핸들링과 이미지 Expire time 에러 해결
notion api 기반의 블로그 구축 과정에서 발견한 image 403 에러 및 해결 과정 정리
July 05, 2023
|
Notion
|
Trouble_Shooting_Next.js
|
React
|
JavaScript
|
Web
|
SSR
|
SSG
V8 JavaScript Engine에서 Bytecode와 Machine Code를 함께 사용하는 이유
V8 JS엔진에서 byte code와 machine code라는 두 옵션을 사용하는 이유
June 24, 2023
|
JavaScript
|
Web
|
JS_Engine
JavaScript의 얕은 복사와 깊은 복사의 오해와 진실
JavaScript의 Array에 대해 얕은 복사와 깊은 복사에 생긴 오해와 두 복사 방식의 차이점
June 07, 2023
|
JavaScript
React Query v5, useQuery의 callback을 없애는 이유
React query v5의 callback deprecated가 사라지게된 이유 및 대체 방법
May 25, 2023
|
React
|
Trouble_Shooting_React
|
React Query
흐림 필터(blur filter)를 사용한 두 요소 연결 중 시각적 효과 개선 과정
두 개의 blur filter 처리가 된 요소의 연결 과정에서의 시각적 효과 개선 과정 정리
May 15, 2023
|
Trouble_Shooting_Web
|
Trouble_Shooting_CSS
|
CSS
Next.js App Router의 동적 라우팅과 정적 라우팅에 따른 랜더링 차이 및 경로 캐싱
NextJs 13의 동적/정적 라우팅에 따른 랜더링 차이와 랜더링 방식을 컨트롤 할 수 있는 Segment Config Options
March 28, 2023
|
Trouble_Shooting_Next.js
|
Next.js
파일을 다운로드하는 로직 구현 과정: 이스케이핑, Blob 객체
특정 경로의 파일을 다운로드하는 함수를 구현하는 과정에서 알게 된 정보
January 06, 2023
|
JavaScript
|
Web
|
Trouble_Shooting_JavaScript
|
DeepDive
정상적으로 종료되지 않은 노드 프로세스 에러 해결 및 안전하게 프로세스를 종료시키는 방법
NodeJS 프로세스가 충동하는 경우 발생하는 에러 해결 및 kill 명령어로 안전하게 Linux, Unix 프로세스를 종료시키는 방법 소개
December 22, 2022
|
JavaScript
|
Trouble_Shooting_JavaScript
|
Linux
|
Unix
|
Node.js