(번역) 2025년의 파비콘: 표준, 포맷 및 모범 사례

Favicons in 2025: Standards, Formats & Best Practices

GitHub Actions로 Docker 이미지를 자동으로 빌드하고 푸시하기

Docker Hub 대신 ghcr.io를 사용해본 후기

나만의 블로그로 이전하기

SSG(Static Site Generation) 특화 프레임워크인 Astro 사용기

Server Push 기술 비교 (SocketIO vs SSE)

Socket.IO와 Server-Sent Events(SSE)의 특징, 구현 방법 및 사용 사례 비교

Electron에서 window.alert 함수 사용시 문제해결

Electron에서 alert 후 input 포커스가 잡히지 않는 문제를 executeJavaScript로 해결하기

인터넷이 없는 폐쇄망에서 아이콘이 안나오는 문제

CDN 의존성을 제거하고 Material Design Icons를 로컬에서 번들링하여 폐쇄망 환경 지원하기

버전 관리를 위해 빌드된 날짜 삽입하기

Vite의 define 옵션을 활용하여 빌드 시점의 날짜를 자동으로 버전에 포함시키는 방법

Lodash를 사용할 때 번들 사이즈 줄이기

lodash-es와 Tree Shaking을 활용하여 번들 사이즈를 최적화하는 방법

프론트엔드에서 파일 입출력 다루기

File System Access API와 browser-fs-access 라이브러리를 활용한 크로스 브라우저 파일 처리

테이블 셀 안의 내용이 너무 길 때

CSS text-overflow를 활용한 테이블 셀 말줄임 처리 및 hover/title 속성으로 전체 내용 표시하기

특정 DOM이 나타난 이후에 작업하기

MutationObserver를 활용하여 SPA 환경에서 동적으로 렌더링되는 DOM 요소를 감지하는 방법

비밀번호를 브라우저 메모리에서 숨기기 (2)

입력값 치환과 배열 해싱을 통해 메모리에 비밀번호를 남기지 않는 방법

비밀번호를 브라우저 메모리에서 숨기기 (1)

브라우저 메모리 덤프에서 비밀번호가 평문으로 남는 문제 분석 및 테스트 방법

Arachni로 웹 취약점 개선하기

Arachni 웹 취약점 스캐너를 활용한 보안 헤더 설정 및 취약점 해결 사례

npm audit으로 취약점 제거하기

사용하지 않는 패키지 제거와 npm audit을 통한 프로젝트 보안 취약점 해결 과정

개발자도구 접근 차단하기

disable-devtool 라이브러리를 활용한 브라우저 개발자도구 접근 차단 구현