๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

HTTPS ๋„์ž… ํ›„ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ์™€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

mrmount 2024. 10. 18.

 

 

HTTPS ๋„์ž… ํ›„ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ์™€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

HTTPS๋กœ ์ „ํ™˜ํ•œ ํ›„ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ์ผ๋ฐ˜์ ์ธ ๋ฌธ์ œ์™€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• ์„ ์•Œ์•„๋ด…์‹œ๋‹ค.

1. ํ˜ผํ•ฉ ์ฝ˜ํ…์ธ (Mixed Content) ๋ฌธ์ œ

HTTP์™€ HTTPS ์ฝ˜ํ…์ธ ๊ฐ€ ํ˜ผํ•ฉ๋œ ๊ฒฝ์šฐ , ๋ธŒ๋ผ์šฐ์ €๋Š” ๊ฒฝ๊ณ  ๋ฉ”์‹œ์ง€ ๋ฅผ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, HTTPS ํŽ˜์ด์ง€์— HTTP ์ด๋ฏธ์ง€ ๊ฐ€ ํฌํ•จ๋œ ๊ฒฝ์šฐ๊ฐ€ ์ด์— ํ•ด๋‹นํ•ฉ๋‹ˆ๋‹ค.

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•:
- ๋ชจ๋“  ๋ฆฌ์†Œ์Šค(URL)๋ฅผ HTTPS๋กœ ๋ณ€๊ฒฝ ํ•ฉ๋‹ˆ๋‹ค.
- ๋ธŒ๋ผ์šฐ์ € ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์—์„œ ํ˜ผํ•ฉ ์ฝ˜ํ…์ธ  ๋ฌธ์ œ๋ฅผ ํ™•์ธํ•˜๊ณ  ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค.

 

์˜ˆ์ œ: HTML ํŒŒ์ผ์—์„œ ํ˜ผํ•ฉ ์ฝ˜ํ…์ธ  ์ˆ˜์ •

<!-- ์ž˜๋ชป๋œ ์ฝ”๋“œ -->
<img src="http://example.com/image.jpg" alt="Example Image">

<!-- ์ˆ˜์ •๋œ ์ฝ”๋“œ -->
<img src="https://example.com/image.jpg" alt="Example Image">

 


 

HTTPS ๋„์ž… ํ›„ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ์™€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

HTTPS๋กœ ์ „ํ™˜ํ•œ ํ›„ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ์ผ๋ฐ˜์ ์ธ ๋ฌธ์ œ์™€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• ์„ ์•Œ์•„๋ด…์‹œ๋‹ค.

1. ํ˜ผํ•ฉ ์ฝ˜ํ…์ธ (Mixed Content) ๋ฌธ์ œ

HTTP์™€ HTTPS ์ฝ˜ํ…์ธ ๊ฐ€ ํ˜ผํ•ฉ๋œ ๊ฒฝ์šฐ , ๋ธŒ๋ผ์šฐ์ €๋Š” ๊ฒฝ๊ณ  ๋ฉ”์‹œ์ง€ ๋ฅผ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, HTTPS ํŽ˜์ด์ง€์— HTTP ์ด๋ฏธ์ง€ ๊ฐ€ ํฌํ•จ๋œ ๊ฒฝ์šฐ๊ฐ€ ์ด์— ํ•ด๋‹นํ•ฉ๋‹ˆ๋‹ค.

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•:
- ๋ชจ๋“  ๋ฆฌ์†Œ์Šค(URL)๋ฅผ HTTPS๋กœ ๋ณ€๊ฒฝ ํ•ฉ๋‹ˆ๋‹ค.
- ๋ธŒ๋ผ์šฐ์ € ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์—์„œ ํ˜ผํ•ฉ ์ฝ˜ํ…์ธ  ๋ฌธ์ œ๋ฅผ ํ™•์ธํ•˜๊ณ  ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค.

 

์˜ˆ์ œ: HTML ํŒŒ์ผ์—์„œ ํ˜ผํ•ฉ ์ฝ˜ํ…์ธ  ์ˆ˜์ •

<!-- ์ž˜๋ชป๋œ ์ฝ”๋“œ -->
<img src="http://example.com/image.jpg" alt="Example Image">

<!-- ์ˆ˜์ •๋œ ์ฝ”๋“œ -->
<img src="https://example.com/image.jpg" alt="Example Image">

2. SSL ์ธ์ฆ์„œ ์ฒด์ธ ์˜ค๋ฅ˜

