필터 1
토스 피플: 문과생에서 토스 개발 리더까지
토스
기타

토스 피플: 문과생에서 토스 개발 리더까지

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

#UX/UX Engineer#JavaScript
4900
카테노이드
프론트엔드

크롬 브라우저 unload 이벤트 지원 중단

Chrome의 unload 이벤트 지원 중단 배경과 대안을 정리한 글입니다. 카테노이드 미디어 플레이어는 해당 변경의 영향을 받지 않는다고 확인했습니다.

#JavaScript#Chrome
1600
Vue.js 환경에서 페이지 이탈 방지 팝업 구현하기
데보션
프론트엔드

Vue.js 환경에서 페이지 이탈 방지 팝업 구현하기

Vue.js SPA에서 가입 중 입력 정보 유실 문제를 막기 위해 이탈 방지 팝업을 구현했습니다. beforeunload와 onBeforeRouteLeave를 조합해 라우터 이동과 외부 이동을 함께 대응했습니다.

#Vue.js#JavaScript
4600
네이버 D2
프론트엔드

FE News 25년 1월 소식을 전해드립니다!

네이버 FE 엔지니어들이 선정한 25년 1월 FE 기술 소식을 소개했습니다. 웹 기술 현황, JS 벤치마크, Slack과 TypeScript 관련 이야기를 담았습니다.

#JavaScript#TypeScript
2100
앱과 웹의 연결고리 : 여기어때 통합 WebView 구축기
여기어때
프론트엔드

앱과 웹의 연결고리 : 여기어때 통합 WebView 구축기

여기어때 앱에서 웹뷰를 통합한 과정과 연동 방식을 정리한 글입니다. 파편화된 브릿지 규격을 하나로 묶어 유지보수와 협업 효율을 높인 사례를 소개했습니다.

#Android#WebView
3700
안전한 로그인 토큰 관리, 프론트엔드의 필수 전략
QueryPie
프론트엔드

안전한 로그인 토큰 관리, 프론트엔드의 필수 전략

프론트엔드 토큰 인증에서 localStorage 대신 쿠키 기반 관리와 보안 속성 설정을 권장했습니다. XSS·CSRF 위험을 줄이기 위해 토큰 로테이션과 Refresh Token도 함께 제안했습니다.

#JavaScript#Next.js
1300
Policy as Code(PaC) 접근을 통한 보안 관리 혁신
QueryPie
기타

Policy as Code(PaC) 접근을 통한 보안 관리 혁신

Policy as Code로 보안 정책을 코드처럼 관리해 변경 이력과 승인 절차를 체계화했습니다. 실시간 검증과 작성 가이드를 통해 정책 관리의 실수와 사각지대를 줄였습니다.

#보안#Kubernetes
700
Policy as Code(PaC) 접근을 통한 보안 관리 혁신
QueryPie
기타

Policy as Code(PaC) 접근을 통한 보안 관리 혁신

Policy as Code로 보안 정책을 코드처럼 관리하는 접근과 QueryPie PaC Editor의 동작 방식을 소개했습니다. 실시간 검증과 작성 가이드를 통해 정책 관리의 실수와 사각지대를 줄이는 내용입니다.

#보안#Kubernetes
600
CLI로 환경변수 관리하기
쏘카
프론트엔드

CLI로 환경변수 관리하기

환경 변수 관리가 파편화되고 .env 생성이 번거로워지는 문제를 정리했습니다. 쉘 스크립트 한계를 넘어 Node.js CLI로 자동 생성 흐름을 만든 과정을 소개했습니다.

#AWS#AWS Secrets Manager
2500
Hacktoberfest 2024 후기
플라네타리움
기타

Hacktoberfest 2024 후기

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

#GitHub#Git
2000
JSDoc 200% 써먹기 \:\ JavaScript API 문서화 기수
인포그랩
프론트엔드

JSDoc 200% 써먹기 \:\ JavaScript API 문서화 기수

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

#JSDoc#JavaScript
3200
AI 모름, 진짜 모름 – 가난한 자의 AI 서비스 만들기 (Feat. llama-node )
스마일게이트AI
AI

AI 모름, 진짜 모름 – 가난한 자의 AI 서비스 만들기 (Feat. llama-node )

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

#JavaScript#node.js
3500
Vite로 회사 전용 로깅 모듈 개발하기 A to Z
데보션
프론트엔드

Vite로 회사 전용 로깅 모듈 개발하기 A to Z

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

#Vite#Git
2900
네이버 D2
프론트엔드

FE News 24년 10월 소식을 전해드립니다!

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

#Next.js#Flutter
2400