Android 온스타일 홈탭 스크롤 속도 개선 Mission Possible
홈탭 스크롤 버벅임의 원인을 영상 처리, Cookie 조회, 비동기 구좌 전환으로 나눠 분석했습니다. Lazy Prepare/Release와 사전 호출, Queue 처리로 스크롤 지연을 줄였습니다.
#Android#ExoPlayer
3400
프론트엔드 기술 블로그 최신 글
필터 0
Any의 함정 TypeScript와 Zod를 활용한 Type 명세로 해소
Any의 함정 TypeScript와 Zod를 활용한 Type 명세로 해소
TypeScript의 정적 타이핑과 Zod를 활용해 any의 함정을 줄이는 방법을 소개했습니다. 코드 안정성과 유지보수성을 높이기 위한 타입 명세 관점의 글입니다.
#TypeScript#Zod
800
실무에서 적용하는 테스트 코드 작성 방법과 노하우 Part 3: Given 지옥에서 벗어나기 - 객체 기반 데이터 셋업의 한계
Mock 테스트 코드 작성 중 마주한 문제와 해결 방법을 소개합니다. 특히 Given 구간이 길어지는 객체 기반 데이터 셋업의 한계를 다룹니다.
#test
2900
입사 1개월차 프론트엔드 개발자의 자체 기술 온보딩 : Streaming SSR편
새로 합류한 프론트엔드 개발자가 Streaming SSR 온보딩 과정을 정리했습니다. 기술 도입 배경부터 직접 구현과 협업 학습 방법까지 소개했습니다.
#SSR#React
4500
올리브영 타입스크립트로 알아보는 타입과 타입 시스템
타입을 값의 집합으로 바라보며 타입스크립트의 타입 시스템과 타입 검사 원리를 설명했습니다. 서브타입, 구조적 타이핑, 다형성을 예제로 풀어내 실무 감각을 더했습니다.
#TypeScript#구조적 타이핑
6800
UI 테스트 자동화
UI 테스트 자동화의 필요성을 다룬 글입니다. 복잡해진 현대 소프트웨어를 온전히 테스트하기 어려운 점을 짚었습니다.
#UI/UX#test
2900
FrontEnd 개발에서의 보안 - CSRF
FrontEnd 개발에서 고려할 보안 주제로 CSRF를 소개하는 글입니다. 보안 연재의 한 편으로 보이는 서두 중심 내용입니다.
#보안#CSRF
2800
OLEA? Storybook을 활용한 올리브영의 디자인 시스템!
올리브영은 BO 공통화를 위해 Vue와 Ant Design Vue, Storybook 기반 디자인 시스템 OLEA를 구축했습니다. GitHub Packages 배포로 내부 개발자들이 일관된 컴포넌트를 쉽게 재사용하도록 만들었습니다.
#Vue.js#Storybook
9100
라이브 게임 에셋 관리 개선기 - 1.어드레서블 에셋 도입
라이브 게임에서 에셋 수 증가와 메모리 문제를 해결하기 위해 어드레서블 도입 배경과 장점을 정리했습니다. 전투 리소스를 선로딩하고 씬 전환 시 정리하는 방식으로 실제 적용 방향도 소개했습니다.
#Unity#Addressables
2100
여기어때가 비주얼 일관성을 지키는 방법, 여기어때 룸서비스 ️
여기어때가 브랜드 그래픽 자산을 한곳에 모아 일관되게 쓰도록 ‘룸서비스’ 웹사이트를 구축했습니다. 디자이너가 프레이머로 직접 만들고 운영까지 쉽게 이어가도록 설계했습니다.
#프레이머#웹사이트
2500
디자인 도구 Penpot(펜팟) 설치부터 활용까지
Penpot을 Windows WSL2와 Docker Desktop으로 셀프 호스팅하는 방법과 GitLab 연동, 라이브러리 활용 목업 작업을 소개했습니다. 자체 호스팅의 장점과 함께 한글 입력 버그, 성능 제약도 함께 짚었습니다.
#Docker#Windows
18800
B마트 테마관 개선기 : 오픈이 끝? No. 함께하는 동료들과 프로덕트 꾸준히 발전시키기
B마트 테마관을 오픈 후에도 데이터와 리서치로 계속 개선한 과정을 소개했습니다. 협업과 단계적 적용을 통해 탐색 편의성과 구매 전환을 높인 사례입니다.
#데이터 분석#A/B test
2200
Fail률 감소 목표 집요하게 달성하기 — Android UI 자동화
Android UI 자동화의 높은 실패율 원인으로 UI 변경, 웹뷰 핸들러 문제, CI 실행 차이를 짚었습니다. 시나리오 분리와 재실행, 대기 코드 보강으로 실패율을 크게 낮춘 개선 과정을 공유했습니다.
#Android#UI/UX
1900
29CM QA팀은 어떻게 테스트 자동화 지표를 활용하여 신뢰성을 확보할 수 있었을까?
App 테스트 자동화의 흔들리는 신뢰성을 정량 지표로 관리하며 개선했습니다. PostgreSQL과 Grafana로 Fail률과 수행시간을 추적해 근본 원인을 찾아 해결했습니다.
#test#자동화
3700