올
올리브영
January 4, 20231회
라이브관 프론트엔드 입장에서 바라보기👀
간단 소개
올리브영 라이브관 프론트엔드 개발 후기: 신규 아키텍처 기반 구축, 기술 스택, 개발 과정, 향후 과제 및 목표를 공유합니다.
AI Summary
- 라이브관 개발 배경 및 목표
- 올리브영 온라인몰의 기술 부채 해결 및 서비스 확장/개선
- 신규 아키텍처 기반 서비스로의 이전, 프리미엄관 전환 성공 사례 활용
- SSR을 통해 초기 로딩 속도 개선 및 검색 엔진 최적화(SEO) 달성
- 주요 기술 및 개발 과정
- Next.js, TypeScript, Recoil, React Query 등 최신 기술 스택 활용
- Lazy loading, 스켈레톤 이미지 적용으로 사용자 경험 개선
- Custom hook, useMemo, useCallback 등을 활용한 코드 최적화 및 크로스 브라우징 이슈 해결
- 향후 과제 및 목표
- 공통 함수 및 컴포넌트 관리 중요성 증대, 코드 재사용성 및 유지보수성 향상 필요
- Next.js 13 대응 준비 및 지속적인 서비스 개선 목표
Next Feeds
9가지 프로그래밍 언어로 배우는 개념: 3편 - 메타프로그래밍
메타프로그래밍은 보일러플레이트 코드를 줄여 개발 효율성을 높이고, 타입 성찰, 리플렉션, 템플릿, 매크로 등 다양한 기법을 제공한다.
메타프로그래밍타입 성찰리플렉션템플릿매크로
2023. 1. 3.
데브시스터즈
SK플래닛 Tech Topic 기술 블로그를 소개합니다!
SK플래닛의 새로운 기술 블로그 'TECH TOPIC'이 오픈되었습니다. 기술 공유와 개발자 브랜딩을 지원합니다.
SK플래닛TECH TOPIC기술 블로그개발Tech Writing
2023. 1. 2.
skplanet
사람인 접근성 개선 회고
사람인 서비스 접근성 개선을 위한 길드 운영 회고: 자체 가이드 제작, 교육, 주요 페이지 개선, 사내 인식 제고.
웹 접근성사람인WCAG접근성 가이드접근성 교육
2023. 1. 2.
사람인
신뢰하지 않을 자유
무신뢰성은 개인에게 권리를 부여하고, 블록체인 기술을 활용하여 행정 자동화와 새로운 의사 결정 체계를 구축하는 데 기여한다.
무신뢰성사이퍼펑크Web3프라이버시자동화된 행정
2022. 12. 30.
플라네타리움
Service Discovery DR 구성 2부 - Chaos Test로 찾은 예기치 못했던 문제를 고쳐라!
Eureka DR 구성 중 Chaos Test를 통해 발견된 High Network Latency 문제를 오픈소스 컨트리뷰션으로 해결한 과정.
EurekaChaos EngineeringDR 구성MSA오픈소스 컨트리뷰션
2022. 12. 29.
11번가
Service Discovery DR 구성 1부 - Eureka 서버를 지역 분산시켜 안정성을 높이자
Eureka 서버의 안정성을 높이기 위해 서버 복제 구성과 Multi-AZ를 적용한 Disaster Recovery 구현 방법을 소개합니다.
eurekaservice discoverymsaspring clouddr
2022. 12. 29.
11번가