[바이브 코딩] 웹 스크롤 애니메이션 구현시 주의사항
AI를 활용해 스크롤 애니메이션 웹페이지를 구현하며 겪은 pin 애니메이션 오류, 레이아웃 문제, 모바일 화면 떨림, ScrollSmoother 스크롤 지연, WebGL 셰이더 성능 저하와 AI의 잘못된 수정 과정까지 실제 원인과 해결 방법을 정리했습니다.
카테고리
제품 전달 20
스프린트 운영, 출시 관리, 이해관계자 협업, 일정 조율 등 제품을 실제로 만들어 사용자에게 전달하는 실행 과정을 다룹니다. 계획대로 되지 않는 현실 속에서 제품을 끝까지 꺼내놓는 방법을 정리합니다. 실행력이 곧 제품력이 되는 순간들을 기록합니다
[도메인 주도 설계] (9) 기본 구성 요소 6 – 리포지토리와 도메인 모델 체크리스트
도메인 주도 설계에서 리포지토리(Repository)는 도메인 모델에 기반해 객체를 저장하고 조회하는 것을 의미해요. 리포지토리는 데이터베이스 쿼리와 무엇이 다른지, 그리고 올바른 리포지토리는 어떤 특성을 가지고 있는지 알아보세요.
[도메인 주도 설계] (8) 기본 구성 요소 5 – 팩토리
도메인 주도 설계에서 팩토리(Factory)는 도메인 모델에 기반해 작동할 수 있는 객체를 생성하는 것을 의미해요. 팩토리는 애그리게이트 및 생성자와 무엇이 다른지, 그리고 올바른 팩토리는 어떤 특성을 가지고 있는지 알아보세요.
[도메인 주도 설계] (7) 기본 구성 요소 4 – 애그리게이트
애그리게이트는 함께 변경되어야만 올바른 데이터의 일관성 경계를 명확히 정의해요. 절대 허용할 수 없는 불일치 상태를 원천 차단하는 설계 방법을 배워요.
[도메인 주도 설계] (6) 기본 구성 요소 3 – 모듈
도메인 주도 설계의 기본 구성 요소인 모듈(Module)은 비슷한 의미를 가진 개념들을 묶는 단위에요. 기술이 아닌 개념 기반으로 그룹화하고, 높은 응집도와 낮은 결합도로 복잡성을 효과적으로 관리하는 구체적 방법을 확인해 보세요.
[도메인 주도 설계] (5) 기본 구성 요소 2 – 서비스
도메인 주도 설계의 기본 구성 요소인 서비스(Service)는 하나의 객체에 속하지 않는 비즈니스 결정을 담는 중요한 구조예요. 도메인, 애플리케이션, 인프라스트럭처 서비스의 차이를 이해하고, 좋은 서비스 설계 원칙으로 도메인 모델을 강화해 보세요.
[도메인 주도 설계] (4) 기본 구성 요소 1 – 객체
도메인 주도 설계의 첫 기본 구성 요소는 객체(Object)에요. 객체는 엔티티와 값 객체로 나뉘어요. 엔티티는 시간이 지나도 같은 것, 값 객체는 바뀌면 다른 것이에요. 이 근본적 구분이 제품의 복잡성을 줄일 수 있는지 알아보세요.
[도메인 주도 설계] (3) 계층 구조와 각 계층의 역할
계층 구조(Layered Architecture)는 비즈니스 로직이 어디에 살아야 하는지를 명확히 하는 핵심 설계 원칙이에요. 각 계층의 책임을 명확히 하고 도메인 계층을 보호할 때, 제품이 복잡성 속에서도 안정적으로 성장 가능해지는 방법을 배워보세요.
[도메인 주도 설계] (2) 도메인 모델의 정의와 품질 기준
도메인 모델(Domain Mocel)은 단순한 다이어그램이나 코드가 아니라 사용자의 맥락에 대한 이해를 의미해요. 현실 세계의 규칙을 어떻게 일관된 개념 체계로 만들지, 좋은 모델의 품질 기준을 무엇으로 설정할지 알아보고 도메인 모델링에 적용해 보세요.