์ธ์ฆ์„œ ์ฒด์ธ์— ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ, ๋ธŒ๋ผ์šฐ์ €๊ฐ€ “์‹ ๋ขฐํ•  ์ˆ˜ ์—†๋Š” ์‚ฌ์ดํŠธ” ๊ฒฝ๊ณ ๋ฅผ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•:
- SSL Labs ํ…Œ์ŠคํŠธ ๋„๊ตฌ ๋ฅผ ์‚ฌ์šฉํ•ด ์ฒด์ธ์„ ์ ๊ฒ€ํ•ฉ๋‹ˆ๋‹ค.
- ๋ˆ„๋ฝ๋œ ์ค‘๊ฐ„ ์ธ์ฆ์„œ ๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

3. ๋ธŒ๋ผ์šฐ์ € ์บ์‹œ ๋ฌธ์ œ

HTTPS๋กœ ์ „ํ™˜ํ•œ ํ›„์—๋„ ์‚ฌ์šฉ์ž๊ฐ€ ์ด์ „ HTTP ๋ฒ„์ „์„ ์บ์‹œ์—์„œ ๋ถˆ๋Ÿฌ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•:
- ์บ์‹œ ๋ฌดํšจํ™”(Invalidate Cache) ๋ฅผ ์„ค์ •ํ•ด ์ƒˆ ์ฝ˜ํ…์ธ ๊ฐ€ ๋กœ๋“œ๋˜๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.
- .htaccess ํŒŒ์ผ์„ ์‚ฌ์šฉํ•ด ์บ์‹œ ์ •์ฑ…์„ ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค.

<IfModule mod_headers.c>
    Header set Cache-Control "no-store, no-cache, must-revalidate"
</IfModule>

 


 

HTTPS๋กœ ์ „ํ™˜ํ•œ ์„ฑ๊ณต ์‚ฌ๋ก€

๋งŽ์€ ๊ธฐ์—…์ด HTTPS๋กœ ์ „ํ™˜ํ•˜๋ฉด์„œ ๋ณด์•ˆ๊ณผ SEO ์ธก๋ฉด์—์„œ ํฐ ์„ฑ๊ณผ ๋ฅผ ๊ฑฐ๋‘์—ˆ์Šต๋‹ˆ๋‹ค.

์„ฑ๊ณต ์‚ฌ๋ก€: ์˜จ๋ผ์ธ ์‡ผํ•‘๋ชฐ HTTPS ์ „ํ™˜

  • ๋ฌธ์ œ: HTTP๋กœ ์šด์˜๋˜๋˜ ์‚ฌ์ดํŠธ๋Š” “์•ˆ์ „ํ•˜์ง€ ์•Š์Œ” ๊ฒฝ๊ณ ๋กœ ์ธํ•ด ๊ณ ๊ฐ์˜ ์ดํƒˆ๋ฅ ์ด ๋†’์•˜์Šต๋‹ˆ๋‹ค.
  • ํ•ด๊ฒฐ: HTTPS๋กœ ์ „ํ™˜ ํ›„ SSL ์ธ์ฆ์„œ๋ฅผ ์ ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ๊ฒฐ๊ณผ: ์ „ํ™˜ ํ›„ ์ดํƒˆ๋ฅ  20% ๊ฐ์†Œ , ๋งค์ถœ 15% ์ฆ๊ฐ€ .

์ด ์‚ฌ๋ก€๋Š” HTTPS ์ „ํ™˜์ด ๋‹จ์ˆœํ•œ ๋ณด์•ˆ ๊ฐ•ํ™”๋ฟ๋งŒ ์•„๋‹ˆ๋ผ, ๋น„์ฆˆ๋‹ˆ์Šค ์„ฑ๊ณผ ์—๋„ ํฐ ์˜ํ–ฅ์„ ์ค„ ์ˆ˜ ์žˆ์Œ์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.

 


 

๊ฒฐ๋ก : HTTPS๋Š” ์„ ํƒ์ด ์•„๋‹Œ ํ•„์ˆ˜

