기술 가이드

웹 개발

Tampermonkey로 Inspect Element 변경을 로컬에 영구 적용하는 법
웹 개발 7 min read

Tampermonkey로 Inspect Element 변경을 로컬에 영구 적용하는 법

브라우저 Inspect Element로 만든 변경을 Tampermonkey userscript로 자동화하면 로컬에서 영구적으로 유지할 수 있습니다. 설치·메타데이터·예제·보안·테스트 체크리스트를 포함한 단계별 가이드를 제공합니다.

Field 'browser' 별칭 구성 없음 오류 해결 가이드
웹 개발 6 min read

Field 'browser' 별칭 구성 없음 오류 해결 가이드

Field 'browser'에 유효한 별칭 구성 없음 오류는 주로 별칭 설정, 임포트 경로, 대소문자, 엔트리 값 또는 브라우저/빌드 도구 호환성 문제에서 발생합니다. 이 가이드는 원인 진단, 6가지 수정법, 역할별 체크리스트, SOP, 테스트 기준과 결정 트리를 제공합니다.

Linux에 Firefox Developer Edition 설치 방법
웹 개발 3 min read

Linux에 Firefox Developer Edition 설치 방법

Firefox Developer Edition은 웹 개발에 특화된 Firefox입니다. Linux에서는 tar.bz2를 내려받아 /opt에 옮기고 .desktop 런처를 만들어 실행하면 됩니다.

초보자용 타입스크립트 효율적 학습법
웹 개발 5 min read

초보자용 타입스크립트 효율적 학습법

타입스크립트는 자바스크립트에 정적 타입을 더한 언어로, 대규모 프로젝트에서 안정성을 높입니다. 목표 설정, 기초 문법, 도구 설정, 실전 프로젝트 순으로 학습하세요.

브라우저 User-Agent 변경 방법 및 가이드
웹 개발 5 min read

브라우저 User-Agent 변경 방법 및 가이드

브라우저의 User-Agent는 서버가 페이지를 어떻게 제공할지 결정하는 문자열입니다. 개발자 도구나 확장으로 변경해 테스트할 수 있지만 익명성을 보장하지는 않습니다.

데스크톱에 PWA 설치하는 법 — Chrome으로 한 번에 설치
웹 개발 5 min read

데스크톱에 PWA 설치하는 법 — Chrome으로 한 번에 설치

Progressive Web App(PWA)은 네이티브처럼 동작하는 설치 가능한 웹 앱입니다. Chrome에서 버튼 클릭으로 데스크톱에 설치해 오프라인, 빠른 로드, 낮은 저장 공간으로 네이티브와 유사한 경험을 제공합니다.

Chrome Storage Sync 올바르게 설정하는 방법
웹 개발 9 min read

Chrome Storage Sync 올바르게 설정하는 방법

Chrome의 chrome.storage API는 동기화 및 로컬 저장을 객체 단위로 비동기 저장합니다. sync는 로그인된 Chrome에서 기기 간 동기화를 제공하므로 권한, 비동기 처리, 용량 관리, 보안 설계가 필수입니다.