합성 컴포넌트로 재사용성 극대화하기
합성 컴포넌트로 재사용성 극대화하기
확장되는 Dialog 요구사항에서 prop 증가와 고정된 배치의 한계를 분석했습니다. React 합성 컴포넌트로 유연한 조합과 재사용성을 확보하는 방법을 소개합니다.
#React#Atomic Design
3700
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
보기 쉽고 쓰기 편한 퀸잇을 만드는 프로덕트 디자이너, 문대형
퀸잇의 프로덕트 디자인 조직과 3050·4050 고객을 위한 UX 설계 사례를 소개했습니다.\n사이즈 추천, 접근성, 디자인 시스템을 통해 사용자 경험과 비즈니스 임팩트를 함께 검증합니다.
#UI/UX#디자인 시스템
2400
스토리북 작성을 통해 얻게 되는 리팩토링 효과
스토리북의 독립 렌더링 과정에서 컴포넌트의 책임 과다와 환경 의존성을 발견했습니다. 표현·데이터·레이아웃을 분리해 재사용성과 검증 가능성을 높였습니다.
#Storybook#React
000
스토리북 작성을 통해 얻게 되는 리팩토링 효과
스토리북 작성을 통해 얻게 되는 리팩토링 효과
스토리북의 독립 렌더링은 컴포넌트의 과도한 책임과 환경 의존성을 드러내 리팩토링을 유도합니다. 렌더링·데이터·레이아웃을 분리하고 입력 범위를 제한하는 방식을 소개합니다.
#storybook#React
3400
무조건 스켈레톤 화면을 보여주는게 사용자 경험에 도움이 될까요?
짧은 API 응답에 스켈레톤을 무조건 노출하면 오히려 화면이 덜그럭거릴 수 있음을 설명했습니다. React Suspense와 성능 지표를 활용한 지연 노출 방식을 제안했습니다.
#React#Suspense
1000
[WPF] XAML Styler
[WPF] XAML Styler
XAML Styler로 WPF 팀의 XAML 서식 규칙을 통일하는 방법을 소개했습니다. 설정 파일과 일괄 포맷 기능으로 기존 코드의 가독성을 개선합니다.
#WPF#XAML
3500
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
시대를 앞서나간 서비스를 만들고 실패해본 이야기
월세 세액공제 증빙 부담을 줄이기 위한 월세산당 MVP의 실험과 결과를 공유했습니다. 서류 확보의 구조적 장벽으로 서비스는 종료됐지만 고객 이해의 기반을 얻었습니다.
#MVP#월세 세액공제
1400
웹 워커를 통해 이미지 색상 수집기 성능 개선하기
Canvas ImageData의 색상 수집 작업을 다중 웹 워커로 분할해 처리 시간을 줄였습니다.\n메인 스레드 블로킹을 완화해 UI 갱신과 다른 스크립트 지연을 줄였습니다.
#Canvas#Web Worker
000
![[2022 신입공채] 카카오엔터테인먼트 신입 개발자로서의 첫걸음👣 테크 온보딩 프로그램 살펴보기 #2](https://fe-developers.kakaoent.com/static/32dfc4e46cb9e8d4eec6913e3e48e09e/afa5c/thumbnail.png)
[2022 신입공채] 카카오엔터테인먼트 신입 개발자로서의 첫걸음👣 테크 온보딩 프로그램 살펴보기 #2
신입 개발자 온보딩에서 보안·클라우드 교육과 비대면 팀빌딩을 진행했습니다. 6개 조 토이 프로젝트로 협업과 현업 기술 스택 적응을 지원했습니다.
#온보딩#보안
000
Android Jetpack Compose 한 번 써봤습니다
Jetpack Compose를 송금 기능에 점진 적용하며 TextField 포맷팅과 LazyColumn 무한 스크롤을 구현했습니다. 선언형 UI의 편의성은 높았지만 기존 위젯과의 UX 차이는 커스텀이 필요했습니다.
#Android#Jetpack Compose
2200
![[Figma]컴포넌트에 적용된 값들이 사라지지 않게 대체하기](https://miro.medium.com/v2/resize:fit:1200/1*86gP6fN0tq1PEmx5JnX8LA.png)
[Figma]컴포넌트에 적용된 값들이 사라지지 않게 대체하기
Figma 마스터 컴포넌트 교체 시 텍스트 값이 사라지지 않도록 기존·신규 컴포넌트를 함께 두고 이관했습니다.\n텍스트 출력 오류는 Resizing을 Fill container로 변경해 해결했습니다.
#Figma#컴포넌트
2600
Bootstrap-vue를 활용해서 새로운 컴포넌트 제작하기
Bootstrap-vue 기반 어드민에서 반복되는 UI·입력 로직을 공통 컴포넌트로 분리한 과정을 공유했습니다. 과도한 범용화 대신 숫자 입력 목적에 집중한 컴포넌트 설계를 선택했습니다.
#Vue.js#Bootstrap-vue
1100
연말정산 미리보기는 왜 만들었을까
복잡한 연말정산 공제와 증빙 누락 문제를 줄이기 위한 미리보기 서비스를 소개했습니다. 시점별 절세 가이드와 예상세액 추정 방식, 자동화 한계를 설명합니다.
#연말정산#mobile
1800
버즈빌 안드로이드 개발자는 이렇게 일합니다
버즈빌 안드로이드 개발자는 모바일 광고 지면을 제공하는 SDK 개발을 담당합니다. UI/UX와 디바이스 효율성, SDK 사용성을 함께 개선합니다.
#Android#iOS
2700