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

파수 AI 2026년 3차 신입 공개 채용, 접수 기간 10월 12일~25일
필터 0
선택된 필터 없음
[기술 블로그] 로플랫 SDK 개발 이야기
로플랫
프론트엔드

[기술 블로그] 로플랫 SDK 개발 이야기

매장별 Wi-Fi 신호와 모바일 센서를 활용한 로플랫 SDK의 위치 인식 방식을 소개했습니다. 저전력 알고리즘과 층 단위 정확도, 풍부한 위치 메타데이터의 활용성을 설명합니다.

#SDK#Wi-Fi
2600
VODA 디자인 시스템 2
너드팩토리
프론트엔드

VODA 디자인 시스템 2

VODA 디자인 시스템의 브랜드·시스템 컬러와 데이터 시각화용 팔레트 구성 기준을 소개했습니다. 재사용 가능한 UI 컴포넌트와 팀 공통 규칙으로 일관성과 협업 효율을 높이는 방법을 설명합니다.

#디자인 시스템#UI/UX
1200
〈htmI〉 | 프론트엔드 플랫폼 , “성장도 공유도 멈추지 않는다”
화해
프론트엔드

〈htmI〉 | 프론트엔드 플랫폼 , “성장도 공유도 멈추지 않는다”

화해 프론트엔드 플랫폼의 어드민·웹뷰 서비스 운영과 개발 문화 개선 활동을 소개했습니다. 문서화, 코드 규칙, 코드리뷰, 성장 공유로 팀 확장과 협업을 준비합니다.

#Git#코드리뷰
200
CSS in JS 라이브러리에서 Typesafe하게 Theme 관리하기
데브시스터즈
프론트엔드

CSS in JS 라이브러리에서 Typesafe하게 Theme 관리하기

Emotion과 React Context API로 타입 안전한 중첩 테마 확장 방식을 소개했습니다. emotion 11의 타입 변경에 대응해 styled 타입을 재정의하는 방법도 다뤘습니다.

#React#TypeScript
2700
RecyclerView In Kmong MVP
크몽
프론트엔드

RecyclerView In Kmong MVP

크몽 안드로이드 앱의 RecyclerView에 MVP를 적용한 구조를 소개했습니다. Adapter 분리를 생략하고 ViewHolder와 IRootView로 재사용성과 개발 효율을 확보했습니다.

#Android#RecyclerView
2300
리팩토링! 어머 들었어? 우리 동네(코드) 재개발 들어간대!!
크몽
프론트엔드

리팩토링! 어머 들었어? 우리 동네(코드) 재개발 들어간대!!

높은 결합도의 안드로이드 인박스 페이지를 단계적으로 분리해 MVP 구조로 전환한 경험을 공유했습니다. 리팩토링 범위·우선순위를 정하고 테스트로 기존 기능과 UI를 보존하는 방법을 제안합니다.

#Android#refactoring
2800
Expo와 함께 편안한 모바일 개발하세요!
엘리시아
프론트엔드

Expo와 함께 편안한 모바일 개발하세요!

모바일 앱 유형과 React Native의 네이티브 렌더링 방식을 비교해 설명했습니다. Expo의 간편한 프로젝트 설정, 빌드·배포, OTA 업데이트 장점을 소개했습니다.

#React Native#Expo
2700
8퍼센트 플랫폼개발 인턴 후기-3
8퍼센트
프론트엔드

8퍼센트 플랫폼개발 인턴 후기-3

스프린트 행복도 데이터를 정량·정성 분석해 팀에 공유했습니다. Vue.js로 이벤트 케러셀·배너를 관리하는 관리자 페이지를 구현했습니다.

#Vue.js#Django
2700
앱 개발파트의 업무프로세스 수립기
올리브영
프론트엔드

앱 개발파트의 업무프로세스 수립기

하이브리드 앱 전환을 앞두고 코드 규칙부터 배포·티켓 처리까지 업무 프로세스를 정립했습니다. MVVM, 정적 분석, Bitrise CI/CD, Git Flow를 적용한 협업 체계를 소개합니다.

#Kotlin#Swift
4500
VODA 디자인 시스템 1
너드팩토리
프론트엔드

VODA 디자인 시스템 1

VODA의 일관된 서비스 경험을 위해 디자인 시스템 구축 기준을 정리했습니다. 타이포그래피와 그리드·간격 규칙을 중심으로 설계 방식을 소개합니다.

#디자인 시스템#UI/UX
1200
ReactNative와 함께하는 서비스 개발부터 배포까지
올리브영
프론트엔드

ReactNative와 함께하는 서비스 개발부터 배포까지

ReactNative와 TypeScript로 Android·iOS 동시 지원 앱을 개발한 사례를 소개했습니다. Redux, 브랜치 전략, CodePush 배포와 플랫폼 운영상 한계를 함께 정리했습니다.

#ReactNative#TypeScript
4000
react + typescript에 redux-saga 셋팅하기
너드팩토리
프론트엔드

react + typescript에 redux-saga 셋팅하기

React와 TypeScript 환경에서 Redux 모듈을 분리하고 typesafe-actions로 타입 안전성을 구성했습니다. Redux-Saga 미들웨어로 API 비동기 처리와 중복 요청 취소 흐름을 구현했습니다.

#React#TypeScript
1900
크몽에서 A/B Test 하는 법 (2)
크몽
프론트엔드

크몽에서 A/B Test 하는 법 (2)

Android에서 Firebase Remote Config와 A/B Testing Tool로 실험을 구성하는 방식을 소개했습니다. 결과의 명확성과 플랫폼별 차이에 따라 적용·보완·재설계 방안을 제시했습니다.

#Android#Firebase
1600
크몽에서 A/B Test하는 법 (1)
크몽
프론트엔드

크몽에서 A/B Test하는 법 (1)

개선 방향의 불확실성을 검증하기 위해 카드 UI와 검색 기능에 A/B 테스트를 적용했습니다. iOS에서는 Firebase Remote Config와 분기 코드 분리로 실험을 관리했습니다.

#A/B Test#iOS
2400