프론트엔드 아티클

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

아임웹

필터 0

선택된 필터 없음

2023년 12월 28일

프론트엔드

SVG를 이용하여 Animation 만들기_후속

SVG의 `viewBox`, `viewport`, `preserveAspectRatio` 개념을 정리하고 `meet`와 `slice`의 동작 차이를 설명했습니다.\n크기 관계에 따라 정렬 기준이 어떻게 달라지는지 예시로 살펴보았습니다.

SVG를 이용하여 Animation 만들기

SVG 도형을 추출해 ID와 그룹 단위로 CSS 애니메이션을 적용하는 방법을 정리했습니다. hover 이동, 클릭 색상 변경, 순차 등장 애니메이션까지 구현 과정을 소개했습니다.

Angular Router 적용

Angular Router의 역할과 SPA에서의 라우팅 기본 개념을 설명했습니다.\n`routerLink`, `router-outlet`을 활용한 컴포넌트 전환 설정 과정을 예제로 정리했습니다.

퀵메뉴로 비즈니스 널리 알리기 (feat. 전지적 디자이너 시점)

컬리 홈 화면에 퀵메뉴를 도입해 신규 비즈니스와 이벤트 진입을 높이는 디자인 과정을 소개했습니다. 아이콘 스타일과 모션을 개선해 멤버십 가입율 상승 요인까지 검증했습니다.

올리브영 셀프계산대 도입기

올리브영이 올영세일 혼잡과 계산 대기 문제를 줄이기 위해 셀프계산대를 도입했습니다. 기존 POS 코드를 활용해 빠르게 개발하고, 다국어·직원호출 기능으로 확산 가능성을 검증했습니다.

[인터널] 안드로이드 통신 컴포넌트 동작 매커니즘 ① - AsyncTask , RxAndroid

안드로이드 통신 컴포넌트의 내부 동작을 패턴 관점에서 정리했습니다. AsyncTask의 한계와 RxAndroid의 대안적 구조, 실무상의 주의점을 설명했습니다.

Azar iOS Team이 잊힌 코드를 추모 하는 법

Azar iOS 팀이 Periphery로 Swift 프로젝트의 미사용 코드를 찾고 공유하는 체계를 만들었습니다. GitHub Actions와 CSV→HTML 변환, artifact 업로드로 주기적 운영도 함께 구성했습니다.

#Swift#iOS

13005분

앱 진입로직 개선(feat. RxSwift)

2023년 12월 14일

프론트엔드

앱 진입로직 개선(feat. RxSwift)

앱 홈 진입 전에 여러 체크 항목을 확인하는 진입로직의 버그 해결 과정을 공유했습니다. RxSwift를 활용해 진입 흐름과 에러 처리를 개선했습니다.

#iOS#RxSwift

16005분

Syrup 모바일 웹 속도 개선기: WebFlux, SSE, 그리고 Next.js

2023년 12월 12일

프론트엔드

Syrup 모바일 웹 속도 개선기: WebFlux, SSE, 그리고 Next.js

Syrup 모바일 웹의 응답 속도를 개선하기 위해 WebFlux, SSE, Next.js를 적용했습니다. 그 결과 API 요청과 응답 지연을 줄이고 초기 로딩 속도도 향상했습니다.

Syrup 모바일 웹 개선 사례

Syrup 모바일 웹의 느린 응답 문제를 해결하기 위해 웹 게이트웨이를 WebFlux와 SSE 중심으로 개편했습니다. 또한 Next.js의 SSG를 적용해 초기 로딩과 운영 효율을 함께 개선했습니다.

#WebFlux#Server Sent Events

30005분

2023년 12월 6일

프론트엔드

LINE Android 앱에 폰트 커스터마이징 기능 적용하기

LINE Android 앱에 회원 한정 폰트를 적용한 과정을 정리한 글입니다. Downloadable Fonts와 테마 주입으로 전체 앱에 동적 폰트를 적용하고 남은 과제도 함께 다뤘습니다.

#Android#Kotlin

14005분

앱 개발자를 위한 현명한 선택: Android App Bundle과 Dynamic Feature Module 활용 전략

2023년 12월 6일

프론트엔드

앱 개발자를 위한 현명한 선택: Android App Bundle과 Dynamic Feature Module 활용 전략

Android App Bundle과 Dynamic Feature Module의 개념을 소개하고, 하위 호환성 문제 해결 사례를 다뤘습니다. 앱 개발에서 배포 구조를 현명하게 선택하는 전략을 제시했습니다.

#Android#mobile

0005분