๋ค์์ ์ฃผ์ด์ง ์์ด ํ
์คํธ๋ฅผ ํ๊ตญ์ด๋ก ๋ฒ์ญํ ๊ฒ์
๋๋ค:
์ด CSS ์ฝ๋๋ "Guardian Headline Full"์ด๋ผ๋ ์ฌ์ฉ์ ์ ์ ๊ธ๊ผด ํจ๋ฐ๋ฆฌ๋ฅผ ์ ์ํ๋ฉฐ, ์ฌ๋ฌ ๊ธ๊ผด ๋๊ป์ ์คํ์ผ์ ํฌํจํฉ๋๋ค. ๋ธ๋ผ์ฐ์ ๊ฐ ๋ก๋ํ ์ ์๋๋ก ๋ค์ํ ํ์(WOFF2, WOFF, TrueType)์ ๊ธ๊ผด ํ์ผ๊ณผ ํด๋น URL์ ์ง์ ํฉ๋๋ค. ๊ธ๊ผด ๋๊ป๋ ๊ฐ๋๊ฒ(300)์์ ์ค๊ฐ๊ตต๊ฒ(600)๊น์ง ๋ฒ์๋ฅผ ์ด๋ฃจ๋ฉฐ, ๊ฐ๊ฐ ์ผ๋ฐ ์คํ์ผ๊ณผ ์ดํค๋ฆญ ์คํ์ผ์ด ์์ต๋๋ค.
์ด CSS ์ฝ๋๋ Guardian ์น์ฌ์ดํธ๋ฅผ ์ํ ์ฌ๋ฌ ๊ธ๊ผด ํจ๋ฐ๋ฆฌ์ ์คํ์ผ์ ์ ์ํฉ๋๋ค. WOFF2, WOFF, TrueType ํ์์ ๋ค์ํ ๊ธ๊ผด ํ์ผ ์์ค์ ํจ๊ป ํด๋น ๋๊ป์ ์คํ์ผ์ ์ง์ ํฉ๋๋ค. ์๋ฅผ ๋ค์ด, Guardian Headline Full ๊ธ๊ผด์๋ ๊ตต๊ฒ, ๊ตต์ ์ดํค๋ฆญ, ์์ฃผ ๊ตต๊ฒ, ์์ฃผ ๊ตต์ ์ดํค๋ฆญ ๋ณํ์ด ํฌํจ๋๋ ๋ฐ๋ฉด, Guardian Titlepiece๋ ๊ตต์ ์คํ์ผ์ ์ฌ์ฉํฉ๋๋ค.
๋ํ ์ด ์ฝ๋๋ ์คํฌ๋ฆฝํ
์ด ํ์ฑํ๋๊ณ ๊ฐ์๋ ๋์์ ์ ํธํ์ง ์์ ๋ ๋ฉ์ธ ์ฝํ
์ธ ์ ๋ถํฌ๋ช
๋๋ฅผ ์กฐ์ ํ์ฌ ํ์ด๋ ์ธ ํจ๊ณผ๋ฅผ ์ฃผ๋ ๋ฏธ๋์ด ์ฟผ๋ฆฌ๋ฅผ ํฌํจํฉ๋๋ค. ์ถ๊ฐ๋ก, ์ค๋ฒ๋ ์ด ํ์ด๋, ์บก์
, ํ
์คํธ ์์ ๋ฑ ์ฌ์ดํธ ์ ๋ฐ์ ์ฌ์ฉ๋๋ ์์๊ณผ ์คํ์ผ์ ์ํ ๋ค์ํ CSS ์ฌ์ฉ์ ์ ์ ์์ฑ(๋ณ์)์ ์ค์ ํฉ๋๋ค.
๊ธฐ์ฌ ์์์ ๊ฒฝ์ฐ, ํค๋๋ผ์ธ์ ๋ํ ์คํ์ผ์ ์ ์ํ์ฌ ๊ธ๊ผด ํจ๋ฐ๋ฆฌ, ๋๊ป, ํฌ๊ธฐ, ์ค ๊ฐ๊ฒฉ์ ์ง์ ํ๊ณ , ๋ ํฐ ํ๋ฉด์ ๋ง๊ฒ ์กฐ์ ํฉ๋๋ค. ์ ๋ชฉ์ ํน์ ์คํฌ๊ณผ ๊ฐ์ ์ผ๋ถ ์์๋ ํ์์์ ์จ๊ฒจ์ง๋๋ค.
๊ธฐ์ฌ ์ ๋ชฉ์ ๊ฒฝ์ฐ, ๋งํฌ๋ ์๋ฆฌ์ฆ ์ด๋ฆ์ ํน์ ์์์ผ๋ก ์ธ๋ผ์ธ์ผ๋ก ๋ํ๋๋ฉฐ, Guardian Headline ๊ธ๊ผด๋ก 20px ํฌ๊ธฐ์ ๊ตต์ ๋๊ป๋ฅผ ์ฌ์ฉํ๊ณ , ์ฌ์ฉ์ ์ ์ ๋ฐ์ค๊ณผ 115% ์ค ๊ฐ๊ฒฉ์ ๊ฐ์ง๋๋ค. ์ ๋ชฉ ๋งํฌ์ ๋ง์ฐ์ค๋ฅผ ์ฌ๋ฆฌ๋ฉด ๋ฐ์ค์ด ์๊น๋๋ค.
์ธํฐ๋ทฐ์ด ์ด๋ฆ์ ๊ฐ๋๊ณ ์ดํค๋ฆญ์ฒด์ 28px ๊ธ๊ผด๋ก ๋์ผํ ์ค ๊ฐ๊ฒฉ์ ์ฌ์ฉํ์ฌ ์คํ์ผ๋ง๋ฉ๋๋ค.
๊ธฐ์ฌ ์์ฝ๊ณผ ๊ทธ ๋งํฌ๋ ์ค๊ฐ ์์, 17px ๊ธ๊ผด, 500 ๋๊ป๋ฅผ ์ฌ์ฉํ๋ฉฐ, ๋ ๋์ ํ๋ฉด์์๋ 20px๋ก ์ฆ๊ฐํฉ๋๋ค. ์์ฝ์ ๋งํฌ๋ ๋ง์ฐ์ค๋ฅผ ์ฌ๋ฆฌ๋ฉด ํ๋จ ํ
๋๋ฆฌ๊ฐ ์๊น๋๋ค.
์บก์
๊ณผ ๋น๋์ค ๋๋ณธ ๋งํฌ๋ ๋ ์์ ์ฐ์ธ๋ฆฌํ ๊ธ๊ผด๋ก 12px ํฌ๊ธฐ์ 130% ์ค ๊ฐ๊ฒฉ์ ๊ฐ์ง๋๋ค.
๋ฐ์ด๋ผ์ธ ๋งํฌ๋ Guardian Headline ๊ธ๊ผด์ 17px ํฌ๊ธฐ์ ๊ตต์ ๋๊ป๋ก ์ฌ์ฉํ๋ ๋ฐ๋ฉด, ๋ฐ์ด๋ผ์ธ ๋ฒํผ์ ์ค๊ฐ ๋๊ป์ ์ฐ์ธ๋ฆฌํ ๊ธ๊ผด์ ์ฌ์ฉํฉ๋๋ค. ๋ฐํ์ผ์ ์บก์
์์์ ์ฌ์ฉํฉ๋๋ค.
์คํฌ๋กค๋ฆฌ ์ธ์ฉ๋ฌธ์ ๋ฐ์ ์์์ 32px ํค๋๋ผ์ธ ๊ธ๊ผด(๋ํ ํ๋ฉด์์๋ 42px๋ก ์ฆ๊ฐ)๊ณผ ํน๋ณํ ์ซ์ ์คํ์ผ๋ง์ ํน์ง์ผ๋ก ํ๋ฉฐ, ๊ทธ ์บก์
์ 14px ์ฐ์ธ๋ฆฌํ๋ก ํ์๋ฉ๋๋ค. ์ค๊ฐ ํ๋ฉด์์๋ ๋ฏธ๋์ด ํ
์คํธ ์์์ ์ ์ฉํฉ๋๋ค.
๋ฉ์ธ ์ฝํ
์ธ ์ ์ฒซ ๊ธ์๋ ํค๋๋ผ์ธ ๊ธ๊ผด์ ์ฌ์ฉํ ํฌ๊ณ ์์์ด ์๋ ๋๋กญ ์บก์
๋๋ค.
๋ฏธ๋์ด ์น์
์ ์ ์ฒด ๋ทฐํฌํธ ๋์ด ๋ฐฐ๊ฒฝ์ ๊ฐ์ง๋ฉฐ, ์์ ๋ง์ง์ผ๋ก ์ปจํ
์ด๋๋ฅผ ์ฝ๊ฐ ๋์ด ํ์ฅ๋๊ณ ๊ทธ๋ฆฌ๋ ๋ ์ด์์์ ์ฌ์ฉํฉ๋๋ค. ๋ชจ๋ฐ์ผ์์๋ ์ ๋ชฉ์ด ํผ๋์ฒ ์์ญ์ ๋ฐฐ์น๋๋ฉฐ, ๋ฐ์คํฌํฑ์์๋ ๋ฏธ๋์ด ์ปจํ
์ด๋๊ฐ ๋๋ถ๋ถ์ ๊ณต๊ฐ์ ์ฐจ์งํ๋ ๋ ์ด ๊ทธ๋ฆฌ๋๋ก ์ ํ๋ฉ๋๋ค.
๋ ๋์ ํ๋ฉด์ ๊ฒฝ์ฐ, ๋ฏธ๋์ด ์น์
์ ๊ณ ์ ๋๋น๋ฅผ ๊ฐ์ง๋ฉฐ ์์์ด ์๋ ์ฌ์ด๋๋ฐ์ ํ
๋๋ฆฌ๋ฅผ ์ถ๊ฐํ์ฌ ๋ทฐํฌํธ๋ฅผ ์ฑ์ฐ๊ณ ์ก์ ๊ฐ์ ๋ชจ์์ ๋ง๋ญ๋๋ค.
๋ฏธ๋์ด ์์๋ ์ค์ ํ
๋๋ฆฌ๋ฅผ ๊ฐ์ง๋ฉฐ ์ค๋ฅธ์ชฝ์ ์์นํ๊ณ , ๋๋น๋ ๋ทฐํฌํธ์ ๋ณธ๋ฌธ ๋๋น๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๊ณ์ฐ๋ฉ๋๋ค. ๋ ํฐ ํ๋ฉด์ ๊ฒฝ์ฐ, ๋ณธ๋ฌธ ๋๋น๋ ํน์ ์ค๋จ์ ์์ ์กฐ์ ๋ฉ๋๋ค: 61.25em์์ 978px, 71.25em์์ 1138px, 81.25em์์ 1298px.
๊ธฐ์ฌ ์ฝํ
์ธ ์ ๊ทธ๋ฆฌ๋ ๋ ์ด์์์ ํ๋ฉด ํฌ๊ธฐ์ ๋ฐ๋ผ ๋ณ๊ฒฝ๋ฉ๋๋ค. ์์ ํ๋ฉด์์๋ ๋ฏธ๋์ด, ๋ฉํ, ์คํ ๋ํผ์คํธ, ๋ณธ๋ฌธ์ ์์ง์ผ๋ก ์์ต๋๋ค. ์ค๊ฐ ํ๋ฉด(61.25em ์ด์)์์๋ ๋ฏธ๋์ด๊ฐ ๋ ์ด์ ์ฐจ์งํ๊ณ ๋ค๋ฅธ ์์๋ค์ด ๊ทธ์ ๋ฐ๋ผ ๋ฐฐ์ด๋๋ ๋ ์ด ๋ ์ด์์์ ์ฌ์ฉํฉ๋๋ค. ๋ ํฐ ํ๋ฉด(71.25em ๋ฐ 81.25em)์์๋ ๋ ๋ง์ ์ด์ ์ถ๊ฐํ๊ณ ๊ทธ๋ฆฌ๋ ์์ญ์ ๊ฐ์ ํ์ฌ ๋ ๋์ ๊ตฌ์ฑ์ ๋ง๋ญ๋๋ค.
์คํ ๋ํผ์คํธ๋ ์๋จ ์ฌ๋ฐฑ์ ๊ฐ์ง๋ฉฐ, ์ ๋ค์ ์จ๊ฒจ์ง๋๋ค. ํค๋์ ๋น๋์ค์ ๋ํ ์บก์
์ ํน์ ์คํ์ผ๋ง๊ณผ ๊ฐ๊ฒฉ์ ๊ฐ์ง ์์ด์ฝ์ ํฌํจํฉ๋๋ค. "๊ธฐ์ฌ ๋ฃ๊ธฐ" ๋ฒํผ์ ์์ง ์ฌ๋ฐฑ์ ๊ฐ์ง๋๋ค.
ํค๋๋ ์๋์ ์ผ๋ก ์์นํ๋ฉฐ ๋์ z-์ธ๋ฑ์ค๋ฅผ ๊ฐ์ง๋๋ค. iOS์์๋ ๋ฏธ๋์ด ํค๋์ ํน์ ์์ฌ ์์๊ฐ ์จ๊ฒจ์ง๋๋ค. ์คํฌ๋ฆฝํ
์ด ๋นํ์ฑํ๋๋ฉด ๋ ์ด์์์ ๋ค์ํ ํ๋ฉด ํฌ๊ธฐ์ ๊ฑธ์ณ ๋ ๋จ์ํ ์๊ธฐ ๊ตฌ์กฐ๋ก ์ ์ํฉ๋๋ค.
์คํฌ๋ฆฐ ๋ฆฌ๋ ์ ์ฉ ํด๋์ค๋ ๋ด์ฉ์ ์๊ฐ์ ์ผ๋ก ์จ๊ธฐ์ง๋ง ๋ณด์กฐ ๊ธฐ์ ์ ์ ๊ทผ ๊ฐ๋ฅํ๊ฒ ์ ์งํฉ๋๋ค.
๋ฉ์ธ ์ด์ ์ธํฐ๋ํฐ๋ธ ์ฝํ
์ธ ๋ฅผ ์ํด, ์ง์ํ๋ ํผ๊ท์ด๋ 75% ๋๋น๋ก ์ค์ ๋๋ฉฐ ์ด์ ์์๋ค์ ์ ๊ฑฐํ์ง ์์ต๋๋ค.
์ค๊ฐ ํ๋ฉด(46.25em ์ด์)์์ ์ด๋ฌํ ํผ๊ท์ด๋ 75% ๋๋น๋ฅผ ์ ์งํ๋ฉฐ, ํ๋กํ
์์ด ์ ์ ์ผ๋ก ์์นํ๊ณ , ํ์ค ์ค ๊ฐ๊ฒฉ๊ณผ ์๋จ ์ฌ๋ฐฑ ์์์ ๊ฐ์ง๋๋ค.
๋ ํฐ ํ๋ฉด(71.25em ์ด์)์ ๊ฒฝ์ฐ, ํผ๊ท์ด๋ ์ผ์ชฝ ์ฌ๋ฐฑ์ด ์์ผ๋ฉฐ, ๊ทธ ์บก์
์ ๊ณ ์ ๋๋น ์์ด ์ ์ ์ผ๋ก ์์นํฉ๋๋ค.
ํน๋ ํ๋ฉด(81.25em ์ด์)์์ ํผ๊ท์ด๋ ์ผ์ชฝ ์ฌ๋ฐฑ ์์ด 75% ๋๋น๋ฅผ ์ ์งํ๋ฉฐ, ์บก์
์ ์ต๋ ๋๋น ์ ํ์ด ์์ต๋๋ค.
์ค๊ฐ์์ ํฐ ํ๋ฉด(46.25em์์ 61.24em)๊น์ง, ๋ฉ์ธ ์ด์ ๋ชฐ์
ํ ์์๋ ์ค๋ฅธ์ชฝ ์์ ์ฌ๋ฐฑ 20px์ ๊ฐ์ง๋๋ค.
์ ์ ๋ฐ ๋น๋์ค ํค๋์ ๊ฒฝ์ฐ, ํค๋๋ผ์ธ ์ปจํ
์ด๋์ ์ธํฐ๋ทฐ์ด ์น์
์ ์์ ํ๋ฉด์์ 10px ์ธก๋ฉด ํจ๋ฉ์ ๊ฐ์ง๋ฉฐ, 30em ์ด์ ํ๋ฉด์์๋ 20px๋ก ์ฆ๊ฐํฉ๋๋ค.
์ด๋ฌํ ํค๋์ ๋ฏธ๋์ด ์ปจํ
์ด๋๋ ๊ทธ ๊ทธ๋ฆฌ๋ ์์ญ์ ์ ์ฒด ๋๋น์ ๋์ด๋ฅผ ์ฐจ์งํฉ๋๋ค. 61.25em ์ด์ ํ๋ฉด์์๋ 4:5 ์ข
ํก๋น๋ฅผ ์ ์งํฉ๋๋ค.
๋ฏธ๋์ด ์ปจํ
์ด๋ ๋ด์ ์ด๋ฏธ์ง ๋ํผ๋ ์๋จ์ ๊ณ ์ ๋๊ณ ์จ๊ฒจ์ง ์ค๋ฒํ๋ก์ฐ๋ก ์ฌ์ฉ ๊ฐ๋ฅํ ๊ณต๊ฐ์ ์ฑ์๋๋ค. ๋ ํฐ ํ๋ฉด(61.25em ์ด์)์์๋ ์๋ ์์น๋ก ์ ํ๋ฉ๋๋ค.
์ด๋ฌํ ๋ํผ ๋ด์ ๋ชจ๋ ์ด๋ฏธ์ง์ ์ฌ์ง์ ์ข
ํก๋น๋ฅผ ์๊ณกํ์ง ์๊ณ ์ปจํ
์ด๋๋ฅผ ์์ ํ ๋ฎ์ต๋๋ค.
์ฌ์ง ๋ค์ ์ค๋ ์คํฌ๊ณผ ๋งํฌ์ ๊ฐ์ ์ถ๊ฐ ์์๋ค์ ์จ๊ฒจ์ง๋๋ค.
๋ณด์กฐ ์ด๋ฏธ์ง ๋ ์ด์ด(img-2)๋ ์ ๋ ์์น๋ก ์๋จ ์ผ์ชฝ ์ฝ๋์ ๋ฐฐ์น๋ฉ๋๋ค.
๋ชจ๋ฐ์ผ ํผ๋์ฒ ๋ํผ๋ ํ๋จ์ ๊ณ ์ ๋๊ณ ๋ฐฐ๊ฒฝ ์์๊ณผ ํจ๊ป ์ ์ฐํ ์ด ๋ ์ด์์์ ๊ฐ์ง๋๋ค. ๋ ํฐ ํ๋ฉด(61.25em ์ด์)์์๋ ์ผ๋ฐ ์ฝํ
์ธ ํ๋ฆ์ ์ผ๋ถ๊ฐ ๋ฉ๋๋ค.
์ด๋ฌํ ๋ํผ ๋ด์์, ์ ๋ชฉ์ ๋ ๋ฒ์งธ๋ก, ์ธํฐ๋ทฐ์ด ์ ๋ณด๋ ์ธ ๋ฒ์งธ ์์๋ก ๋ํ๋ฉ๋๋ค.
์์ ํ๋ฉด(61.24em ์ดํ)์์๋ ๊ทธ๋ผ๋ฐ์ด์
์ค๋ฒ๋ ์ด๊ฐ ๋ชจ๋ฐ์ผ ํผ๋์ฒ ์์ ํ์ด๋ ํจ๊ณผ๋ฅผ ๋ง๋ญ๋๋ค.
์ ์ ๋ฐ ๋น๋์ค ํค๋์ ํค๋๋ผ์ธ ์ปจํ
์ด๋๋ ํจ๋ฉ, ๋ฐฐ๊ฒฝ ์์, z-์ธ๋ฑ์ค 2๋ก ํ๋จ์ ์์นํฉ๋๋ค. ํค๋๋ผ์ธ์ ์ํ ๊ทธ๋ฆฌ๋ ๋ ์ด์์์ ์ฌ์ฉํฉ๋๋ค.
๊ธฐ๋ณธ ๋ฐ ๋ณด์กฐ ํค๋๋ผ์ธ ๋ชจ๋ ์ปจํ
์ด๋ ๋ด ๋์ผํ ๊ทธ๋ฆฌ๋ ์์ญ์ ์ฐจ์งํฉ๋๋ค.
61.25em๋ณด๋ค ๋์ ํ๋ฉด์ ๊ฒฝ์ฐ, ์ ์ ๋ฐ ๋น๋์ค ํค๋์ ํค๋๋ผ์ธ ์ปจํ
์ด๋๋ฅผ ์๋จ ์ฌ๋ฐฑ์ ์ ๊ฑฐํ๊ณ ์ต๋ ๋๋น 540px์ ์ค์ ํ๋ฉฐ ์๋จ ํ
๋๋ฆฌ๋ฅผ ์ถ๊ฐํ์ฌ ์กฐ์ ํฉ๋๋ค.
61.24em ์ดํ์ ์์ ํ๋ฉด์์๋ ์ฒซ ๋ฒ์งธ ํค๋๋ผ์ธ์ ์์์ ์ ์ ๋ ฌํฉ๋๋ค. ๋ ๋ฒ์งธ ํค๋๋ผ์ธ์ ์ต๋ ๋๋น 620px์ ๊ฐ์ ธ์ผ ํ๋ฉฐ, ์ฒซ ๊ธ์๋ ๋๋ฌธ์๋ก ํ์๋ฉ๋๋ค. ์ต์ 30em ๋๋น์ ํ๋ฉด์์๋ 20px ์ผ์ชฝ์ผ๋ก ์ด๋์ํค๊ณ , 61.25em ์ด์ ํ๋ฉด์์๋ ์๋จ์์ 4px ๋จ์ด์ง ๊ณณ์ ์์น์ํต๋๋ค.
๊ฐ์๋ ๋์์ ์ ํธํ ๋, ํค๋๋ผ์ธ ์ปจํ
์ด๋๋ฅผ ๋ธ๋ก์ผ๋ก ํ์ํ๊ณ 46.24em ๋๋น ์ดํ ํ๋ฉด์์ ํค๋๋ผ์ธ์ ์๋จ ์ฌ๋ฐฑ์ ์ ๊ฑฐํฉ๋๋ค. ๋ํ ๋ ๋ฒ์งธ ํค๋๋ผ์ธ์ ์๋จ์ 10px ํจ๋ฉ์ ์ถ๊ฐํฉ๋๋ค.
์ธํฐ๋ทฐ์ด ์น์
์ 'interviewee' ๊ทธ๋ฆฌ๋ ์์ญ์ 20px ํ๋จ ํจ๋ฉ์ผ๋ก ๋ฐฐ์น๋์ด์ผ ํฉ๋๋ค. ๋น๋์ค ์ปจํธ๋กค์ ํ๋จ์ ๊ณ ์ ๋ฉ๋๋ค.
46.24em ๋๋น ์ดํ ํ๋ฉด์์๋ ํค๋ ๋์ด๋ฅผ 100%๋ก ์ค์ ํฉ๋๋ค. iOS ๊ธฐ๊ธฐ์ ๊ฒฝ์ฐ, ๊ทธ๋ฆฌ๋ ํ๊ณผ ์ธํฐ๋ทฐ์ด ํจ๋ฉ์ ํ๋จ ๋๊ตฌ ๋ชจ์์ ๊ณ ๋ คํ์ฌ ์กฐ์ ํฉ๋๋ค. Android์์๋ ๊ทธ๋ฆฌ๋ ํ๊ณผ ํจ๋ฉ์ ์๋จ ๋ฐ์ ๋ง๊ฒ ์์ ํฉ๋๋ค.
700px ๋๋น ์ดํ์ ๊ฐ๋ก ๋ฐฉํฅ์์๋ ํค๋ ๋์ด๋ฅผ ๋ด์ฉ์ ๋ง๊ฒ ์กฐ์ ํ๊ณ ๋ฏธ๋์ด ์ปจํ
์ด๋์ ๋ํผ๋ฅผ ๊ทธ์ ๋ฐ๋ผ ์กฐ์ ํฉ๋๋ค.
์ฑ์ ๊ฒฝ์ฐ, ์ด๋ฏธ์ง ๋ํผ์ ๋ ์ด๋ธ์ ์จ๊น๋๋ค.
๋น๋์ค ์ปจํ
์ด๋๋ ํด๋น ๊ณต๊ฐ์ ์ฑ์ฐ๊ณ ๋น๋์ค๊ฐ ์์ญ์ ๋ฎ์ผ๋ฉฐ ํ์ฑํ๋ ๋ ํ์ด๋ ์ธํด์ผ ํฉ๋๋ค. ์ปจํธ๋กค์ ์ํ ๋ฒํผ๊ณผ ํจ๊ป ์ค๋ฅธ์ชฝ ํ๋จ์ ์์นํฉ๋๋ค.
๋ ๋์ ํ๋ฉด์ ๋ฏธ๋์ด ์์์ ๊ฒฝ์ฐ, ๋น๋์ค ์ปจํ
์ด๋์ ์ข
ํก๋น๋ฅผ 4/5๋ก ์ค์ ํฉ๋๋ค.
์คํฌ๋กค๋ฆฌ ์ธ์ฉ๋ฌธ์ ์ ์ฒด ๋ทฐํฌํธ ๋์ด๋ฅผ ์ฐจ์งํ๋ฉฐ ์ ๋ ์์น ํญ๋ชฉ์ ๋ณด์ ํ๋ ๊ณ ์ ๋ฏธ๋์ด ์ปจํ
์ด๋๋ฅผ ๊ฐ์ง๋๋ค.
์คํฌ๋กค๋ฆฌ ์ธ์ฉ๋ฌธ ์น์
์ ์ด๋ฏธ์ง๋ ์ข
ํก๋น๋ฅผ ์ ์งํ๋ฉด์ ์ปจํ
์ด๋๋ฅผ ์์ ํ ๋ฎ๋๋ก ์ค์ ๋ฉ๋๋ค. ์ธ์ฉ๋ฌธ ์ปจํ
์ด๋๋ ๋ทฐํฌํธ ์๋จ์ ๊ณ ์ ๋๊ณ ์ ์ฒด ๋๋น๋ฅผ ์ฐจ์งํ๋๋ก ์์นํ๋ฉฐ, ๊ทธ ํญ๋ชฉ๋ค์ ๋ฐํฌ๋ช
๋ฐฐ๊ฒฝ๊ณผ ์ธ์ฉ๋ฌธ ๋ฐ ์บก์
์ ์ํ ์ ์ฐํ ๋ ์ด์์์ ํน์ง์ผ๋ก ํฉ๋๋ค. ๋ ํฐ ํ๋ฉด์์๋ ๋ฐฐ๊ฒฝ์ด ํฌ๋ช
ํด์ง๊ณ ๋ ์ด์์์ด ๋ ์ด ๊ทธ๋ฆฌ๋๋ก ์ ํ๋ฉ๋๋ค.
์คํฌ๋กค๋ฆฌ ์ธ์ฉ๋ฌธ ์ปดํฌ๋ํธ๋ ๋ฐ์์ ์ผ๋ก ๋๋น์ ์ฌ๋ฐฑ์ ์กฐ์ ํ๋ฉฐ, ์ค๊ฐ ํ๋ฉด์์๋ ํ์ฅ๋๊ณ ๋ ํฐ ๋์คํ๋ ์ด์์๋ ์ธก๋ฉด ๋ฐฐ๊ฒฝ๊ณผ ํจ๊ป ์ค์์ ์์นํฉ๋๋ค. ๊ทธ ๋์ด๋ ๋ทฐํฌํธ ๋จ์์ ๋ด์ฉ ๊ธธ์ด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๊ณ์ฐ๋๋ฉฐ, ๊ฐ์๋ ๋์ ์ ํธ ์ ๋จ์ถ๋ฉ๋๋ค. iOS ๊ธฐ๊ธฐ์ ๊ฒฝ์ฐ, ์ ์ ํ ํฌ๊ธฐ ์กฐ์ ์ ์ํด ํน์ ๋ทฐํฌํธ ๋จ์๊ฐ ์ฌ์ฉ๋ฉ๋๋ค.
๋ฉ์ธ ์ด์ ํผ๊ท์ด์ ๋ธ๋ก์ธ์ฉ๋ฌธ๊ณผ ๊ฐ์ ์ธํฐ๋ํฐ๋ธ ์์๋ ๋ถ๋๋ฌ์ด ๋ฑ์ฅ ์ ๋๋ฉ์ด์
์ ๊ฐ์ง๋ฉฐ, ํ์ด๋ ์ธํ๊ณ ์ฌ๋ผ์ด๋ํ์ฌ ๋ณด์
๋๋ค. ๋คํฌ ๋ชจ๋์์๋ ์์ ๋ณ์๊ฐ ๋ ๋์ ๋๋น์ ๊ฐ๋
์ฑ์ ์ํด ์กฐ์ ๋๋ฉฐ, ๋ฏธ๋์ด, ๋ฐ์ด๋ผ์ธ, ์ธ์ฉ๋ฌธ์ ์์กฐ๋ฅผ ํ
๋ง์ ๋ง๊ฒ ๋ณ๊ฒฝํฉ๋๋ค.
ํ
์คํธ๋ CSS ์ฝ๋์ ์ค์๋ ํํจ์ค์ ๊ดํ ๊ธฐ์ฌ์ ํผํฉ์ผ๋ก ๋ณด์
๋๋ค. ๋ค์์ ์ ์ฐฝํ๊ณ ์์ฐ์ค๋ฌ์ด ์์ด๋ก ์ฌ์์ฑ๋ ๊ธฐ์ฌ ๋ถ๋ถ์
๋๋ค:
---
์ ์ฒด ํ๋ฉด์ผ๋ก ์ด๋ฏธ์ง ๋ณด๊ธฐ
2017๋
์ ์ค์๋ ํํจ์ค. ์ฌ์ง: Sebastien Micke/Paris Match/Contour/Getty Images
"์ ๊ธฐ ๋ ์จ๋ ์ด๋์?" ์ค์๋ ํํจ์ค๊ฐ ์์ ํตํ๊ฐ ์์๋์๋ง์ ๋ฌป์ต๋๋ค. ๊ทธ๋ ์์ญ ๋
๋์ ์บ๋ฆฌํฌ๋์์ ์ด์์ง๋ง, ๊ทธ์ ์จ์ผ์ค ๋ฟ๋ฆฌโ๋
ํนํ๊ณ ๊ฒฝ์พํ ๋ชฉ์๋ฆฌ(์ง๊ธ์ ์ฝ๊ฐ ์ฐ ๋ชฉ์๋ฆฌ์ผ ์ ์์)์ ๋ ์จ์ ๋ํ ๊ด์ฌโ๊ฐ ๋จ์ ์์ต๋๋ค. ๋ฐ๋์ ์ด๋์ด ์ ๋
์ด์ง๋ง, ๋ก์ค์ค์ ค๋ ์ค๋ ๋ฐ๊ณ ํ์ฐฝํ ์์นจ์
๋๋ค. ํํจ์ค๋ ํฐ์ฝฐ์ด์ฆ์ ์ด๋ก์ ์
์ธ ๋ฅผ ์
๊ณ ์ ์พํด ๋ณด์ด๋ฉฐ ๊ทธ ๋ถ์๊ธฐ์ ๋ง์ต๋๋ค.
"์ ๋ 50๋
์ ์ ์ฌ๊ธฐ๋ก ์์ด์," ๊ทธ๊ฐ ๋งํฉ๋๋ค. "๋๊ตฐ๊ฐ '์ํฅ๋ ฅ์ ํ์๋จน๋ ๊ฑฐ๋?'๊ณ ๋ฌผ์์ฃ . ์ ๋ '์๋์, ๊ทธ๋ฅ ๊ธฐํ์ ์ ํ ์ ์ข์ํด์์'๋ผ๊ณ ๋๋ตํ์ด์. ํ์ง๋ง ์ ๋ ๋ก์ค์ค์ ค๋ ์ค๋ฅผ ์ ๋ง ์ข์ํด์. ์ฌ๊ธฐ์ ์ข์ ์ถ์ ์ด์์ฃ ."
๊ทธ๋ผ์๋ ์ต๊ทผ ์ํฉ์ด ์์ ํ ์ข๊ธฐ๋ง ํ ๊ฒ์ ์๋๋๋ค. 1์์ ์ฐ๋ถ์ด ํผ์ํฝ ํฐ๋ฆฌ์ธ์ด๋์ค์ ์๋ ํํจ์ค์ ์ง์ ํ๊ดดํ์ต๋๋ค. "์ฝ๊ฐ์ ์ฌ์์ด์์ฃ ," ๊ทธ๊ฐ ์ ์พํ๊ฒ ๊ณผ์ํ๊ฐํ๋ฉฐ ๋งํฉ๋๋ค. "์๋ฌด๋ ๋ค์น์ง ์์ ๊ฒ์ ๊ฐ์ฌํ๊ณ , ์ฐ๋ฆฌ ๊ณ ์์ด๋ค๊ณผ ์์ ๊ฐ์กฑ์ ์์ ํ๊ฒ ๋ํผ์์ผฐ์ด์." ๊ทธ์ ๊ทธ์ ์๋ด ์คํ
๋ผ๋ ๋น์ ์ฌ์ฐ๋์๋ผ๋น์์ ์์๋๋ฐ, ๊ทธ๊ณณ์์ ๊ทธ๋ ๋ก์ด ํํ๋ชจ๋ ์ค์ผ์คํธ๋ผ๊ฐ ์ฐ์ฃผํ๋ ์์ ์ ์์
์ฝ์ํธ๋ฅผ ์ฃผ์ตํ๊ณ ์์์ต๋๋ค. ๊ทธ๋ค์ ํ์ฌ ์ธ๊ทผ ๋ธ๋ ํธ์ฐ๋์ ์๋ํ ์ง์ ๋จธ๋ฌผ๊ณ ์์ต๋๋ค.
"์ฐ๋ฆฌ๋ ๋ชจ๋ ๊ฒ์ ์์์ด์," ๊ทธ๊ฐ ๋งํฉ๋๋ค, "ํ์ง๋ง '์ ์ด๋ ์ฐ๋ฆฌ๋ ์ด์์๊ตฌ๋'๋ผ๊ณ ์๊ฐํ๊ฒ ๋์ฃ . ์ ๋ง ์ํฅ์ ๋ฐ์ ์์ฒ ๋ช
์ ์ฌ๋๋คโํ์ ์ด์ฌํ ์ผํ๊ณ ์ด์ ์๋ฌด๊ฒ๋ ์๋ ์ํด ์ฐ๋ น์ ํจ์ฌ ๋์ ์ฌ๋๋คโ์ด ์ํ๊น์ต๋๋ค."
ํํจ์ค๋ ์ฌํด 12์์ด๋ฉด 88์ธ๊ฐ ๋์ง๋ง, ๋ถ๋ช
ํ ์์ ์ ์ํด ์ฐ๋ น์ ๋๊ธด ๊ฒ์ผ๋ก ๋ณด์ง ์์ต๋๋ค. ๋ ๋ฒ์ ์ค์ค์นด ์์์, ๊ธฐ์ฌ, ํ ๋ฌธํ ์์ด์ฝ์ด์ ํ์กดํ๋ ๊ฐ์ฅ ์กด๊ฒฝ๋ฐ๋ ๋ฐฐ์ฐ ์ค ํ ๋ช
์ผ๋ก์, ๊ทธ๋ ์ด ๋งํ ๋ง์ ์ฑ๊ณผ๋ฅผ ๊ฐ์ง๊ณ ์์์๋ ๊ทธ์ ์ผ์ ์ ์ฌ์ ํ ๊ฐ๋ ์ฐจ ์์ต๋๋ค. ๊ทธ๋ ์ต๊ทผ ์ ๋ฐํจ์ ์กด๊ฒฝํ๋ ๊ฐ์ด ๋ฆฌ์น์ ํจ๊ป ์ํ๋ฅผ ๋ง์ณค์ผ๋ฉฐ, ๊ณง ์๊ตญ์ผ๋ก ๋์์ ๋ฆฌ์ฒ๋ ์์ด์ด์ ํจ๊ป ๋คํ๋ ๋ ๋ชจ๋ฆฌ์์ ๊ดํ ์ํ ์ง์ฌ๋ฅผ ์์
ํ ํ ์จ์ผ์ค์์ ๋ ๋ค๋ฅธ ํ๋ก์ ํธ๋ฅผ ์งํํ ์์ ์
๋๋ค.
๊ทธ๋ ๋ํ ์๋๋ฅผ ๋ฐ๋ผ๊ฐ๊ณ ์์ต๋๋ค. ์ต๊ทผ ์ธ์คํ๊ทธ๋จ ์์์์ ๊ทธ๋ ํด ์นด๋ค์์์ ๋ง์ด ์กฐ๋กฑ๋ฐ๋ ์คํด์ค ์ผ๊ตด ๋ฉ ์ค ํ๋๋ฅผ ์๋ํ๊ณ ํ๋๋ฐ ๋ ํฐ๋ฅผ ์ฐ๊ธฐํ์ต๋๋ค. "์๋
, ํด. ๋ฒ์จ 10๋
์ ๋ ์ ์ด์ง ๊ธฐ๋ถ์ด์ผ," ๊ทธ๋ ๋ ํฐ์ ์ฌ์
ํ ํ๋ฃจ๋ฃฉ ์๋ฆฌ๋ฅผ ๋ชจ๋ฐฉํ๋ฉฐ ์นด๋ฉ๋ผ์ ๋งํ์ต๋๋ค. "์ฌ๋ฏธ์์์ฃ , ๊ทธ๋ ์ง ์๋์?" ๊ทธ๋ ์์ผ๋ฉฐ ๋งํ๊ณ , ์นด๋ค์์์ด