Velopers
모든 블로그
뱅크샐러드

뱅크샐러드

도메인blog.banksalad.com
주요 카테고리 프론트엔드 · DevOps

활동 요약

대표 인기 포스트React랑 Lottie로 게임을 만든다고요?152 조회
최근 30일
8개
평균 조회
14
누적 조회
1,365
전체 글
99개
마지막 발행
2026. 11. 9.
블로그 방문

뱅크샐러드 기술 블로그 글 (34)

프론트엔드

"검색엔진 가이드"를 금융쇼핑 서비스에 SEO로 활용하기

금융상품 페이지에 JSON-LD 구조화 데이터를 적용해 SEO와 리치 스니펫 노출을 개선했습니다. FAQ 콘텐츠와 페이지 문구의 일치 여부가 구글 노출의 핵심임을 확인했습니다.

#SEO#JSON-LD#schema.org
000

프론트엔드

"검색엔진 가이드"를 금융쇼핑 서비스에 SEO로 활용하기

금융쇼핑 서비스에 검색엔진 가이드를 SEO로 활용하는 방법을 소개했습니다. 검색엔진 정책 변화 가능성을 염두에 두고 적용 맥락을 정리했습니다.

#SEO#검색
1500

프론트엔드

지연 시간 없이 웹폰트 서빙하기 - Feat. Safari & Edge functions

서브셋 폰트와 preload로 웹폰트 용량 및 요청 지연을 줄였습니다. Safari의 캐시 불일치는 CloudFront Function과 헤더 조작으로 해결했습니다.

#Pretendard#preload#Safari
000

프론트엔드

지연 시간 없이 웹폰트 서빙하기 - Feat. Safari & Edge functions

웹폰트 서빙 시 발생하는 지연 시간을 줄이기 위한 방법을 다룹니다. Safari와 Edge Functions를 함께 고려한 서빙 접근을 소개합니다.

#web#Safari#Edge functions
3000

프론트엔드

뱅크샐러드 iOS팀이 숨쉬듯이 테스트코드 짜는 방식 3편 - 스펙별 단위 테스트

iOS 앱의 스펙별 단위 테스트를 쉽게 만드는 TestUtility와 RxTestCase 구조를 소개했습니다. 로깅·화면 전환부터 TDD를 단계적으로 확장하는 방식을 제안합니다.

#iOS#Swift#RxSwift
100

프론트엔드

뱅크샐러드 iOS팀이 숨쉬듯이 테스트코드 짜는 방식 2편 - 화면 단위 통합 테스트

iOS 화면 테스트를 이미지 스냅샷과 AXSnapshot으로 나누어 개발·QA 흐름에 적용했습니다. 화면 확인 시간을 줄이고 접근성 및 UI 회귀를 자동 검증하는 방식을 소개합니다.

#iOS#test#TDD
100

프론트엔드

뱅크샐러드 iOS팀이 숨쉬듯이 테스트코드 짜는 방식 1편 - 통합 UI테스트

iOS 통합 UI 테스트를 기존 코드 수정 없이 도입하고 핵심 기능을 Smoke 테스트로 운영한 방식을 소개합니다. 접근성, 고정 시뮬레이터, 로그 검증을 통해 테스트 신뢰성을 높였습니다.

#iOS#XCUITest#VoiceOver
100

프론트엔드

뱅크샐러드 안드로이드 앱에서 Koin 걷어내고 Hilt로 마이그레이션하기

Koin의 런타임 DI 문제와 크래시를 해결하기 위해 Android 앱을 Hilt로 마이그레이션했습니다. PoC와 가이드라인으로 의존성 그래프를 정비하고 공존·동적 주입 제약을 점검했습니다.

#Android#Kotlin#Koin
100

프론트엔드

마이데이터 프로젝트에서 배운 것들

마이데이터 프로젝트에서 우선순위 설정, POC, 문서화로 협업한 방식을 회고했습니다. 신기술 도입과 초과 근무의 위험을 돌아보며 지속 가능한 개발 방식을 제안합니다.

#Next.js#WNI#POC
000

프론트엔드

Banksalad Product Language는 어떻게 디자인되었나요?

BPL을 전 구성원이 사용하는 제품 언어로 정의하고 컴포넌트 규칙과 협업 방식을 설계했습니다. Figma 통합과 재사용 체계로 실험 속도와 디자인 일관성을 높였습니다.

#Figma#UI/UX#컴포넌트
000

프론트엔드

코드 리뷰 in 뱅크샐러드 개발 문화

작은 PR과 실험 플랫폼으로 대규모 iOS 변경의 리뷰·병합 병목을 줄였습니다. PR 템플릿, 우선순위 규칙, Jenkins 테스트 자동화로 비동기 협업 품질을 높였습니다.

#iOS#GitHub#코드 리뷰
000

프론트엔드

Banksalad Product Language를 소개합니다

BPL로 디자인과 코드의 UI 추상화 단위를 맞추는 방식을 소개했습니다. Figma, RxSwift, 스냅샷 테스트로 선언적 iOS UI 개발과 검증을 지원했습니다.

#iOS#Swift#Figma
100

프론트엔드

React밖에 모르는 당신에게. GatsbyJS한 잔, '채용~'

GatsbyJS로 React 기반 채용 사이트를 정적 생성·CMS·metadata 구조로 구현했습니다. 빌드 환경의 window 제약과 최초 렌더링 차이도 함께 정리했습니다.

#React#GatsbyJS#SEO
000

프론트엔드

테스트 코드, 안드로이드에서는 어떻게 작성해야 할까?

Android MVP 구조에서 변경 기능과 Presenter 로직을 중심으로 테스트하는 원칙을 소개했습니다. View 의존 영역은 Instrumented Test나 로직 분리로 검증하는 방법을 설명합니다.

#Android#Kotlin#MVP
000

프론트엔드

뱅크샐러드 at Apple Store

Apple Retail Store 전시용 iOS 데모 앱을 짧은 기간에 제작한 과정을 소개했습니다. Protocol 기반 mocking과 날짜 보정으로 오프라인 데모 경험을 구성했습니다.

#iOS#mocking#Protocol
100

프론트엔드

Typescript로 Local Storage 안전하게 사용하기

TypeScript에서 LocalStorage의 JSON 복원 시 인스턴스가 보장되지 않는 문제를 다뤘습니다. Mapper와 BrowserStorage로 저장 책임을 분리해 안정성을 높였습니다.

#TypeScript#local storage#Clean Architecture
100