안전제일! 뱅크샐러드가 모바일 앱을 안정적으로 배포하는 방법
모바일 앱을 안정적으로 배포하기 위한 운영 방법을 소개한 글입니다. iOS 배포 사례를 바탕으로 안전성을 우선하는 전략을 다뤘습니다.
#mobile#iOS
21005분
새로운 기술 블로그가 추가되었어요
필터 0
CSR 환경에서 Suspense로 발생한 문제 해결하고 성능 개선하기
react-router-dom 기반 CSR 환경에서 Suspense 사용 시 발생한 순차적 API 호출 문제를 프리패칭으로 개선한 사례입니다. 데이터 대기 구간을 줄여 렌더링 흐름과 성능을 높인 경험을 공유했습니다.
#React#CSR
21005분
Form(폼) 요소에 대한 검증 및 오류 처리 개선 - 파트너스는 모든 페이지에 폼이 있고, 우린 모든 페이지를 수정해야 합니다
Form(폼) 요소에 대한 검증 및 오류 처리 개선 - 파트너스는 모든 페이지에 폼이 있고, 우린 모든 페이지를 수정해야 합니다
파트너스 사이트의 Form 검증과 오류 처리를 개선한 사례를 다뤘습니다. 모든 페이지에 폼이 있어 기존 방식의 한계와 리팩토링 필요성을 설명했습니다.
#refactoring#검증
15005분
모듈 구조를 개선해 더 나은 뱅크샐러드 iOS 앱 개발하기
뱅크샐러드 iOS 앱의 모듈 구조를 개선한 내용을 다룹니다. 개발 생산성과 유지보수성을 높이기 위한 방향을 소개합니다.
#iOS#module
35005분
스위프트 매크로_1탄, 스위프트 매크로가 뭐예요?
스위프트 5.9의 매크로 개념과 동작 방식을 소개했습니다. Xcode 코드 스니펫과 C 매크로와 비교해 장단점도 정리했습니다.
#Swift#Xcode
20005분
UI 테스트 자동화 구조
UI 테스트 자동화가 많아질 때는 요소 중복과 유지보수 문제가 커진다고 설명했습니다. 페이지 개체 모델과 pytest fixture로 재사용성과 구조화를 개선하는 방법을 공유했습니다.
#pytest#POM
47005분
팝업은 어떤 경우에 닫을 수 있게 해야할까?(X버튼은 언제 보여줘야 할까?)— 헤이딜러 UX 스터디
헤이딜러 제품팀이 팝업과 모달의 닫기 가능 기준을 UX 관점에서 정리했습니다. 응답 필수 여부에 따라 Strong/Weak를 구분하고 X버튼 노출 기준도 제시했습니다.
#Android#UI/UX
32005분
스켈레톤 로딩, 언제 사용해야 할까? — 헤이딜러 UX 스터디
스켈레톤 로딩의 개념과 스피너와의 차이를 정리하고, 어떤 화면에 쓰면 좋은지 헤이딜러의 기준을 공유했습니다. 로딩이 짧게 느껴져야 하고 레이아웃 변화가 적은 화면에 적합하다고 설명했습니다.
#Android#UI/UX
33005분
닫기와 뒤로가기, 어떻게 다를까? — 헤이딜러 UX 스터디
헤이딜러 UX 스터디는 닫기와 뒤로가기를 화면 깊이가 아니라 맥락으로 구분하는 기준을 정리했습니다. 모달은 닫기, 이전 페이지 흐름은 뒤로가기를 쓰는 방식으로 일관성을 맞췄습니다.
#Android#UX/UX
99005분
프런트엔드 영역에서 FileReader를 이용해 MP4 파일 내 오디오 존재 여부 확인하기
LINE VOOM 웹에서 MP4 파일의 오디오 존재 여부를 FileReader와 Range 요청으로 판별했습니다.\n브라우저별 API 차이와 iOS 버전별 CORS 이슈를 확인해 단계적 요청 방식으로 해결했습니다.
#FileReader#MP4
22005분
잦은 배포를 언제나 안정적이고 쉽게- SimGit flow 기반 Git 브랜치 전략 개선기1
서비스와 인원이 늘며 Git Flow의 병합 조율 비용이 커졌습니다. SimGit Flow와 보조 브랜치를 도입해 개발 집중도와 배포 효율을 높였습니다.
#Git#브랜치 전략
6005분
카카오헤어샵 vanilla-extract 도입기 - 카카오헤어샵 마크업 내재화 이야기
카카오헤어샵 vanilla-extract 도입기 - 카카오헤어샵 마크업 내재화 이야기
카카오헤어샵이 외부 퍼블리셔 의존 구조에서 벗어나 마크업 내재화를 추진한 내용을 다뤘습니다. vanilla-extract 도입을 통해 프론트엔드 스타일 작업 방식을 개선한 사례입니다.
#vanilla-extract#CSS
28005분