Velopers
모든 블로그
카카오헤어샵

카카오헤어샵

도메인brunch.co.kr
주요 카테고리 Frontend · Else · Backend

활동 요약

대표 인기 포스트카카오헤어샵 vanilla-extract 도입기 - 카카오헤어샵 마크업 내재화 이야기30 조회
최근 30일
0개
평균 조회
19
누적 조회
386
전체 글
20개
마지막 발행
2024. 4. 24.
블로그 방문

최신 게시글 (20)

프론트엔드

오버레이 권한을 받았는데 오버레이가 안됩니다. - 제 폰에선 되는데요??

오버레이 권한을 받았는데도 일부 기기에서 오버레이가 뜨지 않는 문제를 다룹니다. 작성자 기기에서는 되지만 다른 폰에서는 안 되는 차이를 중심으로 살펴봅니다.

#Android#Compose#CRM
2200

기타

잘 먹고 잘 자면 개발 품질이 좋아질까? - feat. 연속혈당측정기

X

1700

프론트엔드

카카오헤어샵에 Compose 적용하기 - xml 에서 Compose 로 가는 여정길

카카오헤어샵 Android 앱에 Jetpack Compose를 적용한 사례를 소개합니다. 기존 XML 기반 UI에서 선언형 UI로 전환한 과정을 다룹니다.

#Android#Compose
2700

프론트엔드

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

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

#iOS#RxSwift
1700

프론트엔드

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

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

#refactoring#검증#오류 처리
1700

프론트엔드

카카오헤어샵 vanilla-extract 도입기 - 카카오헤어샵 마크업 내재화 이야기

카카오헤어샵이 외부 퍼블리셔 의존 구조에서 벗어나 마크업 내재화를 추진한 내용을 다뤘습니다. vanilla-extract 도입을 통해 프론트엔드 스타일 작업 방식을 개선한 사례입니다.

#vanilla-extract#CSS#HTML
3000

백엔드

헤어샵 백엔드 개발자 코드 리뷰 - 단일책임원칙 편 - 지극히 주관적인 저스틴 코드 리뷰 방법 - 1

코드 리뷰를 회사적 리뷰와 교육적 리뷰로 나누어 바라보는 관점을 소개했습니다. 교육적 코드 리뷰에서 단일책임원칙을 중심으로 학습과 반론을 유도하는 방식을 설명했습니다.

#code review#디자인패턴
2600

프론트엔드

우리는 한다 리팩토링을 - UIKit+RxSwift 에서 SwiftUI+Combine 로의 여정

UIKit + RxSwift 기반 디자이너앱을 SwiftUI + Combine으로 리팩토링하는 과정을 소개합니다. 기존 구조를 유지하기보다 전면 수정에 가까운 전환 작업을 진행하고 있습니다.

#iOS#SwiftUI#Combine
1500

프론트엔드

react-query로 데이터 처리하기 - 파트너스 레거시 코드 리팩토링(2) api 로직, react-query

파트너스 서비스 레거시 코드에서 API 로직을 분리하고 React Query를 도입한 사례를 다뤘습니다. Redux 중심 구조를 정리해 데이터 처리 방식을 개선하는 방향을 소개했습니다.

#React#Redux
1800

프론트엔드

Version Catalog 도입을 위한 온보딩 - gradle 버전 관리를 위한 Version Catalog 도입

Android 프로젝트의 Gradle 버전 관리를 위해 Version Catalog 도입을 소개했습니다. 여러 모듈의 build.gradle 복잡도를 줄이고 유지보수성을 높이려는 내용입니다.

#Android#Gradle#module
1200

프론트엔드

타입스크립트, 리액트쿼리 도입 - 파트너스 레거시 코드 리팩토링(1)

타입스크립트와 리액트쿼리를 도입해 파트너스 서비스 레거시 코드를 리팩토링한 사례를 소개했습니다. 프로젝트 규모가 커지며 복잡해진 의존성과 유지보수 문제를 다뤘습니다.

#TypeScript#React#refactoring
1800

프론트엔드

안드로이드 Hilt 딥 다이브 - DI와 Dagger 그리고 Hilt 에 대해서

안드로이드 DI의 필요성과 Dagger, Hilt의 관계를 정리한 글입니다. Hilt를 통해 상용구를 줄이는 방향을 소개했습니다.

#Android#Hilt#Dagger
1200

프론트엔드

안드로이드 멀티모듈 도입기 - 온보딩 프로젝트를 통한 안드로이드 멀티모듈 도입기

안드로이드 온보딩 프로젝트에서 멀티모듈을 처음 도입한 경험을 다뤘습니다. 기존 단일 모듈 개발에서 구조를 바꾼 배경을 소개했습니다.

#Android#module
2600

프론트엔드

LiveData에서 Flow로 변형해보기 - LiveData -> Flow(StateFlow & SharedFlow)

Android에서 기존 LiveData를 Flow 계열로 옮겨 적용한 경험을 소개하는 글입니다. StateFlow와 SharedFlow를 설명하기 위해 먼저 LiveData의 개념을 정리합니다.

#Android#Kotlin#Flow
2700

프론트엔드

유연하게 프로젝트별 개발환경 자동 설정하기(nvm) - nvm deeper shell integration 활용

여러 프론트엔드 프로젝트의 Node.js 버전 차이로 개발환경 관리가 필요한 상황을 다뤘습니다. nvm deeper shell integration으로 프로젝트별 환경을 자동 설정하는 방법을 소개했습니다.

#node.js
1200

기타

프로젝트에 테스팅 도입하기 - 삽질의 기억

안녕하세요. 플랫폼 개발팀에서 프론트 개발을 하고 있는 엘리엇입니다. 최근에 파트너스 프로젝트에 react-testing-libarary를 활용하여 테스트를 도입하여 소개하고자 합

1900

기타

언제까지 자동으로 잡아 주길 원해. - LocalContainerEntityManagerFactoryBean

안녕하세요. 카카오헤어샵 백엔드 개발팀 카이입니다. 이번 포스팅에서는 빈으로 등록된 값 사용한 AttributeConverter를 개발하면서 겪은 문제를 공유하고 어떻게 풀어 갔는

2100

기타

boot 1.3을 2.3으로 버전업

안녕하세요. Calvin입니다. 카카오헤어샵 어드민을 spring-boot 1.3에서 2.3으로 버전 업하면서 겪은 시행착오를 공유할까 합니다. 왜 버전업을 하나요? 스프링의 새로

1100

기타

JPA Dirty Checking사용시 주의점 - JPA를 사용한 업데이트 연산을 믿지 말자.

안녕하세요. 카카오헤어샵 백엔드 개발팀 딘입니다. 이번 포스팅에서는 간단하지만 쉽게 놓칠 수 있는 부분을 소개해드리려고 합니다. :) 어느 날 API 모니터링 중 유난히 응답속도가

2400

기타

REST API 초고속 개발?! - Spring Data REST

안녕하세요:) 카카오헤어샵 백엔드 개발자 ian입니다! 이번 주제는 Spring Data REST + Spring Data JPA를 이용해 REST API를 손쉽게 만들 수 있는

1500