๊ตฌ๋งค ์ด๋ ฅ์ ๊ธฐ๋ฐ์ผ๋ก ๊ณ ๊ฐ์ ๋งค์ผ๋งค์ผ ์๋ ๋ถ์ํฉ๋๋ค.
๋ค์ํ ๊ด์ ์ผ๋ก ๊ณ ๊ฐ์ ๋ถ์ํ๊ณ ์ธ์ฌ์ดํธ๋ฅผ ์ป์ผ์ธ์.
100์ฌ ๊ฐ์ง์ ์ค์๊ฐ ์น๋ถ์ ๋ฆฌํฌํธ๋ฅผ ์ ๊ณตํฉ๋๋ค.
ํจ๊ป ๊ตฌ๋งค๋ ๊ฐ๋ฅ์ฑ์ด ๋์ ์ํ์ ์๋ ์ถ์ฒํฉ๋๋ค.
์ํ ์ ๋ณด๋ฅผ ๋ฐฉ๋ฌธ๊ฐ์๊ฒ ์ค์๊ฐ ๊ณต์ ํฉ๋๋ค.
๊ณ ๊ฐ์ ์ดํดํ๋ฉด์ ์ํตํ์ธ์.
๋ฐ๋ณต๋๋ ๋ฌธ์๋ ์ฑ ๋ด์๊ฒ ๋งก๊ธฐ์ธ์.
ํธ์ ๋ฉ์์ง๋ฅผ ์์ฝํด ๋๊ณ , โ์ค๋ฅ ์์ด ์ ๋ฐ์ก๋์์๊น?โ, โ์ง๊ธ ๋ณด๋ธ ๋ฉ์์ง๋ ๋ช ๋ช ์๊ฒ ๋๋ฌํ์๊น?โ ๋งค๋ฒ ๊ด๋ฆฌ์ ํ์ด์ง๋ฅผ ๋ค๋ฝ๋ ๋ฝํ๋ฉฐ ํ์ธํ์์ง๋ ์์ผ์ จ๋์? ํนํ ์ฃผ๋ง์ด๋ ํด๊ทผ ์ดํ ์๊ฐ์ฒ๋ผ PC๋ก ๊ด๋ฆฌ์ ํ๋ฉด์ ์ง์ ์ ์ํ๊ธฐ ์ด๋ ค์ด ์ํฉ์์๋ ํธ์ ๋ฉ์์ง๊ฐ ์ ๋๋ก ๋ฐ์ก๋์๋์ง ๊ณ์ ์ ๊ฒฝ ์ฐ์ด์ จ์ ํ ๋ฐ์. ๋ด๋น์๋๋ค์ ๋ถ์ํจ์ ๋์ด๋๋ฆฌ๊ณ , ๋ณด๋ค ์๋ฒฝํ ์ ๋ฌด ๊ด๋ฆฌ๋ฅผ ์ง์ํ๊ธฐ ์ํด โํธ์ ๋ฉ์์ง ์๋ฆผ ์ค์ ๊ธฐ๋ฅโ์ ์๋ก ์ถ๊ฐํ์ต๋๋ค! ์ค์๊ฐ ๋ฐ์ก ๊ฒฐ๊ณผ๋ถํฐ ์ ์ผ ๋ฐ์ก ์์ฝ ๋ณด๊ณ ์, ํธ์ ์ถฉ์ ๊ธ ์๋ฆผ๊น์ง ๋ฉ์ผ๊ณผ ๋ฌธ์๋ก ํธํ๊ฒ ๋ฐ์๋ณด์ธ์. ๋ ธํธ๋ถ์ ์ด ํ์ ์์ด ์ค๋งํธํฐ์ผ๋ก ๊ฐ๋ณ๊ฒ ํ์ธํ ์ ์์ต๋๋ค???? ์๋กญ๊ฒ ์ถ๊ฐ๋ 3๊ฐ์ง ํธ์ ์๋ฆผ ๊ธฐ๋ฅํธ์ ๋ฉ์์ง ์ด์์ ๊ผญ ํ์ํ ๋ชจ๋ํฐ๋ง ์ ๋ณด๋ฅผ ์ค์๊ฐ ๋๋ ์ ๊ธฐ ๋ฆฌํฌํธ ํํ๋ก ๋ฐ์๋ณด์ค ์ ์์ต๋๋ค. ์ค๋งํธํ ์๋ฆผ์ผ๋ก ์ ๋ฌด๋ฅผ ๋ ๊ผผ๊ผผํ ๊ด๋ฆฌํด ๋ณด์ธ์. 1. ์ค์๊ฐ ๋ฐ์ก ๊ฒฐ๊ณผ ์๋ฆผ๋ฌธ์, ์นด์นด์ค ๋ธ๋๋ ๋ฉ์์ง ๋ฑ ํธ์ ๋ฉ์์ง ๋ฐ์ก์ด ์ต์ข ์๋ฃ๋๋ฉด ์์ ์๋ก ๋ฑ๋ก๋ ๊ด๋ฆฌ์/๋ด๋น์์ ๋ฉ์ผ๋ก ๋ฐ์ก ๊ฒฐ๊ณผ ๋ณด๊ณ ์๋ฅผ ์ ์กํด ๋๋ฆฝ๋๋ค. (ํธ๋ฆฌ๊ฑฐ ๋ฐ์ก ์ ์ธ)? ๋ฐ์ก ์๋ฃ ํ ๋ฉ์ผ์ด ๋๋ฌํ๊ธฐ๊น์ง ์ต๋ 30๋ถ ์์๋ฉ๋๋ค. 2. ์ ์ผ ๋ฐ์ก ์์ฝ ์๋ฆผ๋งค์ผ ์ค์ 9์ 50๋ถ, ์ ๋ ๋ฐ์ก๋ ์ ์ฒด ํธ์ ๋ฉ์์ง ๋ด์ญ์ ๊น๋ํ๊ฒ ์์ฝํ์ฌ ๋ฉ์ผ๋ก ๋ฐ์กํด ๋๋ฆฝ๋๋ค. ์ผ์ผ ์ ๋ฌด ๋ณด๊ณ ์์ฑ ์ ์ ์ฉํ๊ฒ ํ์ฉํด ๋ณด์ธ์? 3. ํธ์ ์ถฉ์ ๊ธ ์๋ฆผํธ์ ๋ฉ์์ง ๋ฐ์ก์ ์ฌ์ฉ๋๋ ์ถฉ์ ๊ธ์ก์ด ๋ฏธ๋ฆฌ ์ค์ ํด๋ ๋น์จ ์ดํ๋ก ๋จ์ด์ง๋ฉด ์ด๋ฉ์ผ๊ณผ ๋ฌธ์๋ก ์ฆ์ ์๋ ค๋๋ฆฝ๋๋ค. ์ถฉ์ ๊ธ์ด ๋ชจ๋ ์์ง๋๊ธฐ ์ ์ ๊ผญ ์ถฉ์ ํ์ธ์? ๋จ 5์ด๋ฉด ๋! ํธ์ ์๋ฆผ ์์ ์ค์ ๋ฐฉ๋ฒ์ฝ๊ฒ ๋ฐ๋ผ ํ ์ ์๋ ์๋ฆผ ์ค์ ๊ฒฝ๋ก๋ฅผ ์๋ดํด ๋๋ฆฝ๋๋ค. 1. ์ค์ ํ์ด์ง๋ก ์ด๋์ดํ๋ ๋ก๊ทธ์ธ ํ ์ค์ > ๋ฌธ์ ๋ฉ์์ง ์ฌ์ ์ค์ > ๊ธฐํ๋ก ์ด๋ํฉ๋๋ค. 2. ์์ ๋์ ์ถ๊ฐํ์ํ ์๋ฆผ ์๋น์ค์ + ์์ด์ฝ์ ํด๋ฆญํฉ๋๋ค. ์๋ฆผ์ ์์ ํ ๊ด๋ฆฌ์/๋ด๋น์๋ฅผ [์ถ๊ฐ]ํ์ธ์. ์ถ๊ฐ๋ ๋ด๋น์๋ฅผ ํ์ธํฉ๋๋ค. 3. ์๋ฆผ ํญ๋ชฉ ํ์ฑํํ์ํ ์๋ฆผ ์๋น์ค๋ฅผ ํ์ฑํํ๊ณ [์ ์ฅ]ํฉ๋๋ค. ? ์ง๊ธ ๋ฐ๋ก ํธ์ ์๋ฆผ์ ํ์ฑํํด ๋ณด์ธ์! ํธ์๋ฉ์์ง ์๋ฆผ ๊ธฐ๋ฅ์ ํตํด, ํธ์๋ฉ์์ง ๋ฐ์ก ์ฑ๊ณผ๋ฅผ ๋ ์ง๊ด์ ์ผ๋ก ํ์ ํด ๋ณด์ธ์. ์ง๊ธ ๊ด๋ฆฌ์ ํ์ด์ง์ ์ ์ํ์ฌ ์๋ฆผ์ ์ผ๋๋ฉด ์ด๋ฉ์ผ๊ณผ ๋ฌธ์๊ฐ ์๋์ผ๋ก ๋ฐ์ก๋ฉ๋๋ค. ?? ์ด์ด์ ํ์ธํด ๋ณด์ธ์!์ดํ๋ ์ฑ๊ณผ ์์ฝ ๋ฆฌํฌํธ ์ ์ฒญ ๋ฐฉ๋ฒ๋ด๋น์ ์ด๋ ๋ฐฉ๋ฒ
โก๏ธ ์ฐ๋ฆฌ ์ผํ๋ชฐ ๋ถ์๊ธฐ์ ๋ฑ ๋ง๋ ์ถ์ฒ UI๊ฐ ํ์ํ์ จ๋์?์ผํ๋ชฐ์์ ์ฐ๊ด ์ํ ์ถ์ฒ(IFDO Suggest)์ ๊ณ ๊ฐ์ ์ถ๊ฐ ๊ตฌ๋งค๋ฅผ ์์ฐ์ค๋ฝ๊ฒ ์ ๋ํ๋ ์ค์ํ ๋ง์ผํ ์ฅ์น์ ๋๋ค. ํ์ง๋ง ๊ธฐ๋ณธ ํ ํ๋ฆฟ์ด ์ฐ๋ฆฌ ์ผํ๋ชฐ์ ์์, ๋ถ์๊ธฐ, ์ํ ์ ๋ณด ๋ ธ์ถ ๋ฐฉ์๊ณผ ์กฐ๊ธ ๋ฌ๋ผ ์์ฌ์ ๋ ์ ์ด ์์ผ์ จ์ ๊ฑฐ์์.์ด๋ฌํ ๊ณ ๋ฏผ์ ํด๊ฒฐํ ์ ์๋ CSS/HTML ์ปค์คํ ๊ธฐ๋ฅ๊ณผ ํ์คํ ๋ฆฌ ๊ธฐ๋ฅ์ด ์ถ๊ฐ๋์์ต๋๋ค? ๊ฐ๋จํ ์ฌ๋ฐฑ ์กฐ์ ๋ถํฐ ์ ๊ตํ UI ๋ณ๊ฒฝ๊น์ง, ๊ธฐ์กด ์ผํ๋ชฐ ๋์์ธ์ ๋ง์ถฐ IFDO Suggest ์์ญ์ ๋ ์์ฐ์ค๋ฝ๊ฒ ๋ค๋ฌ์ ์ ์์ต๋๋ค. ์ด๋ฒ ๊ธ์์๋ IFDO Suggest์ ๋์์ธ ์์ฑ๋๋ฅผ ๋์ฌ์ค ์ปค์คํ ํ์ฉ๋ฒ์ ์ฝ๊ฒ ์๊ฐํด ๋๋ฆด๊ฒ์.1. ์ฐ๊ด ์ํ ์ถ์ฒ โ์ปค์คํ โ ๊ธฐ๋ฅ์ด๋?IFDO Suggest๋ฅผ ์ฌ์ดํธ์์ ๋ ธ์ถํ ๋ ์ฐ๊ด ์ํ ์ถ์ฒ ์์ญ์ ๋์์ธ๊ณผ ๊ตฌ์กฐ๋ฅผ ์ผํ๋ชฐ ์คํ์ผ์ ๋ง๊ฒ ์ง์ ์์ ํ ์ ์๋ ๊ธฐ๋ฅ์ ๋๋ค. ๋ธ๋๋ ๊ณ ์ ์ ์์ ์ ์ฉ์ ๋ฌผ๋ก , ์ํ ์ ๋ณด ๋ ธ์ถ ๋ฐฉ์๊น์ง ์ง์ ์ ์ดํ ์ ์์ต๋๋ค. CSS ์คํ์ผ vs HTML ํ๊ทธ, ๋ฌด์์ ์ ํํ ๊น์?์์ ํ๋ ค๋ ๋ชฉ์ ์ ๋ฐ๋ผ ์๋์ ๊ฐ์ด๋๋ฅผ ์ฐธ๊ณ ํด์ ์ ํํด ๋ณด์ธ์!CSS ์คํ์ผ ์ปค์คํ ๋ฐฐ๊ฒฝ ์์, ๋ฐฐ์ง ํฌ๊ธฐ, ์ฌ๋ฐฑ ๋ฑ ์๊ฐ์ ๋์์ธ ์์ ์ ์ ํฉํฉ๋๋ค. HTML ํ๊ทธ ์ปค์คํ ์ํ ์ ๋ณด์ ๋ฐฐ์น ์์, ๋ ธ์ถ ๊ตฌ์กฐ ๋ฑ UI ํ๋ ์ ์์ฒด๋ฅผ ๋ณ๊ฒฝํ ๋ ์ฌ์ฉํฉ๋๋ค. โ ๏ธ ์ด์ฉ ์ ๊ผญ ํ์ธํด ์ฃผ์ธ์์ปค์คํ ์ CSS ์คํ์ผ๊ณผ HTML ํ๊ทธ ์ค ํ๋์ ์ต์ ๋ง ์ ํํ์ฌ ์ด์ฉํ ์ ์์ต๋๋ค. ๋ ์ต์ ์ ๋ชจ๋ ์ ๋ ฅํ์ฌ ์ ์ฅํ๋ ๊ฒฝ์ฐ, ํ์ฌ ์กฐํ ์ค์ธ ํญ์ ๊ธฐ์ค์ผ๋ก ๋ด์ฉ์ด ์ ์ฅ๋ฉ๋๋ค.HTML ํ๊ทธ๋ฅผ ์ง์ ์์ ํ ๊ฒฝ์ฐ, ํฅํ ์ดํ๋ ์์คํ ์ ์๋ ์ ๋ฐ์ดํธ ๊ธฐ๋ฅ์ด ์ ํ๋ ์ ์์ต๋๋ค. ๋์์ธ ์ค์ฌ์ ์์ ์ด๋ผ๋ฉด CSS ์ปค์คํ ์ ์ด์ฉํด ์ฃผ์ธ์. 2. ์ค์ํด๋ ๊ฑฑ์ ๋ง์ธ์! โHistoryโ์ โ์ด๊ธฐํโ ๊ธฐ๋ฅ๋์์ธ์ ์์ ํ๋ค ๋ณด๋ฉด ์ฝ๋๊ฐ ๊ผฌ์ด๊ฑฐ๋, ์ด์ ์ํ๋ก ๋๋๋ฆฌ๊ณ ์ถ์ ๋๊ฐ ์์ต๋๋ค. ์ด๋ด ๋๋ฅผ ์ํด Suggest ์ปค์คํ ์๋ ์์ ํ๊ฒ ์์ ์ ๋ณดํธํ ์ ์๋ ๊ด๋ฆฌ ๊ธฐ๋ฅ์ด ํจ๊ป ์ ๊ณต๋ฉ๋๋ค. History [์ ์ฉ] ๋ฒํผ์ ๋๋ฅผ ๋๋ง๋ค ์์ ๋ด์ญ์ด ์ ์ฅ๋์ด ์ธ์ ๋ ์ด์ ๋ฒ์ ์ผ๋ก ๋ณต๊ตฌํ ์ ์์ต๋๋ค. *์ต๋ 10๊ฐ ์ ์ฅ, ์ดํ์๋ ์ค๋๋ ๋ด์ญ๋ถํฐ ์๋ ์ญ์ ์ํด๋ฆญ ์ด๊ธฐํ[์ด๊ธฐํ] ๋ฒํผ์ ํด๋ฆญํ๋ฉด ์ฆ์ ๊ธฐ๋ณธ ์ํ์ Suggest๋ก ๋๋๋ฆด ์ ์์ต๋๋ค. 3. ์ค์ ์์ : CSS์ HTML๋ก ์ถ์ฒ ์์ญ ๋์์ธ ๋ค๋ฌ๊ธฐ์ด์ ์ค์ ๋ก ์ปค์คํ ์ ์ ์ฉํด ๋ณด๊ฒ ์ต๋๋ค. ์ด๋ฒ ์์ ์์๋ ๋ค์ ๋ ๊ฐ์ง๋ฅผ ์งํํฉ๋๋ค. 1. CSS ์คํ์ผ์ ์ปค์คํ ํ์ฌ ์ํ ๋ฐฐ์ง ์ฌ๋ฐฑ ๋ค๋ฌ๊ธฐ2. HTML ํ๊ทธ ์ปค์คํ ์ผ๋ก ํ ์ธ์จ, ํ ์ธ๊ฐ, ์ ์๊ฐ๋ฅผ ํ ์ค๋ก ๋์ดํ๊ธฐ? ๊ฐ์ด๋๋ ์ปค์คํ ์ ์งํํ์ง ์์ ๊ธฐ๋ณธ ํ๋ฉด์ ๊ธฐ์ค์ผ๋ก ์์ฑ๋์์ต๋๋ค. ์ด๋ฏธ ์ปค์คํ ์ด ์ ์ฉ๋ ๊ฒฝ์ฐ ํ๋ฉด ๊ตฌ์ฑ์ด ๋ค๋ฅผ ์ ์์ต๋๋ค. ? CSS ์คํ์ผ ์ปค์คํ : ์ํ ๋ฐฐ์ง ์ฌ๋ฐฑ ๋ค๋ฌ๊ธฐCSS ์ปค์คํ ์ ํ์ฉํ์ฌ ์ํ ๋ฐฐ์ง์ ์ฌ๋ฐฑ์ ๋ค๋ฌ๋ ๋ฐฉ๋ฒ์ ๋๋ค. 1๋จ๊ณ : ์ปค์คํ ์ค์ ํ๋ฉด ์ด๊ธฐSuggest ํธ์ง ํ๋ฉด์์ ์ธ๋ถ ์ค์ > ์ปค์คํ [์์ ]์ ํด๋ฆญํฉ๋๋ค. 2๋จ๊ณ : CSS์ฝ๋ ์ ๋ ฅํ๊ธฐCSS ํญ์ ์๋์ ์ฝ๋๋ฅผ ๋ถ์ฌ ๋ฃ๊ณ โpadding-topโ๊ณผ โpadding-bottomโ ๊ฐ์ ์ํ๋ ํฌ๊ธฐ๋ก ์กฐ์ ํ ๋ค [์ ์ฉ]ํฉ๋๋ค. .badge>div{padding-top:5px;padding-bottom:5px;}3๋จ๊ณ : ๋ณ๊ฒฝ ๋ด์ฉ ์ ์ฅํ๊ธฐ๋ณ๊ฒฝ๋ ๋ฐฐ์ง ์คํ์ผ์ ํ์ธํ๊ณ [์ ์ฅ]ํ์ธ์! ?๏ธ HTML ํ๊ทธ ์ปค์คํ : ์ํ ์ ๋ณด ํ ์ค๋ก ๋ ธ์ถํ๊ธฐ์ด๋ฒ์๋ ์ํ์ ํ ์ธ์จ, ํ ์ธ๊ฐ, ์ ์๊ฐ๋ฅผ ํ ์ค๋ก ๋๋ํ ๋ณด์ฌ์ฃผ๋ ๋ฐฉ๋ฒ์ ๋๋ค. 1๋จ๊ณ : ์ปค์คํ ์ค์ ํ๋ฉด ์ด๊ธฐSuggest ํธ์ง ํ๋ฉด์์ ์ธ๋ถ ์ค์ > ์ปค์คํ [์์ ]์ ํด๋ฆญํฉ๋๋ค. 2๋จ๊ณ : ์คํ์ผ ํ๊ทธ ์ถ๊ฐํ๊ธฐHTML ํญ์ </head> ์์ ์คํ์ผ ํ๊ทธ๋ฅผ ์ฝ์ ํฉ๋๋ค. <style> .hide.rate{ display:none; } .discount{ padding-right:5px; } </style>3๋จ๊ณ : ์ํ ์ ๋ณด ๊ตฌ์กฐ ์์ญ ์ฐพ๊ธฐ์ํ ์ ๋ณด ๊ตฌ์กฐ ์์ญ(ํ์๋ ์์ญ)์ ์ฐพ์ผ์ธ์. ? ์ผ๋ฐ์ ์ผ๋ก ์ํ ์ ๋ณด ๊ตฌ์กฐ๋ ๋ฐฐ์ง ๋ ์ด์ด ์์ ์์นํฉ๋๋ค. 4๋จ๊ณ : ์ํ ์ ๋ณด ๊ตฌ์กฐ ๋ณ๊ฒฝํ๊ธฐ์๋์ ๋ด์ฉ์ผ๋ก ๋ฎ์ด์์ด ๋ค [์ ์ฉ]ํ์ธ์. <div class="info"> <span class="name"><%-goods.name%></span> <div> <span class="rate <%-goods.discount_hide%>"><%-goods.rate%></span> <span class="discount"><%-goods.discount_price%></span> <span class="price <%-goods.discount_hide%>"><%-goods.price%>์</span> </div>5๋จ๊ณ : ๋ณ๊ฒฝ ๋ด์ฉ ์ ์ฅํ๊ธฐ๋ณ๊ฒฝ๋ ์คํ์ผ์ ํ์ธํ๊ณ [์ ์ฅ]ํ์ธ์! IFDO Suggest ์ปค์คํ ์ผ๋ก ์ถ์ฒ ์์ญ์ ๋ ์์ฐ์ค๋ฝ๊ฒ ์์ฑํด ๋ณด์ธ์์ดํ๋์ Suggest ์ปค์คํ ๊ธฐ๋ฅ์ ํ์ฉํ๋ฉด ์ผํ๋ชฐ์ ๋ธ๋๋ ํค์ค๋งค๋๋ฅผ ์ ์งํ๋ฉด์, ์ถ์ฒ ์ํ ์์ญ์ ๋ ์์ฐ์ค๋ฝ๊ณ ๋ณด๊ธฐ ์ข๊ฒ ๋ค๋ฌ์ ์ ์์ต๋๋ค. ๊ณ ๊ฐ์ด ์ถ์ฒ ์ํ์ ๋ ํธํ๊ฒ ํ์ธํ ์ ์๋๋ก ๋์์ธ์ ์ต์ ํํ๊ณ , ์์ฌ๋ชฐ์ ์ ํ ์ฑ๊ณผ๋ฅผ ํ ๋จ๊ณ ๋ ๋์ฌ๋ณด์ธ์! Suggest ๊ด๋ จ ๊ธ์ ๋ ์ฝ์ด๋ณผ๊น์?ํด๋ฆญ์ ๋ถ๋ฅด๋ โ์ํ ๋ฐฐ์งโ ์ ์ฉํ๊ธฐ์ต๊ทผ ๋ณธ ์ํ์ ์ถ์ฒํด ๋ณผ๊น์? โํ์ ์ํ ๋ฆฌ๋ง์ธ๋โํ๊ธฐ
์์ญ ๊ฐ์ ์ธ์ฑ๋ฉ์์ง๋ฅผ ์ด์ํ๋ค ๋ณด๋ฉด, "ํน์ ํ์ด์ง์์๋ ๋ชจ๋ ๋ฉ์์ง๋ฅผ ์จ๊ธฐ๊ณ ์ถ๋ค"๊ฑฐ๋ "๋ก๊ทธ์ธํ ๊ณ ๊ฐ์๊ฒ๋ ๋ถํ์ํ ํ์ ์ ๋ณด์ฌ์ฃผ์ง ๋ง์์ผ๊ฒ ๋ค"๋ผ๋ ๊ณ ๋ฏผ์ด ์๊ธฐ๊ธฐ ๋ง๋ จ์ ๋๋ค. ํ์ง๋ง ์ ์ธ ์กฐ๊ฑด์ด๋ ๋ ธ์ถ ์ ์ธ ์ค์ ์ ๋ฉ์์ง๋ง๋ค ์ผ์ผ์ด ์ ์ฉํ๋ ค๋ฉด ์๊ฐ๋ณด๋ค ๋ง์ ์๊ฐ์ด ๋ค์ด์.
์ด๋ด ๋ ์๋กญ๊ฒ ์ถ๊ฐ๋ [๋ ธ์ถ ์ ํ ๋์ ์ค์ ] ๊ธฐ๋ฅ์ ํ์ฉํด ๋ณด์ธ์. ํ ๋ฒ๋ง ์ค์ ํ๋ฉด, ๋ชจ๋ ๋ฉ์์ง ๋ ธ์ถ์ ๋ ์ฝ๊ณ ๋๋ํ๊ฒ ์ ์ดํ ์ ์์ต๋๋ค๐
1. ๋ ธ์ถ ์ ํ ๋์ ์ค์ ์ด๋ ๋ฌด์์ธ๊ฐ์?
๋ ธ์ถ ์ ํ ๋์ ์ค์ ์ ์ผํ๋ชฐ ๋ด์์ ์คํ๋๋ ๋ชจ๋ ์ธ์ฑ๋ฉ์์ง์ ๊ณตํต์ผ๋ก ์ ์ฉ๋๋ ๊ธ๋ก๋ฒ ํํฐ์ ๋๋ค. ๊ฐ๋ณ ๋ฉ์์ง๋ฅผ ์์ ํ ํ์ ์์ด, ์ฌ์ดํธ ์ ์ฒด์ ์ ์ฉ๋๋ ๋ฉ์์ง ๋ ธ์ถ ๊ท์น์ ํ๊ณณ์์ ๊ด๋ฆฌํ ์ ์์ด ๊ด๋ฆฌ ๋ฆฌ์์ค๋ฅผ ํ๊ธฐ์ ์ผ๋ก ์ค์ฌ์ค๋๋ค.
2. ์ฃผ์ ์ ์ด ์กฐ๊ฑด ์ดํด๋ณด๊ธฐ์ธ์ฑ๋ฉ์์ง โ๋ ธ์ถ ์ ํ ๋์ ์ค์ โ์์๋ ๋ ๊ฐ์ง ์ ์ด ์กฐ๊ฑด์ ์ ๊ณตํฉ๋๋ค.
๋ก๊ทธ์ธ ์กฐ๊ฑด
๊ฐ๋ : ์ฌ์ฉ์์ ๋ก๊ทธ์ธ ์ฌ๋ถ์ ๋ฐ๋ผ ๋ฉ์์ง ๋ ธ์ถ์ ์ฐจ๋จํฉ๋๋ค.
ํ์ฉ: โ๋ก๊ทธ์ธ ์ฌ์ฉ์ ๋ ธ์ถ ์ํจโ์ ์ค์ ํ๋ฉด ๋น๋ก๊ทธ์ธ ์ฌ์ฉ์์๊ฒ๋ง, โ๋น๋ก๊ทธ์ธ ์ฌ์ฉ์ ๋ ธ์ถ ์ํจโ์ ์ค์ ํ๋ฉด ๋ก๊ทธ์ธ ์ฌ์ฉ์์๊ฒ๋ง ์ธ์ฑ๋ฉ์์ง๋ฅผ ๋ณด์ฌ์ค ์ ์์ต๋๋ค.
๐กํ์๊ฐ์ ๋ฉ์์ง ์ธ์๋ ๋ชจ๋ ๋น๋ ธ์ถํ๊ณ ์ถ๋ค๋ฉด?
ํ์๊ฐ์ ์ ๋ ๋ฉ์์ง๋ 2๊ฐ์ด๊ณ , ๋๋จธ์ง๋ ๋ชจ๋ ๊ณ ๊ฐ ๊ด๋ฆฌ๋ฅผ ์ํ ๋ฉ์์ง๋ฅผ ์ด์ํ๊ณ ์๋ค๋ฉด โ๋น๋ก๊ทธ์ธ ์ฌ์ฉ์ ๋ ธ์ถ ์ํจโ์ ์ ์ฉํ์ธ์. ์์ธ ์คํ ๋ฉ์์ง๋ก ํ์๊ฐ์ ์ ๋ ๋ฉ์์ง๋ฅผ ์ถ๊ฐํ๋ฉด ์ถ๊ฐํ ๋ฉ์์ง ์ธ ๋ค๋ฅธ ๋ฉ์์ง๋ ๋ชจ๋ ๋ก๊ทธ์ธ ์ํ์ ์ฌ์ฉ์์๊ฒ๋ง ๋ ธ์ถ๋ฉ๋๋ค.
ํ์ด์ง ์กฐ๊ฑด
๊ฐ๋ : ํน์ URL ์ฃผ์์ ๋ฐ๋ผ ๋ฉ์์ง ๋ ธ์ถ ์ฌ๋ถ๋ฅผ ๊ฒฐ์ ํฉ๋๋ค.
์ค์ ๋ฐฉ์: ์ผ์น, ํฌํจ, ์์, ๋๋๋ ์กฐ๊ฑด ๋ฑ์ ํ์ฉํ ์ ๋ฐํ URL ํํฐ๋ง์ ์ง์ํฉ๋๋ค.
ํ์ฉ: ๊ฒฐ์ ์งํ ํ์ด์ง, ๊ฐ์ ์งํ ํ์ด์ง ๋ฑ ๋ฉ์์ง ๊ฐ์ญ์ด ์์ด์ผ ํ๋ ๊ตฌ๊ฐ์ ์ผ๊ด ์ ์ธํ ์ ์์ต๋๋ค.
๐ก์์ธํ ์ ๋ ฅ ๋ฐฉ๋ฒ์ HELP๋ฅผ ์ฐธ๊ณ ํด ๋ณด์ธ์!
3. ๋ง์ผํ ์ฑ๊ณผ๋ฅผ ๋์ด๋ ์ค์ ํ์ฉ Tip
๐๐ป ๋ด๋น์๋! ์ด ๊ธฐ๋ฅ์ ์ด๋ ๊ฒ ํ์ฉํด ๋ณด์ธ์.
โ ๊ฒฐ์ ํผ๋ ๋ณดํธํ๊ธฐ๊ฒฐ์ ํ์ด์ง๋ ๊ณ ๊ฐ์ด ๊ตฌ๋งค๋ฅผ ํ์ ์ง๋ ๊ฐ์ฅ ์ค์ํ ์ง์ ์ ๋๋ค. ์ด๊ณณ์ ์ฌ๋ฌ ๊ฐ์ ํ์ ์ด ๋จ๋ฉด ์ดํ๋ฅ ์ด ๋์์ง ์ ์์ต๋๋ค. ์ ์ฒด ๋ ธ์ถ ์กฐ๊ฑด์์ ๊ฒฐ์ ํ์ด์ง(/order/ ๋ฑ)๋ฅผ ์ ์ธํ์ฌ ๊ตฌ๋งค ํ๋ฆ์ ๋ฐฉํดํ์ง ๋ง์ธ์.โก ์์ธ ์คํ ๋ฉ์์ง ๊ธฐ๋ฅ ํ์ฉ๊ธ๋ก๋ฒ ๊ท์น์ ์ค์ ํ๋๋ผ๋, ํน์ ๋ฉ์์ง๋ง์ ๊ผญ ๋ ธ์ถ๋์ด์ผ ํ ๋๊ฐ ์์ต๋๋ค. (์: ๊ฒฐ์ ํ์ด์ง์์๋ง ๋ ธ์ถ๋๋ '๋ฌด์ด์ ํ ๋ถ ์๋ด', ์ฃผ๋ฌธ์ ์์ฑ ํ์ด์ง์์๋ง ๋ ธ์ถ๋๋ โ์ฟ ํฐ ์ ์ฉ ๋ฐฉ๋ฒ ์๋ดโ ๋ฑ)
์ด๋๋ [์์ธ ์คํ ๋ฉ์์ง ์ถ๊ฐ] ๊ธฐ๋ฅ์ ์ฌ์ฉํ์ธ์. ์ ์ฒด ์กฐ๊ฑด๋ณด๋ค ๊ฐ๋ณ ์์ธ ์ค์ ์ด ์ฐ์ ์ ์ฉ๋์ด ์ ์ฐํ ์บ ํ์ธ ์ด์์ด ๊ฐ๋ฅํฉ๋๋ค.
โข ๋ง์ผํ ๊ฑฐ๋ฒ๋์ค ์ ์ง (Marketing Governance)
๋ธ๋๋ ๊ฐ์ด๋๋ผ์ธ์ ๋ฐ๋ผ "FAQ ํ์ด์ง์์๋ ์ด๋ ํ ๋ง์ผํ ๋ฉ์์ง๋ ๋ ธ์ถํ์ง ์๋๋ค"๋ผ๋ ์์น์ ์ธ์ ๋ค๋ฉด, ๋ ธ์ถ ์กฐ๊ฑด์ FAQ ๊ด๋ จ URL์ ๋ฑ๋กํด ๋์ธ์. ์ด๋ค ํ์์ด ๋ฉ์์ง๋ฅผ ์๋ก ๋ง๋ค๋๋ผ๋ ๋ธ๋๋ ์์น์ด ์๋์ผ๋ก ์ง์ผ์ง๋๋ค.4. ์ค์ ๋ฐฉ๋ฒ1. ์ดํ๋ ๋ก๊ทธ์ธ ํ, Auto Msg ๋ฉ๋ด๋ก ์ด๋ํฉ๋๋ค.
2. โ๋ ธ์ถ ์ ํ ๋์ ์ค์ โ ์์ด์ฝ์ ํด๋ฆญํ์ธ์.
3. ์ํ๋ ์กฐ๊ฑด์ ํ์ฑํํฉ๋๋ค.*์์์์๋ ํ์ด์ง ์กฐ๊ฑด ํ์ฑํ4. ํ์ด์ง ์กฐ๊ฑด์ ์ ํํ ๋ค, URL์ ์ ๋ ฅํ๊ณ [์ถ๊ฐ]ํฉ๋๋ค.5. [์ ์ฅ]ํฉ๋๋ค.
6. ๋ ธ์ถ ์ ํ ์ค์ ์ด ์๋ฃ๋์์ต๋๋ค. ์ฝ 3๋ถ ๋ค ์ ํ์ด ์์๋ฉ๋๋ค.
๋ง๋ฌด๋ฆฌํ๋ฉฐ ์ดํ๋์ ๋ ธ์ถ ์ ํ ๋์ ์ค์ ์ ๊ณ ๊ฐ์๊ฒ ์พ์ ํ ์ผํ ํ๊ฒฝ์ ์ ๊ณตํ๋ ๋ ๋ ํ ๊ฐ๋๋ ์ผ์ด ๋ ๊ฒ์ ๋๋ค. ๊ฐ๋จํ ์ค์ ํ๊ณ , ๋ ๋งค๋๋ฌ์ด ๊ณ ๊ฐ ๊ฒฝํ์ ์ค๊ณํด ๋ณด์ธ์!
๋ ธ์ถ ์กฐ๊ฑด๊ณผ ๊ด๋ จ๋ ํฌ์คํ ๋ ์์๋ณด๊ธฐ
์ธ์ฑ๋ฉ์์ง ์ค๋ณต ๋ ธ์ถ ์ ํ ๊ธฐ๋ฅ ์ด์ ๋ฆฌ!
๊ผญ ํ์ํ ์ธ์ฑ๋ฉ์์ง, ๋ ธ์ถ ์ ํ ์์ธ ์ค์ ํ๋ ๋ฐฉ๋ฒ