AEM Sites의 고급 작성
기본 지식을 쌓았다면 이제 더욱 다양한 작업을 수행할 수 있는 고급 기술을 익힐 차례입니다. 이 단계별 안내서에서는 Adobe Experience Manager를 다양하게 활용하는 방법을 설명합니다.
AEM Sites에서 스타일 시스템 사용
Adobe Experience Manager의 스타일 시스템을 사용하면 백엔드 개발 없이 시각적으로 다양한 구성 요소를 사용할 수 있으므로 AEM 구성 요소를 보다 잘 재사용할 수 있으며, 보다 다용적이고 효율적인 콘텐츠 작성이 가능합니다. 스타일 시스템을 AEM의 핵심 구성 요소, 템플릿 편집기 및 반응형 레이아웃과 함께 사용하면 강력한 기능을 통해 다양한 경험을 빠르게 구성할 수 있습니다.
190
{ "description": "Adobe Experience Manager의 스타일 시스템을 사용하면 백엔드 개발 없이 시각적으로 다양한 구성 요소를 사용할 수 있으므로 AEM 구성 요소를 보다 잘 재사용할 수 있으며, 보다 다용적이고 효율적인 콘텐츠 작성이 가능합니다. 스타일 시스템을 AEM의 핵심 구성 요소, 템플릿 편집기 및 반응형 레이아웃과 함께 사용하면 강력한 기능을 통해 다양한 경험을 빠르게 구성할 수 있습니다.", "duration": "PT0H3M10S", "embedUrl": "https://video.tv.adobe.com/v/30942/", "name": "AEM Sites에서 스타일 시스템 사용", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/c72e4016-3bdf-40a7-aa07-1ff15ece92d1/bdcd120e-4b02-43e4-bd4c-469cddc18413/b7bac2cd64194ec69231850129f4dc43_1579091419-100x56.jpg", "https://images-tv.adobe.com/mpcv3/c72e4016-3bdf-40a7-aa07-1ff15ece92d1/bdcd120e-4b02-43e4-bd4c-469cddc18413/b7bac2cd64194ec69231850129f4dc43_1579091419-150x84.jpg", "https://images-tv.adobe.com/mpcv3/c72e4016-3bdf-40a7-aa07-1ff15ece92d1/bdcd120e-4b02-43e4-bd4c-469cddc18413/b7bac2cd64194ec69231850129f4dc43_1579091419-200x113.jpg", "https://images-tv.adobe.com/mpcv3/c72e4016-3bdf-40a7-aa07-1ff15ece92d1/bdcd120e-4b02-43e4-bd4c-469cddc18413/b7bac2cd64194ec69231850129f4dc43_1579091419-220x124.jpg", "https://images-tv.adobe.com/mpcv3/c72e4016-3bdf-40a7-aa07-1ff15ece92d1/bdcd120e-4b02-43e4-bd4c-469cddc18413/b7bac2cd64194ec69231850129f4dc43_1579091420-236x133.jpg", "https://images-tv.adobe.com/mpcv3/c72e4016-3bdf-40a7-aa07-1ff15ece92d1/bdcd120e-4b02-43e4-bd4c-469cddc18413/b7bac2cd64194ec69231850129f4dc43_1579091420-290x186.jpg", "https://images-tv.adobe.com/mpcv3/c72e4016-3bdf-40a7-aa07-1ff15ece92d1/bdcd120e-4b02-43e4-bd4c-469cddc18413/b7bac2cd64194ec69231850129f4dc43_1579091420-420x236.jpg", "https://images-tv.adobe.com/mpcv3/c72e4016-3bdf-40a7-aa07-1ff15ece92d1/bdcd120e-4b02-43e4-bd4c-469cddc18413/b7bac2cd64194ec69231850129f4dc43_1579091420-640x360.jpg", "https://images-tv.adobe.com/mpcv3/c72e4016-3bdf-40a7-aa07-1ff15ece92d1/bdcd120e-4b02-43e4-bd4c-469cddc18413/b7bac2cd64194ec69231850129f4dc43_1579091421-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/c72e4016-3bdf-40a7-aa07-1ff15ece92d1/bdcd120e-4b02-43e4-bd4c-469cddc18413/b7bac2cd64194ec69231850129f4dc43_1579091421-666x374.jpg", "https://images-tv.adobe.com/mpcv3/c72e4016-3bdf-40a7-aa07-1ff15ece92d1/bdcd120e-4b02-43e4-bd4c-469cddc18413/b7bac2cd64194ec69231850129f4dc43_1579091421-720x405.jpg", "https://images-tv.adobe.com/mpcv3/c72e4016-3bdf-40a7-aa07-1ff15ece92d1/bdcd120e-4b02-43e4-bd4c-469cddc18413/b7bac2cd64194ec69231850129f4dc43_1579091421-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-01-15T12:28:17Z", "hasPart": [], "educationLevel": [ "Intermediate" ], "learningResourceType": "AEM Sites에서 스타일 시스템 사용" }
AEM Sites을 사용한 응답형 레이아웃 이해
AEM에서는 레이아웃 컨테이너 구성 요소를 사용하여 페이지에 대한 응답형 레이아웃을 가질 수 있습니다. 콘텐츠 작성자는 반응형 레이아웃 을 사용하여 다양한 디바이스에 대한 반응형 콘텐츠를 만들고 AEM 내에서 최종 사용자 경험을 미리 볼 수 있습니다.
352
{ "description": "AEM에서는 레이아웃 컨테이너 구성 요소를 사용하여 페이지에 대한 응답형 레이아웃을 가질 수 있습니다. 콘텐츠 작성자는 반응형 레이아웃 을 사용하여 다양한 디바이스에 대한 반응형 콘텐츠를 만들고 AEM 내에서 최종 사용자 경험을 미리 볼 수 있습니다.", "duration": "PT0H5M52S", "embedUrl": "https://video.tv.adobe.com/v/37178/", "name": "AEM Sites을 사용한 응답형 레이아웃 이해", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/29719f38-a429-4013-acb2-a627f71d144e/efd0909fb069466f8026b2044f2e30d5_1594978803-100x56.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/29719f38-a429-4013-acb2-a627f71d144e/efd0909fb069466f8026b2044f2e30d5_1594978804-150x84.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/29719f38-a429-4013-acb2-a627f71d144e/efd0909fb069466f8026b2044f2e30d5_1594978804-200x113.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/29719f38-a429-4013-acb2-a627f71d144e/efd0909fb069466f8026b2044f2e30d5_1594978804-220x124.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/29719f38-a429-4013-acb2-a627f71d144e/efd0909fb069466f8026b2044f2e30d5_1594978804-236x133.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/29719f38-a429-4013-acb2-a627f71d144e/efd0909fb069466f8026b2044f2e30d5_1594978805-290x186.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/29719f38-a429-4013-acb2-a627f71d144e/efd0909fb069466f8026b2044f2e30d5_1594978805-420x236.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/29719f38-a429-4013-acb2-a627f71d144e/efd0909fb069466f8026b2044f2e30d5_1594978805-640x360.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/29719f38-a429-4013-acb2-a627f71d144e/efd0909fb069466f8026b2044f2e30d5_1594978806-666x374.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/29719f38-a429-4013-acb2-a627f71d144e/efd0909fb069466f8026b2044f2e30d5_1594978807-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/29719f38-a429-4013-acb2-a627f71d144e/efd0909fb069466f8026b2044f2e30d5_1594978807-720x405.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/29719f38-a429-4013-acb2-a627f71d144e/efd0909fb069466f8026b2044f2e30d5_1594978807-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-07-17T09:35:57Z", "hasPart": [], "educationLevel": [ "Intermediate" ], "learningResourceType": "AEM Sites을 사용한 응답형 레이아웃 이해" }
웹에 최적화된 이미지 게재
AEM 핵심 구성 요소를 사용하여 AEM as a Cloud Service 사이트에서 웹에 최적화된 이미지 제공 기능을 활성화하는 방법에 대해 알아봅니다.
357
{ "description": "AEM 핵심 구성 요소를 사용하여 AEM as a Cloud Service 사이트에서 웹에 최적화된 이미지 제공 기능을 활성화하는 방법에 대해 알아봅니다.", "duration": "PT0H5M57S", "embedUrl": "https://video.tv.adobe.com/v/346064/", "name": "웹에 최적화된 이미지 게재", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148374-100x56.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148374-150x84.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148375-200x113.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148376-220x124.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148377-236x133.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148378-290x186.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148379-420x236.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148381-640x360.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148381-666x374.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148382-720x405.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148382-960x540.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148383-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2022-08-10T16:15:42Z", "hasPart": [], "educationLevel": [ "Intermediate" ], "learningResourceType": "웹에 최적화된 이미지 게재" }
AEM Sites과 페이지 차이 사용
AEM Sites의 페이지 차이 기능 에서는 페이지에서 변경된 콘텐츠(버전, 라이브 카피, 론치, 언어 사본)를 색상으로 빠르게 볼 수 있습니다.
263
{ "description": "AEM Sites의 페이지 차이 기능 에서는 페이지에서 변경된 콘텐츠(버전, 라이브 카피, 론치, 언어 사본)를 색상으로 빠르게 볼 수 있습니다.", "duration": "PT0H4M23S", "embedUrl": "https://video.tv.adobe.com/v/36798/", "name": "AEM Sites과 페이지 차이 사용", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/7af3febe-8606-4ff5-b2be-aa7681653865/d1b052b84ce049fd9a663354635842f1_1594890297-100x56.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/7af3febe-8606-4ff5-b2be-aa7681653865/d1b052b84ce049fd9a663354635842f1_1594890298-150x84.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/7af3febe-8606-4ff5-b2be-aa7681653865/d1b052b84ce049fd9a663354635842f1_1594890298-200x113.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/7af3febe-8606-4ff5-b2be-aa7681653865/d1b052b84ce049fd9a663354635842f1_1594890298-220x124.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/7af3febe-8606-4ff5-b2be-aa7681653865/d1b052b84ce049fd9a663354635842f1_1594890298-236x133.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/7af3febe-8606-4ff5-b2be-aa7681653865/d1b052b84ce049fd9a663354635842f1_1594890298-290x186.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/7af3febe-8606-4ff5-b2be-aa7681653865/d1b052b84ce049fd9a663354635842f1_1594890298-420x236.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/7af3febe-8606-4ff5-b2be-aa7681653865/d1b052b84ce049fd9a663354635842f1_1594890299-640x360.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/7af3febe-8606-4ff5-b2be-aa7681653865/d1b052b84ce049fd9a663354635842f1_1594890299-666x374.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/7af3febe-8606-4ff5-b2be-aa7681653865/d1b052b84ce049fd9a663354635842f1_1594890299-720x405.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/7af3febe-8606-4ff5-b2be-aa7681653865/d1b052b84ce049fd9a663354635842f1_1594890299-960x540.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/7af3febe-8606-4ff5-b2be-aa7681653865/d1b052b84ce049fd9a663354635842f1_1594890300-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-07-16T09:00:40Z", "hasPart": [], "educationLevel": [ "Beginner" ], "learningResourceType": "AEM Sites과 페이지 차이 사용" }
AEM Sites에서 론치를 사용하는 방법
AEM Sites에서의 론치는 향후 릴리스를 위한 콘텐츠를 만들고, 작성하고, 검토하는 방법을 제공합니다.
373
{ "description": "AEM Sites에서의 론치는 향후 릴리스를 위한 콘텐츠를 만들고, 작성하고, 검토하는 방법을 제공합니다.", "duration": "PT0H6M13S", "embedUrl": "https://video.tv.adobe.com/v/346841/", "name": "AEM Sites에서 론치를 사용하는 방법", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/c54dc8da-4489-436b-82ad-6261d084fe8a/99daa66b33df44058d966b46e6446652_1661947168-100x56.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/c54dc8da-4489-436b-82ad-6261d084fe8a/99daa66b33df44058d966b46e6446652_1661947168-150x85.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/c54dc8da-4489-436b-82ad-6261d084fe8a/99daa66b33df44058d966b46e6446652_1661947169-200x113.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/c54dc8da-4489-436b-82ad-6261d084fe8a/99daa66b33df44058d966b46e6446652_1661947169-220x124.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/c54dc8da-4489-436b-82ad-6261d084fe8a/99daa66b33df44058d966b46e6446652_1661947169-236x133.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/c54dc8da-4489-436b-82ad-6261d084fe8a/99daa66b33df44058d966b46e6446652_1661947169-290x163.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/c54dc8da-4489-436b-82ad-6261d084fe8a/99daa66b33df44058d966b46e6446652_1661947169-420x236.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/c54dc8da-4489-436b-82ad-6261d084fe8a/99daa66b33df44058d966b46e6446652_1661947170-640x360.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/c54dc8da-4489-436b-82ad-6261d084fe8a/99daa66b33df44058d966b46e6446652_1661947170-666x375.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/c54dc8da-4489-436b-82ad-6261d084fe8a/99daa66b33df44058d966b46e6446652_1661947170-720x405.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/c54dc8da-4489-436b-82ad-6261d084fe8a/99daa66b33df44058d966b46e6446652_1661947170-960x540.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/c54dc8da-4489-436b-82ad-6261d084fe8a/99daa66b33df44058d966b46e6446652_1661947171-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2022-08-31T11:56:20Z", "hasPart": [], "educationLevel": [ "Intermediate", "Experienced" ], "learningResourceType": "AEM Sites에서 론치를 사용하는 방법" }