์ฐพ์๋ณด๋ ๊ธฐ์กด์ ๊ณต๊ฐ๋ ๋ฐฉ๋ฒ๋ค์ด ๋ค ๋งํ๋๋ผ๊ณ ์.
๊ตฌ๊ธ์์ ์ ๋งํ ์ต์ ๋ฐฉ๋ฒ ์ฐพ์์ ๊ฐ์ง๊ณ ์์ต๋๋ค.
(*์ฃผ์: ๊ทผ๋ฐ ์ฝ๊ฐ ๋ณต์กํ ์ ์์ต๋๋ค.)
๊ตฌ๊ธ๋๋ผ์ด๋ธ ์ด๋ฏธ์ง๋ฅผ CDN(์น๋งํฌ) ํ์ฉ ๋ฐฉ๋ฒ
1. ์ผ๋จ ๊ตฌ๊ธ ๋๋ผ์ด๋ธ์ ์ด๋ฏธ์ง๋ฅผ ์ฌ๋ ค์ค๋๋ค. ์ ๋ ๋์ฌ ํ๋ธ ๋ง์๊ฒฝ ์ด๋ฏธ์ง๋ฅผ ์ด๋ ๊ฒ ์ฌ๋ ธ์ต๋๋ค.
2. ์ค์!! ๋ฐ๋์ ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ > ๊ณต์ ๋๋ฌ์ ๋งํฌ๊ฐ ์๋ ๋ชจ๋ ์ฌ์ฉ์์ ๋ทฐ์ด ๊ถํ์ผ๋ก ์ค์ ํด์ค๋๋ค. ์ด๊ฑธ ์ค์ ํด์ฃผ์ง ์์ผ๋ฉด ๋งํฌ๊ฐ ์์ด๋ ์ธ๋ถ์์ ๋ณผ ์ ์์ด์!
3. ๊ทธ ๋ค์ ๊ฐ์ ธ์จ ์ด๋ฏธ์ง๋ฅผ ๋๋ธํด๋ฆญํ๋ฉด ์ด๋ ๊ฒ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํ๋ฉด์ด ๋ฐ๊ฑฐ์์.
4. ํฌ๋กฌ์์ ๊ฐ๋ฐ์ ๋ชจ๋ Developer Tools / ์ฌํ๋ฆฌ์์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ์ Show Javascript Console ์ด๋ผ๊ณ ํ์ฃ ? ๊ฐ์ ๋ชจ๋์ ์๋ ๊ธฐ๋ฅ์ด๊ธด ํ๋ฐ์. ๋ฐ๋ก ์ฌ์ฉํ๊ธฐ ์ข๊ฒ, ํฌ๋กฌ์ Inspect Elements , ์ฌํ๋ฆฌ๋ Web Inspector๋ฅผ ์ด์ด์ค๋๋ค. ๋จ์ถํค๋ ๋งฅ: Alt+Cmd+C / ์๋์ฐ: Alt+Ctrl+C ์ ๋๋ค.
5. ์ด์ ํ๋ฉด์ ์๋ ์ด๋ฏธ์ง๋ฅผ ์ ํํด์ฃผ๋ฉด ์ค๋ฅธ์ชฝ ์ฝ์์ Elements ํ๋ฒต์ <img src="์ฐ๋ฆฌ๊ฐ ์ํ๋ ์ด๋ฏธ์ง ์ฃผ์"> ํํ๋ก ํ๋๊ฒ ํ์ด๋ผ์ดํธ ๋๋ ๊ฒ์ ๋ณผ ์ ์์ต๋๋ค.
๋ง์ฝ ํด๋ฆญํ๋๋ฐ๋ ํ๋์ ์์ญ์ด ์ ๋๋ก ์ ์กํ๋ค๋ฉด ์๋ ๋ฒํผ์ ๋๋ฌ์ฃผ์ธ์.
6. ํด๋น ๋งํฌ๋ฅผ ๋๋ธ ํด๋ฆญํ๊ณ ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ ๋๋ฌ์ Copy Link๋ก ๋ณต์ฌํด์ค๋๋ค.
8. ํด๋น ๋งํฌ๋ฅผ ๋ค์ ์น๋ธ๋ผ์ฐ์ ๋ก ์ด๊ฒ ๋๋ฉด ๋ฆฌ๋ค์ด๋ ํธ ๋๋ ๊ฒ์ ๋ณผ ์ ์์ต๋๋ค.
9. ํด๋น ์ด๋ฏธ์ง์ ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ ๋ฒํผ์ ๋๋ฌ [Copy Image Address]๋ฅผ ๋๋ฅด๋ฉด ๋ฉ๋๋ค. ์ด์ ์ด ๋งํฌ๊ฐ ์ ํฌ๊ฐ ์ฌ์ฉํ๊ฒ ๋ ๋งํฌ์ ๋๋ค. ์ด ๋งํฌ๋ฅผ ๊ฐ์ง๊ณ ์ด๋ฏธ์ง๋ฅผ ๋ถ๋ฌ์ค๋ฉด ๋ฉ๋๋ค.
์ด์ ์ด ๋งํฌ๋ฅผ <img> ํ๊ทธ๋ฅผ ์ด์ฉํด ๋ถ๋ฌ์จ ๋ชจ์ต์ ๋๋ค. ์ ๋๋ ๊ฒ์ ํ์ธํ ์ ์์ต๋๋ค.
๋ง์น๋ฉฐ
์ ๊ฐ ์์ ๊ฐ์๊ธฐ ํ๋ก ํธ์๋๋ก ํ์ด ๋ฐ๋๋ฉด์ ๊ณต๋ถํ๋ค๋ณด๋ ๊ธํ๊ฒ ์ด๋ฏธ์ง ์น๋งํฌ๊ฐ ํ์ํ ๋๊ฐ ์์ด์ ์ง์ ์ฐพ์ ์ ๋ฆฌํด๋ณด์์ต๋๋ค.
ํน์ ์๋ฐ์คํฌ๋ฆฝํธ๋ ๊ถ๊ธํ์๋ฉด ์๋ ๋งํฌ ๋ด์ฃผ์ธ์!
์ค๋๋ ์ฝ์ด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.
๊ถ๊ธํ๊ฑฐ๋ ๋๋๊ณ ์ถ์ ์๊ธฐ๊ฐ ์์ผ์๋ฉด ๋๊ธ๋ก ์๋ ค์ฃผ์ธ์!
์ฌ๋ฐ๊ฒ ์ฝ์ผ์ จ๋ค๋ฉด ๊ณต๊ฐ๊ณผ ๊ตฌ๋ ์ ํฐ ํ์ด ๋ฉ๋๋ค.
ํญ์ ๊ฐ์ฌํฉ๋๋ค.
๋๊ธ