AMP

Wrapping up

축하합니다! 이제 주문 즉시 원격 JSON 엔드포인트에서 SKU별로 다르게 가져온 사이즈와 가격이 포함된 대화형 전자상거래 제품 세부정보 페이지를 만들었습니다.

학습한 내용은 다음과 같습니다.

  • <amp-state>를 사용하여 제품 정보(색상, 크기, 재고 상황) 가져오기
  • amp-bind를 사용하여 요소 간 상호작용 만들기
  • AMP를 활용하여 빠르고 풍부한 사용자 경험 구축하기

도움이 필요한 경우 static/final.html 파일에서 완성된 솔루션을 확인하세요.

다음 단계

amp-bind 문서 및 기타 동적 AMP 컴포넌트 관련 문서를 읽고 대화형 AMP 페이지를 제작하여 얻을 수 있는 강력한 기능과 유연성에 관해 자세히 알아보세요.