컨테이너 이미지는 지원되는 프런트엔드 프레임워크 중 하나를 사용하여 코드를 실행할 수 있습니다. 프레임워크는 코드의 구조를 제공하고 라우팅 및 데이터 가져오기와 같은 일반적인 애플리케이션 문제를 해결합니다. 프레임워크는 또한 브라우저에서 서버 또는 빌드 단계로 렌더링과 같이 프로세스를 전환하여 성능을 향상시킬 수 있습니다. 프레임워크를 사용하면 소스 코드를 빠르게 개발하고 컨테이너 이미지로 패키징한 후 이미지를 Cloud Run에 배포할 수 있습니다.
다음 프런트엔드 프레임워크를 사용해서 Hello World 샘플 앱을 만들고 배포하는 방법을 알아봅니다.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["이해하기 어려움","hardToUnderstand","thumb-down"],["잘못된 정보 또는 샘플 코드","incorrectInformationOrSampleCode","thumb-down"],["필요한 정보/샘플이 없음","missingTheInformationSamplesINeed","thumb-down"],["번역 문제","translationIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-09-04(UTC)"],[],[],null,["# Deploy a service to Cloud Run with frameworks\n\nYour container image can run code using one of the supported frontend frameworks. Frameworks provide structure for your code and resolve common application problems like routing and data fetching. Frameworks can also improve performance by shifting processes like rendering from the browser to the server or to the build step. With frameworks, you can quickly develop and package your source code into a container image, and then deploy the image to Cloud Run.\n\n\u003cbr /\u003e\n\nLearn how to create and deploy a Hello World sample app using any of the following\nfrontend frameworks:\n\n- JavaScript:\n\n - [Angular SSR](/run/docs/quickstarts/frameworks/deploy-angular-ssr-service) built on Angular\n - [Next.js](/run/docs/quickstarts/frameworks/deploy-nextjs-service) built on React\n - [Nuxt.js](/run/docs/quickstarts/frameworks/deploy-nuxtjs-service) built on Vue.js\n - [SvelteKit](/run/docs/quickstarts/frameworks/deploy-sveltekit-service) built on Svelte"]]