프론트엔드 기술 블로그 최신 글

NEW FEATURE

기술을 읽던 곳에서, 다음 기회를 만나세요.

채용 검색부터 관심사 기반 추천, 내 적합도까지.

필터 0
선택된 필터 없음
앱 진입로직 개선(feat. RxSwift)
카카오헤어샵
프론트엔드

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

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

#iOS#RxSwift
1900
Syrup 모바일 웹 속도 개선기: WebFlux, SSE, 그리고 Next.js
SK플래닛
프론트엔드

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

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

#WebFlux#SSE
4000
Syrup 모바일 웹 개선 사례
SK플래닛
프론트엔드

Syrup 모바일 웹 개선 사례

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

#WebFlux#SSE
3200
러스트로 크로스 플랫폼과 GUI 프로그래밍 시작하기
삼성
프론트엔드

러스트로 크로스 플랫폼과 GUI 프로그래밍 시작하기

Rust 크로스 컴파일과 Android NDK·JNI 연동으로 네이티브 앱을 개발하는 흐름을 소개했습니다. ICED, egui, gtk-rs 기반 GUI 개발 선택지와 성능·복잡성 고려 사항을 정리했습니다.

#Rust#Android
2000
LINE Android 앱에 폰트 커스터마이징 기능 적용하기
라인
프론트엔드

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

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

#Android#Kotlin
2400
앱 개발자를 위한 현명한 선택: Android App Bundle과 Dynamic Feature Module 활용 전략
삼성
프론트엔드

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

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

#Android#mobile
1200
안전제일! 뱅크샐러드가 모바일 앱을 안정적으로 배포하는 방법
뱅크샐러드
프론트엔드

안전제일! 뱅크샐러드가 모바일 앱을 안정적으로 배포하는 방법

모바일 앱을 안정적으로 배포하기 위한 운영 방법을 소개한 글입니다. iOS 배포 사례를 바탕으로 안전성을 우선하는 전략을 다뤘습니다.

#mobile#iOS
2600
CSR 환경에서 Suspense로 발생한 문제 해결하고 성능 개선하기
카카오페이
프론트엔드

CSR 환경에서 Suspense로 발생한 문제 해결하고 성능 개선하기

react-router-dom 기반 CSR 환경에서 Suspense 사용 시 발생한 순차적 API 호출 문제를 프리패칭으로 개선한 사례입니다. 데이터 대기 구간을 줄여 렌더링 흐름과 성능을 높인 경험을 공유했습니다.

#React#CSR
2400
Form(폼) 요소에 대한 검증 및 오류 처리 개선 - 파트너스는 모든 페이지에 폼이 있고, 우린 모든 페이지를 수정해야 합니다
카카오헤어샵
프론트엔드

Form(폼) 요소에 대한 검증 및 오류 처리 개선 - 파트너스는 모든 페이지에 폼이 있고, 우린 모든 페이지를 수정해야 합니다

파트너스 사이트의 Form 검증과 오류 처리를 개선한 사례를 다뤘습니다. 모든 페이지에 폼이 있어 기존 방식의 한계와 리팩토링 필요성을 설명했습니다.

#refactoring#검증
1900
모듈 구조를 개선해 더 나은 뱅크샐러드 iOS 앱 개발하기
뱅크샐러드
프론트엔드

모듈 구조를 개선해 더 나은 뱅크샐러드 iOS 앱 개발하기

뱅크샐러드 iOS 앱의 모듈 구조를 개선한 내용을 다룹니다. 개발 생산성과 유지보수성을 높이기 위한 방향을 소개합니다.

#iOS#module
4200
스위프트 매크로_1탄, 스위프트 매크로가 뭐예요?
올리브영
프론트엔드

스위프트 매크로_1탄, 스위프트 매크로가 뭐예요?

스위프트 5.9의 매크로 개념과 동작 방식을 소개했습니다. Xcode 코드 스니펫과 C 매크로와 비교해 장단점도 정리했습니다.

#Swift#Xcode
3000
UI 테스트 자동화 구조
올리브영
프론트엔드

UI 테스트 자동화 구조

UI 테스트 자동화가 많아질 때는 요소 중복과 유지보수 문제가 커진다고 설명했습니다. 페이지 개체 모델과 pytest fixture로 재사용성과 구조화를 개선하는 방법을 공유했습니다.

#pytest#POM
6000
팝업은 어떤 경우에 닫을 수 있게 해야할까?(X버튼은 언제 보여줘야 할까?)— 헤이딜러 UX 스터디
PRND
프론트엔드

팝업은 어떤 경우에 닫을 수 있게 해야할까?(X버튼은 언제 보여줘야 할까?)— 헤이딜러 UX 스터디

헤이딜러 제품팀이 팝업과 모달의 닫기 가능 기준을 UX 관점에서 정리했습니다. 응답 필수 여부에 따라 Strong/Weak를 구분하고 X버튼 노출 기준도 제시했습니다.

#Android#UI/UX
3700
스켈레톤 로딩, 언제 사용해야 할까? — 헤이딜러 UX 스터디
PRND
프론트엔드

스켈레톤 로딩, 언제 사용해야 할까? — 헤이딜러 UX 스터디

스켈레톤 로딩의 개념과 스피너와의 차이를 정리하고, 어떤 화면에 쓰면 좋은지 헤이딜러의 기준을 공유했습니다. 로딩이 짧게 느껴져야 하고 레이아웃 변화가 적은 화면에 적합하다고 설명했습니다.

#Android#UI/UX
3800