{"id":1165,"date":"2023-04-18T21:54:20","date_gmt":"2023-04-18T12:54:20","guid":{"rendered":"https:\/\/www.gyuroot.com\/wordpress\/?p=1165"},"modified":"2023-07-04T22:11:49","modified_gmt":"2023-07-04T13:11:49","slug":"sprint-%eb%8f%84%eb%a9%94%ec%9d%b8-%ec%97%b0%ea%b2%b0%ea%b3%bc-cdn-%eb%b0%8f-https-%ec%a0%81%ec%9a%a9","status":"publish","type":"post","link":"https:\/\/www.gyuroot.com\/wordpress\/?p=1165","title":{"rendered":"[Sprint] \ub3c4\uba54\uc778 \uc5f0\uacb0\uacfc CDN \ubc0f HTTPS \uc801\uc6a9"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_63 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >\ubaa9\ucc28<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#_%ED%95%99%EC%8A%B5_%EB%AA%A9%ED%91%9C\" title=\"# \ud559\uc2b5 \ubaa9\ud45c\"># \ud559\uc2b5 \ubaa9\ud45c<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#_%ED%95%B4%EA%B2%B0_%EA%B3%BC%EC%A0%9C\" title=\"# \ud574\uacb0 \uacfc\uc81c\"># \ud574\uacb0 \uacfc\uc81c<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#_%EC%8B%A4%EC%8A%B5_%EC%9E%90%EB%A3%8C\" title=\"# \uc2e4\uc2b5 \uc790\ub8cc\"># \uc2e4\uc2b5 \uc790\ub8cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#_%EA%B3%BC%EC%A0%9C_%ED%95%AD%EB%AA%A9%EB%B3%84_%EC%A7%84%ED%96%89_%EC%83%81%ED%99%A9\" title=\"# \uacfc\uc81c \ud56d\ubaa9\ubcc4 \uc9c4\ud589 \uc0c1\ud669\"># \uacfc\uc81c \ud56d\ubaa9\ubcc4 \uc9c4\ud589 \uc0c1\ud669<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#_TROUBLE_SHOOTING_LOG\" title=\"# TROUBLE SHOOTING LOG\"># TROUBLE SHOOTING LOG<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#%EC%9B%90%EC%9D%B8\" title=\"\uc6d0\uc778\">\uc6d0\uc778<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#%ED%95%B4%EA%B2%B0_%EB%B0%A9%EC%95%88\" title=\"\ud574\uacb0 \ubc29\uc548\">\ud574\uacb0 \ubc29\uc548<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#%EC%9B%90%EC%9D%B8-2\" title=\"\uc6d0\uc778\">\uc6d0\uc778<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#%ED%95%B4%EA%B2%B0_%EB%B0%A9%EC%95%88-2\" title=\"\ud574\uacb0 \ubc29\uc548\">\ud574\uacb0 \ubc29\uc548<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#%EC%9B%90%EC%9D%B8-3\" title=\"\uc6d0\uc778\">\uc6d0\uc778<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#%ED%95%B4%EA%B2%B0_%EB%B0%A9%EC%95%88-3\" title=\"\ud574\uacb0 \ubc29\uc548\">\ud574\uacb0 \ubc29\uc548<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#%EC%9B%90%EC%9D%B8-4\" title=\"\uc6d0\uc778\">\uc6d0\uc778<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#%ED%95%B4%EA%B2%B0_%EB%B0%A9%EC%95%88-4\" title=\"\ud574\uacb0 \ubc29\uc548\">\ud574\uacb0 \ubc29\uc548<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#_%ED%94%BC%EB%93%9C%EB%B0%B1\" title=\"# \ud53c\ub4dc\ubc31\"># \ud53c\ub4dc\ubc31<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\/#References\" title=\"#References\">#References<\/a><\/li><\/ul><\/nav><\/div>\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"_%ED%95%99%EC%8A%B5_%EB%AA%A9%ED%91%9C\"><\/span># \ud559\uc2b5 \ubaa9\ud45c<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n<ul>\n<li>HTTPS\ub85c \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ubc30\ud3ec\ud560 \uc218 \uc788\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/li>\n\n\n<li>CloudFront, Certificate Manager, Elastic Load Balancer, Route53 \ub4f1\uc758 \uc11c\ube44\uc2a4\uc5d0 \ub300\ud574\uc11c \uc774\ud574\ud569\ub2c8\ub2e4.<\/li>\n\n\n<li>\ubaa8\ub4e0 \ud14c\uc2a4\ud2b8\ub97c \ud1b5\uacfc\ud558\uace0, \uc81c\ucd9c\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"_%ED%95%B4%EA%B2%B0_%EA%B3%BC%EC%A0%9C\"><\/span># \ud574\uacb0 \uacfc\uc81c<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n<ul>\n<li>HTTPS\ub97c \uc801\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \uc5b4\ub5a4 \uc544\ud0a4\ud14d\ucc98\uc640 \uc5b4\ub5a4 AWS \uc11c\ube44\uc2a4\uac00 \ud544\uc694\ud55c\uc9c0 \uad6c\uc0c1\ud569\ub2c8\ub2e4.<\/li>\n\n\n<li><code>.env<\/code>\ud30c\uc77c\uc5d0 HTTPS \uc801\uc6a9\uc744 \uc704\ud55c \ud658\uacbd\uc124\uc815\uc73c\ub85c \uc801\uc808\ud558\uac8c \uc791\uc131\ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<pre class=\"wp-block-code\"><code>REACT_APP_API_<span class='tooltipsall tooltipsincontent classtoolTips11'>URL<\/span>=&quot;https:\/\/<strong>[EC2 DNS]<\/strong>.click&quot;\nS3_ADDRESS=&quot;http:\/\/<strong>[Bucket_Name]<\/strong>.s3-website.ap-northeast-2.amazonaws.com&quot;\nHTTPS_ADDRESS=&quot;https:\/\/[Domain].click&quot;\nELB_DNS_ADDRESS=&quot;http:\/\/<strong>[ELB_Public_DNS]<\/strong>.ap-northeast-2.elb.amazonaws.com&quot;\nHTTPS_ARCHITECTURE_IMAGE=&quot;https:\/\/pckbucket.s3.ap-northeast-2.amazonaws.com\/%ED%83%9C%EA%B2%BD%EC%B0%AC%EA%B7%9C_3Tier_diagram.jpg&quot;<\/code><\/pre>\n\n\n<ul>\n<li><code>npm run test2<\/code> \uba85\ub839\uc744 \uc0ac\uc6a9\ud574 \ud14c\uc2a4\ud2b8\uac00 \ud1b5\uacfc\ud558\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4.<\/li>\n\n\n<li>\uc2e4\uc81c\ub85c \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774 \ube0c\ub77c\uc6b0\uc800 \uc0c1\uc5d0\uc11c HTTPS \ud504\ub85c\ud1a0\ucf5c\ub85c \uc791\ub3d9\ud558\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"_%EC%8B%A4%EC%8A%B5_%EC%9E%90%EB%A3%8C\"><\/span># \uc2e4\uc2b5 \uc790\ub8cc<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n<p class=\"has-text-color\" style=\"color: rgb(0, 0, 0)\"><a href=\"https:\/\/github.com\/cs-devops-bootcamp\/sprint-aws\">sprint-aws<\/a><\/p>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"_%EA%B3%BC%EC%A0%9C_%ED%95%AD%EB%AA%A9%EB%B3%84_%EC%A7%84%ED%96%89_%EC%83%81%ED%99%A9\"><\/span># \uacfc\uc81c \ud56d\ubaa9\ubcc4 \uc9c4\ud589 \uc0c1\ud669<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n<p class=\"has-background\" style=\"background-color: rgb(231, 243, 248)\">&#x270f;&#xfe0f; <strong>1. Certificate Manager\ub97c \ud1b5\ud55c \ub3c4\uba54\uc778 \uc778\uc99d\uc11c \ubc1c\uae09<\/strong><\/p>\n\n\n<ul>\n<li>\uad6c\ub9e4\ud55c \ub3c4\uba54\uc778\uc744 \uae30\uc900\uc73c\ub85c \uc778\uc99d\uc11c\ub97c \ubc1c\uae09 \ubc1b\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n<li>\uc778\uc99d\uae4c\uc9c0 \ucd5c\uc18c 30\ubd84\uc758 \uc2dc\uac04\uc774 \uc18c\uc694\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-212-1024x158.png?v=1688456392\" alt=\"\"\/><\/figure>\n\n\n<p class=\"has-background\" style=\"background-color: rgb(231, 243, 248)\">&#x270f;&#xfe0f; <strong>2. \ubc31\uc5d4\ub4dc HTTPS \uc801\uc6a9<\/strong><\/p>\n\n\n<ul>\n<li>\uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ub85c\ub4dc\ubc38\ub7f0\uc11c(Application Load Balancer)\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-213-1024x406.png?v=1688456395\" alt=\"\"\/><\/figure>\n\n\n<ul>\n<li>ALB\uc758 \ub9ac\uc2a4\ub108, \uac00\uc6a9\uc601\uc5ed, \uc778\uc99d\uc11c\ub97c \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-214-1024x215.png?v=1688456398\" alt=\"\"\/><\/figure>\n\n\n<ul>\n<li>\ub300\uc0c1 \uadf8\ub8f9(target group)\uc744 \ub4f1\ub85d\ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-215-1024x516.png?v=1688456402\" alt=\"\"\/><\/figure>\n\n\n<ul>\n<li>\ub85c\ub4dc\ubc38\ub7f0\uc11c DNS \uc8fc\uc18c\ub85c \uc811\uc18d\ud574, \ud14c\uc2a4\ud2b8\ub97c \uc9c4\ud589\ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-216-1024x323.png?v=1688456408\" alt=\"\"\/><\/figure>\n\n\n<p class=\"has-background\" style=\"background-color: rgb(231, 243, 248)\">&#x270f;&#xfe0f; <strong>3. \ud504\ub860\ud2b8\uc5d4\ub4dc <span class='tooltipsall tooltipsincontent classtoolTips10'>CDN<\/span> \ubc0f HTTPS \uc801\uc6a9<\/strong><\/p>\n\n\n<ul>\n<li>Origin Domain\uc744 \uc124\uc815\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-217.png?v=1688456411\" alt=\"\"\/><\/figure>\n\n\n<ul>\n<li>Viewer protocol policy\ub294 Redirect HTTP to HTTPS\ub85c \uc9c0\uc815\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-3\">\n<div class=\"wp-block-column is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-218.png?v=1688456414\" alt=\"\"\/><\/figure>\n\n<\/div>\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-219.png?v=1688456417\" alt=\"\"\/><\/figure>\n\n<\/div>\n\n<\/div>\n\n\n<ul>\n<li>Certificate Manager\uc5d0\uc11c \ubc1c\uae09\ubc1b\uc740 \uc778\uc99d\uc11c\ub97c \uc0ac\uc6a9\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n\n\n<li>\ub300\uccb4\ub3c4\uba54\uc778\uacfc \uc778\uc99d \ubc1b\uc740 \ub3c4\uba54\uc778\uc758 \uc774\ub984\uc774 \uac19\uc544\uc57c \ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-220-1024x436.png?v=1688456420\" alt=\"\"\/><\/figure>\n\n\n<ul>\n<li>Default root object \ubd80\ubd84\uc5d0 index.html\uc744 \uc791\uc131\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-221.png?v=1688456423\" alt=\"\"\/><\/figure>\n\n\n<ul>\n<li>\uc0dd\uc131\ub41c \ubc30\ud3ec\uc758 Distribution domain name\uc73c\ub85c \uc811\uc18d\uc774 \ub418\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-222-1024x536.png?v=1688456428\" alt=\"\"\/><\/figure>\n\n\n<p class=\"has-background\" style=\"background-color: rgb(231, 243, 248)\">&#x270f;&#xfe0f; <strong>4. Route53 \ub808\ucf54\ub4dc \ub4f1\ub85d<\/strong><\/p>\n\n\n<ul>\n<li>\ubc31\uc5d4\ub4dc\uc640 \ud504\ub860\ud2b8\uc5d4\ub4dc\uc758 \ubcc4\uce6d \ub808\ucf54\ub4dc\ub97c Route53 \ud638\uc2a4\ud305 \uc601\uc5ed\uc5d0 \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/li>\n\n\n<li>\ubc31\uc5d4\ub4dc\ub294 <code>https:\/\/api.yourdomain.click<\/code>\uc73c\ub85c \uc811\uc18d \uc2dc, \ub85c\ub4dc\ubc38\ub7f0\uc11c\ub85c \uc5f0\uacb0\ub418\uc5b4\uc57c \ud558\uba70, \n\ud504\ub860\ud2b8\uc5d4\ub4dc\ub294 <code>https:\/\/www.yourdomain.click<\/code>\uc73c\ub85c \uc811\uc18d \uc2dc, Cloudfront\ub85c \uc5f0\uacb0\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/li>\n\n<\/ul>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"_TROUBLE_SHOOTING_LOG\"><\/span># TROUBLE SHOOTING LOG<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n<p class=\"has-background\" style=\"background-color: rgb(251, 243, 219)\">&#x1f4a1; <strong>ACM\uc5d0\uc11c \uc778\uc99d\uc11c \uc694\uccad\uc774 30\ubd84\uc774 \uc9c0\ub098\ub3c4 \ubc1c\uae09\ub418\uc9c0 \uc54a\uc74c<\/strong><\/p>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EC%9B%90%EC%9D%B8\"><\/span>\uc6d0\uc778<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<p class=\"has-text-color\" style=\"color: rgb(0, 0, 0)\"><strong>CNAME \ub808\ucf54\ub4dc\ub97c \uc0dd\uc131\uc744 \ud558\uc9c0 \uc54a\uc74c<\/strong><\/p>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%ED%95%B4%EA%B2%B0_%EB%B0%A9%EC%95%88\"><\/span>\ud574\uacb0 \ubc29\uc548<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<p class=\"has-text-color\" style=\"color: rgb(0, 0, 0)\">CNAME \ub808\ucf54\ub4dc\ub97c \uc0dd\uc131\ud558\uc5ec \ud574\uacb0<\/p>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n<p class=\"has-background\" style=\"background-color: rgb(251, 243, 219)\">&#x1f4a1; <strong>SSL \uc778\uc99d\uc11c\ub97c \ubc1c\uae09\ud588\uc73c\ub098 ALB\uc5d0\uc11c \uc778\uc99d\uc774 \ub418\uc9c0 \uc54a\ub294 \ud604\uc0c1<\/strong><\/p>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EC%9B%90%EC%9D%B8-2\"><\/span>\uc6d0\uc778<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<p class=\"has-text-color\" style=\"color: rgb(0, 0, 0)\">ACM \uc5d0\uc11c \uc778\uc99d\uc11c \ubc1c\uae09\uc2dc \ub3c4\uba54\uc778\uba85\uc744 tkops.click \uc73c\ub85c \ubc1c\uae09\ubc1b\uc544 ALB \ub9ac\uc2a4\ub108\uc5d0 \ucd94\uac00\ud558\uc600\uc73c\ub098,<\/p>\n\n\n<p class=\"has-text-color\" style=\"color: rgb(0, 0, 0)\">ALB \uc758 \ub3c4\uba54\uc778\uc740 Route 53 \uc758 api.tkops.click \ub808\ucf54\ub4dc\uc5d0 \ub4f1\ub85d\ub418\uc5b4 \uc788\uc73c\ubbc0\ub85c \uc778\uc99d\uc774 \ub418\uc9c0 \uc54a\uc74c.<\/p>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%ED%95%B4%EA%B2%B0_%EB%B0%A9%EC%95%88-2\"><\/span>\ud574\uacb0 \ubc29\uc548<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<p class=\"has-text-color\" style=\"color: rgb(0, 0, 0)\">ACM \uc5d0\uc11c *.tkops.click \uc73c\ub85c \uc640\uc77c\ub4dc\uce74\ub4dc \uc778\uc99d\uc11c\ub97c \ubc1c\uae09 \ubc1b\uc544 ALB \ub9ac\uc2a4\ub108\uc5d0 \ucd94\uac00\ud558\uc5ec \ud574\uacb0<\/p>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-223-1024x206.png?v=1688456432\" alt=\"\"\/><\/figure>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n<p class=\"has-background\" style=\"background-color: rgb(251, 243, 219)\">&#x1f4a1; <strong>ALB \uc811\uc18d\uc2dc \uc811\uc18d\uc774 \ub418\uc9c0 \uc54a\uace0, TimeOut \uc774 \ubc1c\uc0dd\ud558\ub294 \ud604\uc0c1<\/strong><\/p>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EC%9B%90%EC%9D%B8-3\"><\/span>\uc6d0\uc778<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<p class=\"has-text-color\" style=\"color: rgb(0, 0, 0)\">ALB \uc0dd\uc131\uc2dc VPC default \ubcf4\uc548 \uadf8\ub8f9\uc744 \ud560\ub2f9\ud574, HTTPS \ud2b8\ub798\ud53d\uc744 \uc218\uc2e0\ud558\uc9c0 \ubabb\ud568.<\/p>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%ED%95%B4%EA%B2%B0_%EB%B0%A9%EC%95%88-3\"><\/span>\ud574\uacb0 \ubc29\uc548<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<p class=\"has-text-color\" style=\"color: rgb(0, 0, 0)\">\uc0c8\ub85c\uc6b4 \ubcf4\uc548 \uadf8\ub8f9\uc744 \uc0dd\uc131\ud574 HTTPS \ud2b8\ub798\ud53d\uc744 \ud5c8\uc6a9\ud558\uace0 ALB \uc5d0 \ud560\ub2f9\ud558\uc5ec \ud574\uacb0<\/p>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.gyuroot.com\/wordpress\/wp-content\/uploads\/image-224-1024x334.png?v=1688456436\" alt=\"\"\/><\/figure>\n\n\n<p class=\"has-background\" style=\"background-color: rgb(251, 243, 219)\">&#x1f4a1; <strong>S3 -&gt; EC2 \ud638\ucd9c\uc2dc ERR_NAME_NOT_RESOLVED<\/strong><\/p>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EC%9B%90%EC%9D%B8-4\"><\/span>\uc6d0\uc778<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<p class=\"has-text-color\" style=\"color: rgb(0, 0, 0)\">\ub3c4\uba54\uc778 : bigheadck.click\n~\/client\/.env<\/p>\n\n\n<pre class=\"wp-block-code\"><code>REACT_APP_API_<span class='tooltipsall tooltipsincontent classtoolTips11'>URL<\/span>=&quot;https:\/\/api.bighead<span style=\"color: rgba(212, 76, 71, 1)\"><s>ck<\/s><\/span>.click&quot;\nS3_ADDRESS=&quot;http:\/\/pckbucket.s3-website.ap-northeast-2.amazonaws.com&quot;\nHTTPS_ADDRESS=&quot;https:\/\/bigheadck.click&quot;\nELB_DNS_ADDRESS=&quot;http:\/\/WAS-968684666.ap-northeast-2.elb.amazonaws.com&quot;\nHTTPS_ARCHITECTURE_IMAGE=&quot;https:\/\/pckbucket.s3.ap-northeast-2.amazonaws.com\/%ED%83%9C%EA%B2%BD%EC%B0%AC%EA%B7%9C_3Tier_diagram.jpg&quot;<\/code><\/pre>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%ED%95%B4%EA%B2%B0_%EB%B0%A9%EC%95%88-4\"><\/span>\ud574\uacb0 \ubc29\uc548<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<ol>\n<li>S3\uc758 \ud658\uacbd\ubcc0\uc218 \uc911 REACT_APP_API_<span class='tooltipsall tooltipsincontent classtoolTips11'>URL<\/span> \uac12\uc774 api.bigheadck.click \uc73c\ub85c \ud588\uc5b4\uc57c \ud588\ub294\ub370<\/li>\n\n<\/ol>\n\n\n<p class=\"has-text-color\" style=\"color: rgb(0, 0, 0)\">\uc704\uc640 \uac19\uc774 &#039;ck&#039; \ub97c \ube80 api.bighead.click\uc73c\ub85c \ub418\uc5b4\uc788\uc5c8\uc74c\n\uc6b0\ubd84\ud22c \ud658\uacbd\uc5d0\uc11c \ud574\ub2f9 \ubcc0\uc218\ub97c \uc218\uc815\ud558\uace0 S3 \ub2e4\uc2dc \uc218\ucc28\ub840 \uc5c5\ub85c\ub4dc \uc9c4\ud589\uc744 \ud574\uc654\uc9c0\ub9cc \uacc4\uc18d \ucca8\ubd80\ub41c \uc774\ubbf8\uc9c0 \ucc98\ub7fc \uc751\ub2f5\uc744 \ubc1b\uc558\uc74c<\/p>\n\n\n<ol>\n<li>S3\uc758 \ub9ac\uc18c\uc2a4\uac00 \uc6d0\ubcf8\ub370\uc774\ud130\uc778\ub370 \uc774\ub97c \uac00\ub974\ud0a4\ub294 \uc11c\ube44\uc2a4\uac00 CloudFront \uc774\ubbc0\ub85c CloudFront\ub97c \uc758\uc2ec\ud558\uba70 \uc811\uadfc<\/li>\n\n\n<li>\ube44\ud65c\uc131\ud654 \ud6c4 \uc7ac\ud65c\uc131\ud654 = \ud574\uacb0\uc548\ub428<\/li>\n\n\n<li>CloudFront \uc7ac\ubc30\ud3ec = \ud574\uacb0 \uc548\ub428<\/li>\n\n\n<li>\uad6c\uae00\ub9c1\uc73c\ub85c \ub2e4\ub978 \uc6d0\uc778 \ud0d0\uc0c9<\/li>\n\n\n<li>AWS \uc11c\ube44\uc2a4 \uc911\uc778 \uc6f9\uc0ac\uc774\ud2b8\ub97c \uc6b4\uc601\uc911\uc778\ub370, \uc774\ubbf8\uc9c0\ub97c \ubcc0\uacbd\ud558\uac70\ub098 \ucd94\uac00\uacbd\ub85c\ub97c \uc0dd\uc131\ud558\uc5ec \ud648\ud398\uc774\uc9c0\uc5d0 \ubcc0\ud654\ub97c \uc8fc\uc5c8\ub294\ub370\ub3c4 \ub0b4 \ube0c\ub77c\uc6b0\uc800\uc758 \uce90\uc2dc\ub97c \ub0a0\ub9ac\uace0 \uc0ac\uc774\ud2b8\uc5d0 \uc811\uc18d\ud574\ub3c4 \uc774\uc804 \uc0c1\ud0dc\uac00 \ubcf4\uc77c \uacbd\uc6b0 <span class='tooltipsall tooltipsincontent classtoolTips10'>CDN<\/span>\uc758 \uce90\uc2dc\ub97c \ubb34\ud6a8\ud654(Infalidation)\uc744 \ud574\uc8fc\uc5b4\uc57c \ubc18\uc601\uc774 \ub418\uba70, <span class='tooltipsall tooltipsincontent classtoolTips10'>CDN<\/span>\uc758 TTL\uc744 \uc870\uc808\ud558\uc5ec \uc124\uc815\ud558\ub294 \ubc29\ubc95\uc774 \uc788\uace0 \ubc14\ub85c \ud558\ub294 \ubc29\ubc95\uc740 <span class='tooltipsall tooltipsincontent classtoolTips10'>CDN<\/span> \uce90\uc2dc \ubb34\ud6a8\ud654 \ud558\ub294 \ubc29\ubc95<\/li>\n\n<\/ol>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"_%ED%94%BC%EB%93%9C%EB%B0%B1\"><\/span># \ud53c\ub4dc\ubc31<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>\uc624\ud0dc\uacbd<\/th><th>\ubc15\ucc2c\uaddc<\/th><\/tr><\/thead><tbody><tr><td>\ucc98\uc74c\uc73c\ub85c \uc544\ud0a4\ud14d\ucc98 \uad6c\uc131\ub3c4\ub97c \uadf8\ub824\ubcf4\uba74\uc11c \ub9ce\uc740 \uace0\ubbfc\uc744 \ud558\uac8c\ub410\uace0, \uac01 \ub9ac\uc18c\uc2a4\uc758 \uc601\uc5ed\uc744 \uad6c\ubd84\ud558\uba74\uc11c VPC, \uc11c\ube0c\ub137, \uac00\uc6a9\uc601\uc5ed\uc5d0 \ub300\ud55c \uc774\ud574\ub3c4\uac00 \ub9ce\uc774 \uc62c\ub77c\uac14\ub2e4.<\/td><td>\uc624\ud0c0\ub85c \uc778\ud574 \uce90\uc2dc \ubb34\ud6a8\ud654\uae4c\uc9c0 \ud559\uc2b5\ud558\uac8c \ub418\uc5b4 \uc88b\uae34\ud558\uc9c0\ub9cc \ub2e4\uc74c\ubd80\ud130\ub294 \uc624\ud0c0 \uc870\uc2ec\ud558\uaca0\uc2b5\ub2c8\ub2e4<\/td><\/tr>\n<\/tbody><\/table><\/figure>\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"References\"><\/span>#References<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n<ul>\n<li><a href=\"https:\/\/docs.aws.amazon.com\/ko_kr\/ko_kr\/elasticloadbalancing\/latest\/application\/create-https-listener.html\">Application Load Balancer\uc6a9 HTTPS \ub9ac\uc2a4\ub108 \uc0dd\uc131<\/a><\/li>\n\n\n<li><a href=\"https:\/\/docs.aws.amazon.com\/ko_kr\/ko_kr\/AmazonCloudFront\/latest\/DeveloperGuide\/distribution-web-creating-console.html\">CloudFront \ubc30\ud3ec \uc0dd\uc131<\/a><\/li>\n\n\n<li><a href=\"https:\/\/docs.aws.amazon.com\/ko_kr\/ko_kr\/AmazonCloudFront\/latest\/DeveloperGuide\/distribution-web-values-specify.html\">CloudFront \ubc30\ud3ec\ub97c \ub9cc\ub4e4\uac70\ub098 \uc5c5\ub370\uc774\ud2b8\ud560 \ub54c \uc9c0\uc815\ud558\ub294 \uac12<\/a><\/li>\n\n<\/ul>\n\n<script type=\"text\/javascript\"> toolTips('.classtoolTips10','\uc11c\ubc84\uc640 \uc0ac\uc6a9\uc790 \uc0ac\uc774\uc758 \ubb3c\ub9ac\uc801\uc778 \uac70\ub9ac\ub97c \uc904\uc5ec \ucf58\ud150\uce20 \ub85c\ub529\uc5d0 \uc18c\uc694\ub418\ub294 \uc2dc\uac04\uc744 \ucd5c\uc18c\ud654\ud569\ub2c8\ub2e4. <span class='tooltipsall tooltipsincontent classtoolTips10'>CDN<\/span>\uc740 \uac01 \uc9c0\uc5ed\uc5d0 \uce90\uc2dc \uc11c\ubc84(PoP, Points of presence)\ub97c \ubd84\uc0b0 \ubc30\uce58\ud574, \uadfc\uc811\ud55c \uc0ac\uc6a9\uc790\uc758 \uc694\uccad\uc5d0 \uc6d0\ubcf8 \uc11c\ubc84\uac00 \uc544\ub2cc \uce90\uc2dc \uc11c\ubc84\uac00 \ucf58\ud150\uce20\ub97c \uc804\ub2ec<br\/>(\ud55c\ub9c8\ub514\ub85c \ud504\ub85d\uc2dc \uc11c\ubc84\uc5d0\uc11c \ucd9c\ubc1c\ud55c \uc6f9 \uce90\uc2dc\uc758 \ud074\ub77c\uc6b0\ub4dc\ud654)'); <\/script><script type=\"text\/javascript\">jQuery(\"document\").ready(function(){ if (typeof(bulletscreentoolTips10content) == 'undefined'){ var bulletscreentoolTips10content  = [\"Content Delivery Network\"] ; var bulletscreenindex10content = 0;jQuery(document).ready(function($) {\t$('.classtoolTips10').mouseout(function(e) {\t\tvar x = e.pageX,\t\ty = e.pageY; bulletscreenindex10content = (bulletscreenindex10content + 1) % bulletscreentoolTips10content.length; $(\"<span class='bulletscreenfortoolTips' \/>\").text(bulletscreentoolTips10content[bulletscreenindex10content]).css({\"z-index\": \"555555\",\"top\": y - 10,\"left\": x+10,\"color\": \"#bf316f\",\"font-size\": \"24px\",  \"font-weight\": \"bolder\",\"position\": \"absolute\"}).appendTo(\"body\").animate({\"top\": y - 380,\"opacity\": 1},2500,function() {this.remove();});});});}}); <\/script><script type=\"text\/javascript\"> toolTips('.classtoolTips11','<span class=\"notion-enable-hover\" data-token-index=\"0\">Uniform Resource Locator<br\/><\/span><br\/><br\/><a href=\"\/wordpress\/?p=65\">Detail<\/a>'); <\/script>","protected":false},"excerpt":{"rendered":"<p># \ud559\uc2b5 \ubaa9\ud45c # \ud574\uacb0 \uacfc\uc81c # \uc2e4\uc2b5 \uc790\ub8cc sprint-aws # \uacfc\uc81c \ud56d\ubaa9\ubcc4 \uc9c4\ud589 \uc0c1\ud669 &#x270f;&#xfe0f; 1. Certificate Manager\ub97c \ud1b5\ud55c \ub3c4\uba54\uc778 \uc778\uc99d\uc11c \ubc1c\uae09 &#x270f;&#xfe0f; 2. \ubc31\uc5d4\ub4dc HTTPS \uc801\uc6a9 &#x270f;&#xfe0f; 3. \ud504\ub860\ud2b8\uc5d4\ub4dc CDN \ubc0f HTTPS \uc801\uc6a9 &#x270f;&#xfe0f; 4. Route53 \ub808\ucf54\ub4dc \ub4f1\ub85d # TROUBLE SHOOTING LOG &#x1f4a1; ACM\uc5d0\uc11c \uc778\uc99d\uc11c \uc694\uccad\uc774 30\ubd84\uc774 \uc9c0\ub098\ub3c4 \ubc1c\uae09\ub418\uc9c0 \uc54a\uc74c \uc6d0\uc778 CNAME \ub808\ucf54\ub4dc\ub97c &#8230; <a title=\"[Sprint] \ub3c4\uba54\uc778 \uc5f0\uacb0\uacfc CDN \ubc0f HTTPS \uc801\uc6a9\" class=\"read-more\" href=\"https:\/\/www.gyuroot.com\/wordpress\/?p=1165\" aria-label=\"More on [Sprint] \ub3c4\uba54\uc778 \uc5f0\uacb0\uacfc CDN \ubc0f HTTPS \uc801\uc6a9\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":""},"categories":[45],"tags":[],"_links":{"self":[{"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1165"}],"collection":[{"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1165"}],"version-history":[{"count":1,"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1165\/revisions"}],"predecessor-version":[{"id":1185,"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1165\/revisions\/1185"}],"wp:attachment":[{"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gyuroot.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}