javascript

3 posts

Next.js의 Pages Router vs App Router: 상세 비교 가이드

Next.js의 Pages Router vs App Router: 상세 비교 가이드

Next.js는 React 기반의 강력한 웹 프레임워크로, 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 쉽게 구현할 수 있게 해줍니다. Next.js 13 버전부터는 기존의 Pages Router와 함께 새로운 App Router가 도입되었습니다. 이 포스트에서는 두 라우팅 시스템의 차이점을 자세히 살펴보고, 각각의 장단점을 비교해보겠습니다. 목차 1. Pages Router 소개

7 min read 2024.10

폰트 패밀리 이름 변경 및 파일 변환 자동화 스크립트

폰트 패밀리 이름 변경 및 파일 변환 자동화 스크립트

폰트 파일의 패밀리 이름을 변경하고, 변환된 파일들을 일괄적으로 처리하는 방법을 알아보겠습니다. 이번 포스트에서는 .otf 파일을 .woff2 파일로 변환하고, 패밀리 이름을 변경하는 스크립트를 작성합니다. 준비 사항 1. 폴더 내의 모든 .otf 파일을 처리하도록 스크립트를 작성합니다. fonttools와 woff2 패키지가 필요합니다. 다음 명령어로 설치할 수 있습니다: pip3 install fonttools sudo apt-get install woff2

5 min read 2024.06

JavaScript에서 디바운스 만들어보기

JavaScript에서 디바운스 만들어보기

이 글에서는 JavaScript에서 디바운스(Debounce)를 사용하는 법을 풀어서 설명해보려고 해요. 디바운스는 사용자가 입력하는 동안 함수가 너무 자주 호출되는 것을 막아주는 기술로, 웹 개발에서 꽤 유용하게 쓰입니다. 예를 들어, 사용자가 타이핑을 할 때마다 서버에 요청을 보내는 대신, 일정 시간 뒤에 한 번만 요청을 보내게 할 수 있죠. 이 포스트를 통해

3 min read 2024.05

Subscribe to Keun's Story newsletter and stay updated.

Don't miss anything. Get all the latest posts delivered straight to your inbox. It's free!