리멤버 웹 서비스 좌충우돌 Yarn Berry 도입기
리멤버 웹 서비스에 Yarn Berry를 점진적으로 도입한 과정과 문제 해결 경험을 정리했습니다.\nPnP와 Zero-Installs로 빌드 시간과 의존성 관리 안정성을 개선했고, 각종 호환 이슈도 함께 다뤘습니다.
#Yarn Berry#node.js
33005분
필터 0
디자이너의 눈으로 본 Figma Slides, 도입해도 될까?
Figma Slides를 디자이너 관점에서 테스트하며 팀 도입 가능성을 살펴보았습니다. 기존 툴의 한계를 보완하면서 협업과 수정 효율을 높일 수 있다는 점이 인상적이었습니다.
#Figma#UI/UX
16005분
크롬 브라우저 unload 이벤트 지원 중단
크롬 브라우저 unload 이벤트 지원 중단
Chrome의 unload 이벤트 지원 중단 배경과 대안을 정리한 글입니다. 카테노이드 미디어 플레이어는 해당 변경의 영향을 받지 않는다고 확인했습니다.
#JavaScript#Chrome
12005분
퍼블리셔와 개발자 협업을 위한 스토리북 깨짐 방지 방안
퍼블리셔와 개발자 협업에서 스토리북이 깨지는 원인을 분석하고 CIC 패턴으로 역할을 분리했습니다. 스토리북용 props와 실행 환경 분기를 정리해 무결성을 유지했습니다.
#React#Storybook
31005분
시각장애인을 위해 모달 컴포넌트 접근성 개선하기
시각장애인의 웹 탐색 방식에 맞춰 모달 접근성을 개선하는 방법을 소개했습니다. aria 속성, ESC 닫기, 포커스 트랩으로 키보드 탐색 경험을 보완했습니다.
#React#UI/UX
44005분
Vue.js 환경에서 페이지 이탈 방지 팝업 구현하기
Vue.js SPA에서 가입 중 입력 정보 유실 문제를 막기 위해 이탈 방지 팝업을 구현했습니다. beforeunload와 onBeforeRouteLeave를 조합해 라우터 이동과 외부 이동을 함께 대응했습니다.
#Vue.js#JavaScript
45005분
회원가입, 더 쉽게할 수 없을까?
회원가입 플로우를 전면 개선해 불필요한 클릭과 입력을 줄였습니다. 그 결과 소요 시간은 26% 감소하고 완료율과 VOC 지표도 개선됐습니다.
#UI/UX#회원가입
29005분
FE News 25년 1월 소식을 전해드립니다!
FE News 25년 1월 소식을 전해드립니다!
네이버 FE 엔지니어들이 선정한 25년 1월 FE 기술 소식을 소개했습니다. 웹 기술 현황, JS 벤치마크, Slack과 TypeScript 관련 이야기를 담았습니다.
#JavaScript#TypeScript
20005분
pnpm을 사용한 모노레포로 프론트엔드 생산성 늘리기
더스윙 프론트엔드팀이 20여 개 어드민을 pnpm 모노레포로 통합한 배경과 과정을 소개했습니다. 맥락 전환과 배포 복잡도를 줄이고 생산성과 코드 일관성을 높인 사례입니다.
#pnpm#모노레포
21005분
코드 품질 개선 기법 2편: 확인 여부를 확인했나요?
함수는 값이 이미 확인됐다는 암묵적 가정에 의존하지 않도록 설계해야 합니다. 내부 검증, 반환값 처리, 타입 보장으로 책임을 명확히 나누는 방법을 소개했습니다.
#type checking#Kotlin
22005분
Mergeable libraries 로 29% 빠르게 앱 실행하기
29CM iOS 앱에 Mergeable libraries를 적용해 Release 빌드의 라이브러리 병합 문제를 해결했습니다. Sentry로 정량 측정한 결과 앱 시작 시간이 눈에 띄게 개선되었습니다.
#iOS#성능
77005분
iOS에서 이벤트 기반 URL 요청이 잘 전송되는지 확인하기 (feat. 광고 트래킹.. 제대로 가고 있나요?)
iOS 광고 트래킹의 실제 URL 전송 여부를 검증하기 위해 URLProtocol과 공유 파일 저장소를 활용했습니다. UI Test와 launchEnvironment로 사용자 흐름과 모듈별 가짜 응답을 분리해 테스트했습니다.
#iOS#UITest
17005분