Function — Small Function
함수는 추상화 수준에 따라 나눠야지, 단순히 줄 수로 판단해서는 안 된다.
Functions should be divided by abstraction level, not just by line count.
프론트엔드 — AI가 선별한 아티클
함수는 추상화 수준에 따라 나눠야지, 단순히 줄 수로 판단해서는 안 된다.
Functions should be divided by abstraction level, not just by line count.
코드에서 의미 있는 이름의 중요성을 강조하는 글입니다.
The article emphasizes the importance of meaningful naming in code.
불변 데이터는 버그를 제거하고 코드를 더 안전하게 만든다.
Immutable data reduces bugs and makes code safer.
strictNullChecks는 null 및 undefined 처리를 개선하는 타입스크립트 기능입니다.
strictNullChecks improves handling of null and undefined in TypeScript.
조건부 타입과 infer의 활용을 통해 타입스크립트에서 유용한 유틸리티 타입을 만드는 방법을 설명합니다.
Explains using conditional types and infer to create utility types in TypeScript.
CSS와 자바스크립트 이벤트의 경계가 모호해지고 있다.
The boundary between CSS states and JavaScript events is becoming blurred.
useDebounce 훅을 활용한 React의 디바운스 구현 방법에 대한 글입니다.
This article explains how to implement debouncing in React using the useDebounce hook.
Foldkit은 효과적인 아키텍처를 제공하는 TypeScript 기반 프론트엔드 프레임워크입니다.
Foldkit is a TypeScript-based frontend framework offering an effective architecture.
p5.js를 활용한 예술적 비주얼 제작 기법을 소개합니다.
The article explores artistic techniques using p5.js for creating visually appealing outputs.
Limn Engine의 중급 튜토리얼로, 게임에 물리, 타일맵, 카메라 기능 등을 추가하는 방법을 배운다.
Level 2 tutorial for Limn Engine teaches adding physics, tilemaps, and camera features to games.
패키지 매니저의 진실을 파헤치고 그 차이점을 설명하는 글.
This article delves into the truths behind package managers and their differences.
Vibe 코딩의 문제와 그 근본 원인인 컨텍스트 부채에 대한 논의.
Discussion of 'vibe slop' in vibe coding and its underlying cause, context debt.
React + TypeScript 환경에서 AI 에이전트에 필수적인 규칙 파일 활용법을 다룬 가이드입니다.
A guide on utilizing rules files for effective AI agent functioning in React + TypeScript environments.
VS Code에서 Java 개발을 위한 설치 가이드입니다.
A guide to set up VS Code for Java development.
Next.js의 동적 임포트와 지연 로딩에 관한 완벽한 가이드.
A complete guide on dynamic imports and lazy loading in Next.js.
프론트엔드 및 Web3 대시보드 개발에 대한 실질적인 경험과 교훈을 공유하는 글입니다.
An introduction to practical frontend and Web3 dashboard development lessons and experiences.
Rust의 Result 및 Option 타입을 TypeScript로 이식한 사례를 소개합니다.
This article introduces the results-ts library that ports Rust's Result and Option types to TypeScript.
CSS font-family 설정에 대한 권장 사항 소개.
Guidelines for CSS font-family settings.
UI에서 드래그 및 터치 문제 해결 방안 소개.
Solutions for drag and touch issues in UI are discussed.
translateZ() 함수는 요소를 사용자에게 더 가까이 또는 멀리 이동시킵니다.
The translateZ() function moves an element closer to or farther from the user.
translateY() 함수는 요소를 수직으로 이동시킵니다.
The translateY() function moves an element vertically.
translateX() 함수는 요소를 수평으로 이동시킵니다.
The translateX() function shifts an element horizontally.
CSS의 translate() 함수는 요소를 2차원 평면에서 이동시킵니다.
The CSS translate() function shifts an element on a 2D plane.
한글 중심의 디자인 시스템 재구성을 다룬 글입니다.
The article discusses redesigning a design system focusing on the Korean language.
Windows 11 작업표시줄에 앱 UI를 통합할 수 있는 라이브러리 Deskband11Lib를 소개합니다.
Introducing Deskband11Lib, a library that integrates app UI into the Windows 11 taskbar.
저자는 아들의 생일에 React로 화학 게임을 만드는 이유와 그 의미를 공유합니다.
The author shares the story of building a chemistry game in React on his son's birthday.
TikZ Editor v0.4.0은 LaTeX 다이어그램을 위한 WYSIWYG 편집기다.
TikZ Editor v0.4.0 is a WYSIWYG editor for LaTeX diagrams.
Electron 42에서 macOS 알림을 테스트하는 방법을 안내합니다.
A guide on testing macOS notifications in Electron 42 during local development.
바닐라 JS로 만든 Doodle Jump 게임 구현 소개.
Introduction to building Doodle Jump game in vanilla JS.
TypeScript 7.0 RC버전이 Go로 새로 작성되어 성능이 10배 빨라졌습니다.
TypeScript 7.0 RC released, rewritten in Go for 10x speed improvement.