HTTPS๋Š” ๋ณด์•ˆ, ์„ฑ๋Šฅ, SEO ์ธก๋ฉด ์—์„œ ํ•„์ˆ˜์ ์ธ ์š”์†Œ์ž…๋‹ˆ๋‹ค. SSL/TLS ์ธ์ฆ์„œ ๋ฅผ ๋„์ž…ํ•˜๊ณ  ์˜ฌ๋ฐ”๋ฅธ ์„ค์ •์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž ์‹ ๋ขฐ๋ฅผ ํ™•๋ณดํ•˜์„ธ์š”. ์ตœ์‹  ํ”„๋กœํ† ์ฝœ์ธ TLS 1.3 ์„ ํ™œ์šฉํ•˜๋ฉด ๋ณด์•ˆ๊ณผ ์„ฑ๋Šฅ์„ ๋™์‹œ์— ๊ฐ•ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ, ๊ตฌ๊ธ€๊ณผ ๊ฐ™์€ ๊ฒ€์ƒ‰ ์—”์ง„์˜ SEO ๊ฐ€์ด๋“œ๋ผ์ธ์„ ์ค€์ˆ˜ ํ•˜์—ฌ ์›น์‚ฌ์ดํŠธ์˜ ๊ฐ€์‹œ์„ฑ์„ ๋†’์ด์„ธ์š”.

 


 

FAQ

Q1. HTTPS๋กœ ์ „ํ™˜ํ•œ ํ›„ HTTP ์š”์ฒญ์€ ์–ด๋–ป๊ฒŒ ์ฒ˜๋ฆฌํ•˜๋‚˜์š”?
A1. HTTP ์š”์ฒญ์„ HTTPS๋กœ ๋ฆฌ๋””๋ ‰์…˜ ํ•˜๋„๋ก ์„œ๋ฒ„ ์„ค์ •์„ ์ˆ˜์ •ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, Nginx์—์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค:

server {
    listen 80;
    server_name example.com;
    return 301 https://$host$request_uri;
}

Q2. SSL ์ธ์ฆ์„œ๋Š” ์–ด๋””์—์„œ ๋ฐœ๊ธ‰๋ฐ›์„ ์ˆ˜ ์žˆ๋‚˜์š”?
A2. Let’s Encrypt ์™€ ๊ฐ™์€ ๋ฌด๋ฃŒ ์ธ์ฆ ๊ธฐ๊ด€์—์„œ ์ธ์ฆ์„œ๋ฅผ ๋ฐœ๊ธ‰๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์œ ๋ฃŒ ์ธ์ฆ์„œ๋Š” ๋” ๋งŽ์€ ๋ณด์ฆ๊ณผ ์ง€์›์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

Q3. HTTPS ์‚ฌ์šฉ ์‹œ ์‚ฌ์ดํŠธ ์†๋„๊ฐ€ ๋Š๋ ค์งˆ ์ˆ˜ ์žˆ๋‚˜์š”?
A3. TLS 1.3์„ ์‚ฌ์šฉํ•˜๋ฉด ์„ฑ๋Šฅ ์ €ํ•˜๊ฐ€ ์ตœ์†Œํ™”๋ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ, HTTP/2 ๋‚˜ HTTP/3 ์„ ์‚ฌ์šฉํ•˜๋ฉด ์„ฑ๋Šฅ์ด ๋”์šฑ ํ–ฅ์ƒ๋ฉ๋‹ˆ๋‹ค.

Q4. ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์— HTTPS๊ฐ€ ํ•„์š”ํ•œ๊ฐ€์š”?
A4. ๋„ค , ํŠนํžˆ ์‚ฌ์šฉ์ž ์ •๋ณด๋ฅผ ์ˆ˜์ง‘ํ•˜๋Š” ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ ์— HTTPS๊ฐ€ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ €๋Š” HTTPS๊ฐ€ ์—†๋Š” ์‚ฌ์ดํŠธ์— ๊ฒฝ๊ณ  ๋ฉ”์‹œ์ง€๋ฅผ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.

Q5. SSL ์ธ์ฆ์„œ์˜ ๋งŒ๋ฃŒ์ผ์„ ๋†“์น˜๋ฉด ์–ด๋–ป๊ฒŒ ๋˜๋‚˜์š”?
A5. ์ธ์ฆ์„œ๊ฐ€ ๋งŒ๋ฃŒ๋˜๋ฉด ์‚ฌ์šฉ์ž๋Š” “์•ˆ์ „ํ•˜์ง€ ์•Š์Œ” ๊ฒฝ๊ณ  ๋ฅผ ๋ณด๊ฒŒ ๋˜๋ฉฐ, ์ด๋กœ ์ธํ•ด ํŠธ๋ž˜ํ”ฝ๊ณผ ์‹ ๋ขฐ๋„๊ฐ€ ํ•˜๋ฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž๋™ ๊ฐฑ์‹ ์„ ์„ค์ •ํ•˜์„ธ์š”.

 


๋Œ“๊ธ€