1
11번가
November 24, 20241회
검색 서비스에서 좋은 품질의 코드를 찾는 은하수 항해 기록
간단 소개
11번가 검색 서비스 프론트엔드 개선 과정을 통해 얻은 좋은 품질의 코드에 대한 고민과 컴포넌트 설계 및 개선 경험 공유.
AI Summary
- 검색 서비스 프론트엔드 개선 목표
- 민첩성과 유연성을 갖춘 구조로 개선하여 변화에 빠르게 대응하고자 함
- PC와 모바일 코드의 상반된 스타일 통합 기준을 정립하고, 좋은 품질의 코드에 대한 고민을 통해 컴포넌트 설계 및 개선
- 컴포넌트 재설계 및 책임 분리
- 리스팅과 컬렉션 간 UI 일관성을 높이기 위해 공통 가이드 수립 및 UI 개선 프로젝트 진행
- 변경 단위 세분화 및 컴포넌트 추상화를 통해 코드 가독성 및 유지보수성 향상
- 상품명, 가격 정보, 배송 정보 등 최소 단위로 추상화하여 컴포넌트 생성 및 책임 부여
- 코드 품질 향상 및 유지보수 용이성 확보
- API 데이터와 디자인이 동일한 가격 정보 영역은 공통 컴포넌트로 통합하되, 노출 방식이 다를 경우 부모 컴포넌트에서 조건 처리
- Custom Hook을 활용하여 UI와 로직을 분리하고, 컴포넌트 의존성을 줄여 재사용성, 유지보수성, 테스트 용이성 확보
- Wrapper 컴포넌트를 도입하여 마크업 구조를 공통화하고 재사용성을 강화
Next Feeds
QueryPie가 제시하는 모의해킹의 새로운 기준
QueryPie는 다계층 보안, 모의 해킹 프레임워크, DevSecOps 통합을 통해 PAM 솔루션의 보안을 강화하고 고객 신뢰를 구축합니다.
모의해킹Red TeamDevSecOps보안PAM
2024. 11. 22.
QueryPie
QueryPie TPM 팀의 하루 엿보기: 고객을 사로잡는 비법 공개
QueryPie TPM팀은 고객과 파트너의 기술 문제 해결 및 비즈니스 연속성을 위한 24시간 지원 체계를 운영합니다.
TPM팀QueryPie고객 지원On-Call비즈니스 연속성
2024. 11. 22.
QueryPie
개인정보 유출: 내부에서 시작된 작은 틈, 데이터 재앙으로 번지다
개인정보 유출의 심각성을 강조하고, 쿼리파이 DAC가 GDPR, CCPA, PIPL 등 주요 법규 준수를 통해 데이터 보호를 지원하는 방안을 실제 사례와 함께 설명합니다.
개인정보 유출데이터 보안쿼리파이DACGDPR
2024. 11. 22.
QueryPie
개인정보 보호·관리의 新 조력자: Data Discovery
Data Discovery는 AI와 자동화를 통해 개인정보를 효율적으로 식별, 관리하여 기업의 정보보호 수준을 향상시키는 솔루션이다.
Data Discovery개인정보보호AI정규식자동화
2024. 11. 22.
QueryPie
트랜잭션리스, 완벽한 CDC(Change Data Capture) 시스템 구축법
QueryPie는 QSI를 활용한 트랜잭션리스 CDC 시스템을 통해 DBMS 부하를 줄이고 성능, 유연성, 확장성을 높였습니다.
CDC트랜잭션QSI쿼리 시뮬레이션데이터베이스
2024. 11. 22.
QueryPie
Kubernetes 클러스터의 안전한 운영을 위한 접근 제어
Kubernetes RBAC의 한계를 보완하는 KAC 솔루션은 강화된 접근 제어, 효율적인 관리, 기존 도구와의 호환성을 제공하여 클러스터 운영을 안전하게 합니다.
KubernetesRBAC접근제어KAC보안
2024. 11. 22.
QueryPie