프론트엔드 아티클

새로운 기술 블로그가 추가되었어요

아임웹

필터 0

선택된 필터 없음

2024년 8월 28일

프론트엔드

어학당 홈 성능 최적화 — 1편

어학당 홈의 SEO 개선을 위해 성능 최적화 작업을 진행했습니다. 부분 CSR, 코드 스플리팅, 레이지 로드, 서드파티 스크립트 최적화로 지표를 개선했습니다.

이걸 진짜 만든다고요? 세상에 없던 게임, 샐러드게임 | 2편. UX

샐러드게임의 UX를 어떻게 설계했는지 소개했습니다. 새로운 게임 콘셉트에 맞는 사용자 경험 구성과 흐름을 다뤘습니다.

Android 온스타일 홈탭 스크롤 속도 개선 Mission Possible

홈탭 스크롤 버벅임의 원인을 영상 처리, Cookie 조회, 비동기 구좌 전환으로 나눠 분석했습니다. Lazy Prepare/Release와 사전 호출, Queue 처리로 스크롤 지연을 줄였습니다.

#Android#ExoPlayer

25005분

Any의 함정 TypeScript와 Zod를 활용한 Type 명세로 해소

2024년 8월 21일

프론트엔드

Any의 함정 TypeScript와 Zod를 활용한 Type 명세로 해소

TypeScript의 정적 타이핑과 Zod를 활용해 any의 함정을 줄이는 방법을 소개했습니다. 코드 안정성과 유지보수성을 높이기 위한 타입 명세 관점의 글입니다.

실무에서 적용하는 테스트 코드 작성 방법과 노하우 Part 3: Given 지옥에서 벗어나기 - 객체 기반 데이터 셋업의 한계

Mock 테스트 코드 작성 중 마주한 문제와 해결 방법을 소개합니다. 특히 Given 구간이 길어지는 객체 기반 데이터 셋업의 한계를 다룹니다.

입사 1개월차 프론트엔드 개발자의 자체 기술 온보딩 : Streaming SSR편

새로 합류한 프론트엔드 개발자가 Streaming SSR 온보딩 과정을 정리했습니다. 기술 도입 배경부터 직접 구현과 협업 학습 방법까지 소개했습니다.

올리브영 타입스크립트로 알아보는 타입과 타입 시스템

타입을 값의 집합으로 바라보며 타입스크립트의 타입 시스템과 타입 검사 원리를 설명했습니다. 서브타입, 구조적 타이핑, 다형성을 예제로 풀어내 실무 감각을 더했습니다.

UI 테스트 자동화

UI 테스트 자동화의 필요성을 다룬 글입니다. 복잡해진 현대 소프트웨어를 온전히 테스트하기 어려운 점을 짚었습니다.

FrontEnd 개발에서의 보안 - CSRF

FrontEnd 개발에서 고려할 보안 주제로 CSRF를 소개하는 글입니다. 보안 연재의 한 편으로 보이는 서두 중심 내용입니다.

OLEA? Storybook을 활용한 올리브영의 디자인 시스템!

올리브영은 BO 공통화를 위해 Vue와 Ant Design Vue, Storybook 기반 디자인 시스템 OLEA를 구축했습니다. GitHub Packages 배포로 내부 개발자들이 일관된 컴포넌트를 쉽게 재사용하도록 만들었습니다.

라이브 게임 에셋 관리 개선기 - 1.어드레서블 에셋 도입

라이브 게임에서 에셋 수 증가와 메모리 문제를 해결하기 위해 어드레서블 도입 배경과 장점을 정리했습니다. 전투 리소스를 선로딩하고 씬 전환 시 정리하는 방식으로 실제 적용 방향도 소개했습니다.

여기어때가 비주얼 일관성을 지키는 방법, 여기어때 룸서비스 ️

여기어때가 브랜드 그래픽 자산을 한곳에 모아 일관되게 쓰도록 ‘룸서비스’ 웹사이트를 구축했습니다. 디자이너가 프레이머로 직접 만들고 운영까지 쉽게 이어가도록 설계했습니다.

#프레이머#웹사이트

14005분