
토스 피플: 문과생에서 토스 개발 리더까지
문과 출신 개발자가 토스에서 프론트엔드와 UX 엔지니어링 리더로 성장한 과정을 들려주셨습니다. 디자인 시스템과 편집기 개발, 팀 빌딩과 리더십 고민도 함께 공유했습니다.

문과 출신 개발자가 토스에서 프론트엔드와 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로 자동 생성 흐름을 만든 과정을 소개했습니다.


DX팀이 Hacktoberfest 2024 온·오프라인 스프린트를 열어 오픈 소스 기여를 지원한 과정을 소개했습니다. 또한 Libplanet, Nine Chronicles 관련 주요 기여 사례를 공유했습니다.


JSDoc으로 JavaScript 코드의 타입 힌트와 함수 설명을 풍부하게 남기는 방법을 다뤘습니다.프론트엔드에서 협업과 유지보수를 돕는 태그 활용법과 주의점도 정리했습니다.


Node.js와 llama-node로 로컬에서 동작하는 간단한 AI 텍스트 생성 서버를 구성했습니다. 복잡한 설정 없이 프롬프트 입력과 응답 생성을 빠르게 시험해볼 수 있습니다.


회사 전용 로깅 모듈을 Vite 라이브러리 모드로 만들고 Git 저장소로 배포하는 과정을 정리했습니다. 접근 제어 환경에서는 access token을 활용해 설치 문제도 해결했습니다.

24년 10월 FE 뉴스에서 프론트엔드 관련 기술 소식을 큐레이션해 소개했습니다. 프레임워크 비교, JavaScript Generator, 코드 탐색 도구 등 다양한 주제를 다뤘습니다.