새로운 기술 블로그가 추가되었어요
VS Code Copilot에 커스텀 지침을 넣어 반복 프롬프트 없이 개인·프로젝트 규칙을 반영하는 방법을 소개했습니다.\n지침 파일과 프롬프트 파일을 활용해 코드 생성, 테스트, 커밋 메시지까지 일관되게 관리할 수 있었습니다.
Chrome 확장 프로그램의 활용 사례와 장점을 소개하고, Manifest V3 기반 개발 구조를 설명했습니다. Content Script, Service Worker, Shadow DOM을 활용한 구현 방식도 정리했습니다.
네이버 FE 엔지니어들이 2025년 3월 FE News에서 프론트엔드 주요 소식을 큐레이션해 소개했습니다. 웹 성능 최적화와 CRA 종료 등 생태계 변화를 함께 다뤘습니다.
시청자 질문을 바탕으로 테스트 코드, ESLint Rule, useEffect dependency 배열에 대한 프론트엔드 실무 인사이트를 공유했습니다. 토스 개발자들의 코드 리뷰와 내부 패키지 활용 사례도 함께 소개했습니다.
25년 2월 프런트엔드 기술 소식을 큐레이션해 소개했습니다. CSS 지문 채취, AI 개발 워크플로우, 토스 가이드, 포털 대체 방법을 다뤘습니다.
문과 출신 개발자가 토스에서 프론트엔드와 UX 엔지니어링 리더로 성장한 과정을 들려주셨습니다. 디자인 시스템과 편집기 개발, 팀 빌딩과 리더십 고민도 함께 공유했습니다.
Chrome의 unload 이벤트 지원 중단 배경과 대안을 정리한 글입니다. 카테노이드 미디어 플레이어는 해당 변경의 영향을 받지 않는다고 확인했습니다.
Vue.js SPA에서 가입 중 입력 정보 유실 문제를 막기 위해 이탈 방지 팝업을 구현했습니다. beforeunload와 onBeforeRouteLeave를 조합해 라우터 이동과 외부 이동을 함께 대응했습니다.
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
네이버 FE 엔지니어들이 선정한 25년 1월 FE 기술 소식을 소개했습니다. 웹 기술 현황, JS 벤치마크, Slack과 TypeScript 관련 이야기를 담았습니다.
여기어때 앱에서 웹뷰를 통합한 과정과 연동 방식을 정리한 글입니다. 파편화된 브릿지 규격을 하나로 묶어 유지보수와 협업 효율을 높인 사례를 소개했습니다.
프론트엔드 토큰 인증에서 localStorage 대신 쿠키 기반 관리와 보안 속성 설정을 권장했습니다. XSS·CSRF 위험을 줄이기 위해 토큰 로테이션과 Refresh Token도 함께 제안했습니다.
Policy as Code로 보안 정책을 코드처럼 관리해 변경 이력과 승인 절차를 체계화했습니다. 실시간 검증과 작성 가이드를 통해 정책 관리의 실수와 사각지대를 줄였습니다.
Policy as Code로 보안 정책을 코드처럼 관리하는 접근과 QueryPie PaC Editor의 동작 방식을 소개했습니다. 실시간 검증과 작성 가이드를 통해 정책 관리의 실수와 사각지대를 줄이는 내용입니다.
환경 변수 관리가 파편화되고 .env 생성이 번거로워지는 문제를 정리했습니다. 쉘 스크립트 한계를 넘어 Node.js CLI로 자동 생성 흐름을 만든 과정을 소개했습니다.
