๊ธฐ๋ฅ ์ฌ์ฉ ์ ๋ฐ๋์ ํ๋
!
์ปค์คํ
์ค์ ์ [์นดํ24 ๋์์ธ > html ๋ด ์ฝ๋ ์ฝ์
] ๊น์ง ๋ชจ๋ ์๋ฃ ํด์ฃผ์
์ผ ์ผํ๋ชฐ ๋ด์์ ๋ณด์ฌ์ง๊ฒ ๋ฉ๋๋ค
์ง์ ์ค์น๊ฐ ์ด๋ ต๋ค๋ฉด? ์๋ด์ฑ๋์ ํตํด PC/MO์ ์ค์น ํฌ๋ง ์์น๊ฐ ํ์ ๋ ์ด๋ฏธ์ง๋ฅผ ์ ๋ฌ ํด์ฃผ์ธ์! ์ค์น ์์
์ ๋์๋๋ ค์
(3~5 ์์
์ผ ์์)
์นดํ24๋ก ๋ฐฐ๋ ์ด๋ฏธ์ง๋ฅผ ์ค์ ํด๋์
จ๋ค๋ฉด ์ค๋ณต์ผ๋ก ๋ณด์ฌ์ง ์ ์์ต๋๋ค
๊ธฐ์กด์ ์ค์ ํด๋์๋ ๋ฐฐ๋๋ฅผ ์ญ์ ํ๊ณ ์ถ์ผ์๋ค๋ฉด ์นดํ24๋ฅผ ํตํด ํ์ธ ํด์ฃผ์ธ์!
๋ฐฐ๋ ๊ด๋ฆฌ๋?
๋ฐฐ๋ ๊ด๋ฆฌ ๊ธฐ๋ฅ์ผ๋ก ํธ๋ฆฌํ๊ฒ ์ด๋ฏธ์ง&๋์์์ ๋ฃ์ ์ ์์ด์
์ผํ๋ชฐ์ ์ด๋ฏธ์ง๋ฅผ ๋ฃ๊ณ ์ถ์ง๋ง ๋ฐฉ๋ฒ์ด ์ด๋ ค์ ๊ณ ๋ฏผํ๊ณ ๊ณ์ ๊ฐ์?
์ํ ํธ์์ ๋ฐฐ๋ ๊ด๋ฆฌ ๊ธฐ๋ฅ์ ์ฌ์ฉํ์๋ฉด ์ผํ๋ชฐ ๋ด ์ํ๋ ์์น์ ์ด๋ฏธ์ง&๋์์์ ๋ฃ์ ์ ์์ด์!
html์ ์ง์ ์ฝ๋๋ฅผ ์ค์นํด์ผํ๋ ์ด๋ ค์ด ๋ฐฉ๋ฒ์ ๊ทธ๋ง! 
์ด๋ฏธ์ง&๋์์์ ์ฒจ๋ถ๋งํ๋ฉด ์๋์ผ๋ก ๋ฑ๋ก๋๊ณ ์์ ๋กญ๊ฒ on/off ํ ์ ์๋ ํธ๋ฆฌํ ๊ธฐ๋ฅ์ผ๋ก
์ผํ๋ชฐ์ ๋ฐฉ๋ฌธํ ๊ณ ๊ฐ์ ๋๊ธธ์ ์ฌ๋ก์ก๋ ๋ค์ํ ์ฝํ
์ธ ๋ฅผ ๋ฑ๋ก ํด๋ณด์ธ์
๋ง์ฝ ์ง์ ๋ ์์น(์ ์ฒด ํ์ด์ง ์ต์๋จ, ์์ธํ์ด์ง ์/ํ๋จ)๊ฐ ์๋ ๋ค๋ฅธ ์์น์ ์ด๋ฏธ์ง&๋์์์ ๋ฃ๊ณ ์ถ๋ค๋ฉด
์ปค์คํ
์ค์ ํ ์ฝ๋๋ฅผ ๋ณต์ฌํ์ฌ ์ง์ ์ค์น๋ฅผ ํด์ฃผ์ธ์!
1. ๋ฐฐ๋ ์ค์ ํ๊ธฐ (์๋ ์ค์น)
์ ์ ๊ฒฝ๋ก: [ํ๋ฆฌ๋ฏธ์ > ๋ฐฐ๋๊ด๋ฆฌ]
1.
์ํํธ์ ๋์๋ณด๋ ์ ์ ํ[ํ๋ฆฌ๋ฏธ์ ๊ธฐ๋ฅ > ๋ฐฐ๋๊ด๋ฆฌ]์์
์ด๋ฏธ์ง ๋๋ ๋์์์ ์ถ๊ฐ ํ PC/MO์ ๋์์ธ ์คํจ์ ์ ํ ํ + ๋ฐฐ๋ ๋ง๋ค๊ธฐ๋ฅผ ์ ํ ํด์ฃผ์ธ์
2.
์ถ๊ฐ ๋ ๋ฐฐ๋ ์ข
๋ฅ๋ฅผ ์ ํ ํด ์ค์ ์ ์๋ฃ ํด์ฃผ์ธ์
โข
๋ ๋ฐฐ๋: ์ผํ๋ชฐ ์ต์๋จ์์ ๋ณด์ฌ์ง๋ ํ์ (ํ
์คํธ๋ง ๋ฑ๋ก ๊ฐ๋ฅ)
โข
์ฝํ
์ธ ๋ฐฐ๋: ํ์ด์ง ์์ ์ด๋ฏธ์ง๊ฐ ์ฝ์
๋๋ ํ์ (JPG.PNG ํ์์ ์ด๋ฏธ์ง ํ์ผ ๋๋ ์ด๋ฏธ์ง ๋ฐ ๋์์์ URL๋ง ์ค์ ๊ฐ๋ฅ)
๋ ๋ฐฐ๋ ์ค์ ์์ธ
์ฝํ ์ธ ๋ฐฐ๋ ์ค์ ์์ธ
์ฝํ ์ธ ์ค์
โข
์ฝํ
์ธ ๊ฐ ์ฌ๋ฌ๊ฐ์ผ๋ 1,2,3๋ฒ์ ์์๋๋ก ๋ณด์ฌ์ง๊ณ ,
์์ด์ฝ์ ํด๋ฆญํ์ฑ๋ก ๋๋๊ทธ ์ ์์๋ฅผ ๋ฐ๊ฟ ์ ์์ด์
๋ฐฐ๋์ ๋ณด
โข
์ฌ๋ฌ ๊ฐ์ ๋ฐฐ๋๋ฅผ ์ค์ ํด๋์
จ์๋, ๊ด๋ฆฌ์๊ฐ ์ฝ๊ฒ ๊ตฌ๋ถ ํ ์ ์๋๋ก ๊ฐ๋จํ ์ ๋ณด ๋ฐ ํ์คํ ๋ฆฌ๋ฅผ ์
๋ ฅ ํ ์ ์์ด์
2. ์ปค์คํ
์ค์ (์ง์ ์ค์น)
์ปค์คํ
์ค์ ์ [์นดํ24 ๋์์ธ > html ๋ด ์ฝ๋ ์ฝ์
] ๊น์ง ๋ชจ๋ ์๋ฃ ํด์ฃผ์
์ผ ์ผํ๋ชฐ ๋ด์์ ๋ณด์ฌ์ง๊ฒ ๋ฉ๋๋ค
์ง์ ์ค์น๊ฐ ์ด๋ ต๋ค๋ฉด? ์๋ด์ฑ๋์ ํตํด PC/MO์ ์ฝ์
ํฌ๋ง ์์น๊ฐ ํ์ ๋ ์ด๋ฏธ์ง๋ฅผ ์ ๋ฌ ํด์ฃผ์ธ์! ์ค์น ์์
์ ๋์๋๋ ค์
(3~5 ์์
์ผ ์์)
์ ์ ๊ฒฝ๋ก: [ํ๋ฆฌ๋ฏธ์ ๊ธฐ๋ฅ > ๋ฐฐ๋๊ด๋ฆฌ]
1.
์ปค์คํ
์ค์ ํด๋ฆญ ํ ๋ฐฐ๋ ์ค์ ์ ์๋ฃ ํด์ฃผ์ธ์
2.
๋ฐฐ๋ ์ด๋ฏธ์ง ์ฝ์
์ ์ํด html ์ฝ์
์ฝ๋๋ฅผ ๋ณต์ฌ ํด์ฃผ์ธ์
3.
๋ง์ฝ ๋ํ ๋์์ธ์ด ์๋ ์คํจ์ ์ค์น๋ฅผ ์ํ์๋ ๊ฒฝ์ฐ ๋์์ธ ๋ณด๊ดํจ์์ ํด๋น ์คํจ์ ๋์์ธ์ ํธ์ง ํด์ฃผ์ธ์
โข
๋ฐ์ํ ์คํจ์ด ์๋๋ผ๋ฉด PC์ ๋ชจ๋ฐ์ผ ์คํจ ๋ชจ๋ ์ค์น ์์
์ ํด์ฃผ์
์ผ ํฉ๋๋ค
(๋ฐ์ํ ์คํจ์ 1๊ฐ์ ์คํจ ๋์์ธ์ด ํ๋ฉด ๋๋น๋ฅผ ์ธ์ํด ์๋์ผ๋ก PC/MO ๋์์ธ์ด ์ ํ๋๋ ์คํจ์ ๋ปํฉ๋๋ค)
โข
์ค๋งํธ ๋์์ธ Easy๋ html ์์ ์ด ๊ฐ๋ฅ ํฉ๋๋ค
4.
์ํ๋ ์์น๋ฅผ ์ฐพ์ ๋ณต์ฌํด๋ ์ฝ๋๋ฅผ ๋ถ์ฌ ๋ฃ์ด์ฃผ์ธ์
5.
๋์์ธ ํธ์ง์ฐฝ ์ข์ธก ์๋จ์ ์ ์ฅ ๋ฒํผ์ ํด๋ฆญํ ๋ค ์ผํ๋ชฐ์ ์บ์/์ฟ ํค ์ญ์ ํ ์ ์ฉ ๋ ๋ชจ์ต์ ํ์ธ ํด๋ณด์ธ์
HTML์์ ์์ ์ฒ๋ฆฌ ๋ ์์ญ์ด ํด๋ฆญํ ์์ญ์ด๋ฏ๋ก, ์์ ์ฒ๋ฆฌ ๋ ๋ฐ์ค๋ฅผ ๊ธฐ์ค์ผ๋ก ์์น๋ฅผ ์ฐพ์ ์ ์์ด์
์์ ์ด๋ฏธ์ง
3. ์ฌ๋ฐฑ ์ถ๊ฐํ๋ ๋ฐฉ๋ฒ
๊ธฐ๋ณธ์ ์ผ๋ก ์ด๋ฏธ์ง ์ฝ์
์ ๊ธฐ์กด ๋์์ธ์ ๋ฐ์ด๋ด๊ณ ๋ฐฐ๋ ์ด๋ฏธ์ง๊ฐ ์ฝ์
๋๋ ๋ฐฉ์์ผ๋ก ์๋ ์ค์น ๋ฉ๋๋ค
๋ค๋ง ์ผํ๋ชฐ ๋์์ธ ๊ตฌ์กฐ๊ฐ ํน์ํ ๊ฒฝ์ฐ ๋ฐฐ๋ ์ด๋ฏธ์ง๊ฐ ์ฝ์
๋๋ฉด์ ๊ธฐ์กด์ ์ผํ๋ชฐ ๋์์ธ๊ณผ ๊ฒน์ณ์ง ์ ์์ด์
์ด๋ ๋ฐฐ๋ ์ด๋ฏธ์ง ํ๋จ์ ์ฌ๋ฐฑ์ ์ถ๊ฐ๋ก ์ฝ์
ํด์ ๊ธฐ์กด์ ๋์์ธ๊ณผ ๊ฒน์ณ ๋ณด์ด์ง ์๋๋ก ํด์ฃผ์๋ฉด ๊ฐ๋จํ๊ฒ ํด๊ฒฐ ๋ฉ๋๋ค
์ฐ์ธก ์ด๋ฏธ์ง์ ๊ฐ์ ๊ฒฝ๋ก์์ ์ฝํ
์ธ ์ค์ ํ๋จ์ html์ ์ฝ์
ํ๋ ์ฐฝ์ ์๋์ ์ฝ๋๋ฅผ ๋ณต์ฌํด ๋ถ์ฌ๋ฃ๊ณ ์ ์ฅํด์ฃผ์ธ์! (๋ ๋ฐฐ๋ ๊ฒฝ๋ก ๋์ผ)
์นดํ24 ๋์์ธ์์ ๋ณ๋์ ์์ ์ ํ์ง ์์ผ์๋๋ผ๋ ์ํํธ์ ๋ด html ์ค์ ์ด ์ ์ฉ๋ฉ๋๋ค
<script>document.addEventListener('DOMContentLoaded', () => { postMessageToOrigin('handleCustomBanner', 'header_fixed');});</script>
HTML
๋ณต์ฌ
์ค์ ์๋ฃ ํ ์ผํ๋ชฐ์ ์บ์/์ฟ ํค๋ฅผ ์ญ์ ํด์ ํ์ธ ํด์ฃผ์๋ฉด ๋๋๋ฐ, ๋ง์ฝ ์ค์ ํ์๋ ์ด๋ฏธ์ง๊ฐ ๊ฒน์น๋ ํ์์ด ํด๊ฒฐ๋์ง ์๋ ๊ฒฝ์ฐ
1:1 ์๋ด์ ํตํด ์ ๋ฌ ํด์ฃผ์ธ์!