@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https:์ด CSS๋ Guardian Headline Full ๋ฐ Guardian Titlepiece์ ๋ค์ํ ๊ตต๊ธฐ์ ์คํ์ผ์ ๋ํ ๊ธ๊ผด ํ์ด์ค๋ฅผ ์ ์ํ๊ณ , ์ธํฐ๋ํฐ๋ธ ์ฝํ
์ธ ์ด์ ๋ ์ด์์ ๊ท์น์ ์ค์ ํฉ๋๋ค. ๊ธฐ๋ณธ ์ด์ ๋ ๋์ ํ๋ฉด์์ ์ผ์ชฝ ์ฌ๋ฐฑ์ด 160px, ํจ์ฌ ๋ ๋์ ํ๋ฉด์์๋ 240px์
๋๋ค. Atoms๋ 620px๋ก ์ ํ๋๊ฑฐ๋ ์์ ํ๋ฉด์์๋ ์ ์ฒด ๋๋น์
๋๋ค. Showcase ์์๋ ์ผ์ชฝ ์ฌ๋ฐฑ์ด ์๊ณ ํ๋ฉด ํฌ๊ธฐ์ ๋ฐ๋ผ ์ต๋ ๋๋น๊ฐ 620px ๋๋ 860px์
๋๋ค. Immersive ์์๋ 1100px๋ก ์ ํ๋๋ฉฐ, ์์ ํ๋ฉด์์๋ ํน๋ณํ ์ ์ฒด ๋ธ๋ฆฌ๋ ์์น ์ง์ , ์ค๊ฐ ํ๋ฉด์์๋ ์ฝ๊ฐ์ ์ผ์ชฝ ์ด๋ ๋ฐ ์ถ๊ฐ ๋๋น, ์ต๋ 1260px์ ๋ ํฐ ํ๋ฉด์์๋ ์กฐ์ ๋ ์ฌ๋ฐฑ๊ณผ ๋๋น๋ฅผ ๊ฐ์ง๋๋ค. ๋จ๋ฝ๊ณผ ๋ชฉ๋ก์ 620px๋ก ์ ํ๋๋ฉฐ, ์์ฌ ์์๋ ์ปจํ
์ด๋๋ณด๋ค ์ฝ๊ฐ ๋ ํฐ ๋์ด์ ์ต์ ๋์ด 100px๋ก ์๋จ์ ์ ๋์ ์ผ๋ก ๋ฐฐ์น๋ฉ๋๋ค.๋ค์์ ์ ์ฐฝํ๊ณ ์์ฐ์ค๋ฌ์ด ์์ด๋ก ๋ค์ ์์ฑํ ํ
์คํธ์
๋๋ค:
```
.content__main-column--interactive:before {
border-left: 1px solid #dcdcdc;
z-index: -1;
left: -10px;
}
@media (min-width: 81.25em) {
.content__main-column--interactive:before {
border-left: 1px solid #dcdcdc;
left: -11px;
}
}
.content__main-column--interactive .element-atom {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 12px;
padding-top: 12px;
}
.content__main-column--interactive p + .element-atom {
padding-top: 0;
padding-bottom: 0;
margin-top: 12px;
margin-bottom: 12px;
}
.content__main-column--interactive .element-inline {
max-width: 620px;
}
@media (min-width: 61.25em) {
figure[data-spacefinder-role=inline].element {
max-width: 620px;
}
}
[data-gu-name=media]:has(figure.loop) figure.loop figcaption:not(.hidden) {
z-index: 6;
}
[data-gu-name=media]:has(figure.loop) figure.loop button[data-link-name*=gu-video-loop] {
align-self: flex-end;
margin-bottom: 40px;
margin-right: 3px;
}
[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=unmute-icon]),
[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=mute-icon]) {
right: 0;
padding-left: 10px;
}
[data-gu-name=media]:has(figure.loop) #caption-button {
z-index: 100;
}
@media (min-width: 61.25em) {
[data-gu-name=media]:has(figure.loop) #caption-button {
bottom: 20px;
}
}
@media (min-width: 46.25em) {
[data-gu-name=media]:has(figure.cinemagraph) .cinemagraph > div {
max-height: unset;
}
}
[data-gu-name=body] gu-island[name=SelfHostedVideo] {
width: 100%;
max-width: 620px;
display: block;
margin-top: 12px;
margin-bottom: 12px;
}
[data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop,
[data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop video {
width: 100%;
height: auto;
max-width: 620px;
margin: 0 auto;
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) {
max-width: unset;
margin: 12px 0;
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop,
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop video {
max-width: unset;
margin: 0;
}
@media (min-width: 71.25em) {
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) {
width: 1140px;
margin-left: -180px;
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure figcaption {
margin-left: 20px;
}
}
@media (min-width: 81.25em) {
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) {
width: 1300px;
margin-left: -260px;
}
}
:root {
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, .72);
--feature: #c70000;
--new-pillar-colour: var(--primary-pillar, var(--feature));
}
:root:root {
--subheading-text: var(--secondary-pillar);
--pullquote-text: var(--secondary-pillar);
--pullquote-icon: var(--secondary-pillar);
--block-quote-text: var(--article-text);
}
:root:root blockquote {
--block-quote-fill: var(--secondary-pillar);
}
@media (prefers-color-scheme: dark) {
:root:root:not([data-color-scheme=light]) {
--subheading-text: var(--darkmode-pillar);
--pullquote-text: var(--darkmode-pillar);
--pullquote-icon: var(--darkmode-pillar);
}
:root:root:not([data-color-scheme=light]) blockquote {
--block-quote-fill: var(--darkmode-pillar);
}
}
.content__main-column--interactive .element.element-atom,
.element.element-atom {
padding: 0;
}
.content__main-column--interactive .element-atom:first-of-type + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + .sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + #sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + .element-atom + p:first-of-type,
.content__main-column--interactive hr:not(.last-horizontal-rule) + p,
.content__main-column--interactive hr:not(.last-horizontal-rule) + .ad-slot-container + p,
#article-body > div .element-atom:first-of-type + p:first-of-type,
#article-body > div .element-atom:first-of-type + .sign-in-gate + p:first-of-type,
#article-body > div .element-atom:first-of-type + #sign-in-gate + p:first-of-type,
#article-body > div .element-atom:first-of-type + .element-atom + p:first-of-type,
#article-body > div hr
```์ ๊ณต๋ ํ
์คํธ๋ ์ฐ๋ฌธ์ด ์๋ CSS ์ฝ๋์ด๋ฏ๋ก ์๋ฏธ๋ฅผ ๊ทธ๋๋ก ์ ์งํ๋ฉด์ ์ ์ฐฝํ ์์ด๋ก ๋ค์ ์์ฑํ ์ ์์ต๋๋ค. ์ํ์๋ฉด CSS ์ ํ์๊ฐ ํ๋ ์ผ์ ํ์ดํ ์์ด๋ก ์ค๋ช
ํด ๋๋ฆด ์ ์์ต๋๋ค.์ด CSS๋ ํน์ ์์ ๋ค์ ์ค๋ ๋จ๋ฝ์ ์ฒซ ๊ธ์์ ์คํ์ผ์ ์ ์ฉํ์ฌ ๋๋กญ ์บก ํจ๊ณผ๋ฅผ ๋ง๋ญ๋๋ค. ์ฒซ ๊ธ์๋ Guardian Headline ๊ธ๊ผด์ 111px ํฌ๊ธฐ, 92px ์ค ๋์ด๋ก ์ฌ์ฉํ๋ฉฐ, ์ผ์ชฝ์ผ๋ก ๋ถ์ ํ๊ณ , ๋๋ฌธ์์ด๋ฉฐ, ์ค๋ฅธ์ชฝ ์ฌ๋ฐฑ์ด 8px์
๋๋ค. ์์์ CSS ๋ณ์๋ก ์ค์ ๋ฉ๋๋ค.
๋ํ ์ํ์ ๋ค์ ์ค๋ ๋จ๋ฝ์ ์๋จ ํจ๋ฉ์ ์ ๊ฑฐํ๊ณ , ์ธ์ฉ๋ฌธ์ ๋๋น 620px๋ก ์ ํํ๋ฉฐ, ์ผ์ผ์ด์ค ์์์ ๊ทธ๋ฆผ ์บก์
์ ์ต๋ 620px๊น์ง ์ ์ ์ด๊ณ ์ ์ฒด ๋๋น๋ก ์กฐ์ ํฉ๋๋ค. ๋ ๋์ ํ๋ฉด(71.25em ์ด์)์์๋ ์บก์
์ด ์ ๋ ์์น๋ก ๋ฐฐ์น๋๊ณ ์ต๋ ๋๋น๊ฐ 140px์ด๋ฉฐ, 81.25em ์ด์์ ํ๋ฉด์์๋ 220px๋ก ์ฆ๊ฐํฉ๋๋ค.
Immersive ์์๋ ์คํฌ๋กค๋ฐ๋ฅผ ์ ์ธํ ์ ์ฒด ๋ทฐํฌํธ ๋๋น์ ๊ฑธ์นฉ๋๋ค. ์์ ํ๋ฉด์์๋ ์ธ๋ผ์ธ ํจ๋ฉ 10px๋ก 978px๋ก ์ ํ๋๊ฑฐ๋, 30em์์ 71.24em ์ฌ์ด์ ํ๋ฉด์์๋ 20px์
๋๋ค. 46.25em์์ 61.24em ์ฌ์ด์์๋ 738px๋ก ์ ํ๋ฉ๋๋ค. 46.24em ๋ฏธ๋ง์์๋ ์ผ์ชฝ์ผ๋ก 10px(๋๋ 30em ์ด์์ ํ๋ฉด์์๋ 20px) ์ด๋ํ๊ณ ์ค๋ฅธ์ชฝ ์ฌ๋ฐฑ์ด ์์ต๋๋ค.
71.25em ์ด์์ ํ๋ฉด์์๋ ๋ณธ๋ฌธ์ ์ผ์ผ์ด์ค ๊ทธ๋ฆผ์ -160px์ ์ผ์ชฝ ์ฌ๋ฐฑ์ด ์ ์ฉ๋๊ณ , 81.25em ์ด์์ ํ๋ฉด์์๋ ์ธํฐ๋ํฐ๋ธ ๊ธฐ๋ณธ ์ด์ ๊ทธ๋ฆผ์๋ ๋์ผํ๊ฒ ์ ์ฉ๋ฉ๋๋ค.์ด๊ฒ์ ์ฐ๋ฌธ์ด ์๋ CSS ์ฝ๋์ด๋ฏ๋ก ๋ค์ ์์ฑํ ์์ฐ์ค๋ฌ์ด ์์ด๊ฐ ์์ต๋๋ค. ์ํ์๋ฉด ์ด ์คํ์ผ์ํธ๊ฐ ํ์ดํ ์์ด๋ก ๋ฌด์์ ํ๋์ง ์ค๋ช
ํด ๋๋ฆด ์ ์์ต๋๋ค.์ ๊ณต๋ ํ
์คํธ๋ ์ฐ๋ฌธ์ด ์๋ CSS ์ฝ๋์ด๋ฏ๋ก ์์ฐ์ค๋ฌ์ด ์์ด๋ก ์๋ฏธ๋ฅผ ๋ณด์กดํ๊ฑฐ๋ ๋จ์ํํ ๋ด์ฉ์ด ์์ต๋๋ค. ์ํ์๋ฉด ์ด ์คํ์ผ์ํธ๊ฐ ํ์ดํ ์์ด๋ก ๋ฌด์์ ํ๋์ง ์ค๋ช
ํ๊ฑฐ๋, CSS ์์ฒด๋ฅผ ์ฌํฌ๋งท/์ ๋ฆฌํด ๋๋ฆด ์ ์์ต๋๋ค.r(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standf๋ค์์ ์ ์ฐฝํ๊ณ ์์ฐ์ค๋ฌ์ด ์์ด๋ก ๋ค์ ์์ฑํ ํ
์คํธ์
๋๋ค:
๋ค์ CSS ๊ท์น์ standfirst ๋ฐ furniture wrapper ๋ด์ ๋ชฉ๋ก ํญ๋ชฉ ์์ ์๋ ๋งํฌ์ ์ ์ฉ๋ฉ๋๋ค: ํธ๋ฒ ์ ํ๋จ ํ
๋๋ฆฌ๊ฐ ์์ด์ผ ํ๋ฉฐ, ํ
์คํธ ์ฅ์ ์์์ ์๋ก์ด pillar ์์ ๋๋ ๋คํฌ ๋ชจ๋ ๊ธฐ๋ฅ ์์์ ์ฌ์ฉํด์ผ ํฉ๋๋ค.
standfirst ๋ฐ furniture wrapper ๋ด์ ๋จ๋ฝ์ ํ
์คํธ ์์์ด #dcdcdc์ฌ์ผ ํฉ๋๋ค. ๋๋น๊ฐ ์ต์ 61.25em์ธ ํ๋ฉด์์๋ ์ฒซ ๋ฒ์งธ ๋จ๋ฝ์ ํค๋ ํ
๋๋ฆฌ ์์์ ์ฌ์ฉํ๋ ์๋จ ํ
๋๋ฆฌ๊ฐ ์ ์ฉ๋ฉ๋๋ค. ๋๋น๊ฐ ์ต์ 71.25em์ธ ํ๋ฉด์์๋ ํด๋น ์๋จ ํ
๋๋ฆฌ๊ฐ ์ ๊ฑฐ๋ฉ๋๋ค.
standfirst ๋ฐ furniture wrapper ๋ด์ ๋ชฉ๋ก ํญ๋ชฉ๋ ํ
์คํธ ์์์ด #dcdcdc์ฌ์ผ ํฉ๋๋ค. ๋๋น๊ฐ ์ต์ 71.25em์ธ ํ๋ฉด์์๋ standfirst์ before ์์ฌ ์์๊ฐ ๋ฐฐ๊ฒฝ์ผ๋ก ํค๋ ํ
๋๋ฆฌ ์์์ ์ฌ์ฉํด์ผ ํฉ๋๋ค.
๋๋น๊ฐ ์ต์ 46.25em์ธ ํ๋ฉด์์ furniture wrapper๋ before ๋ฐ after ์์ฌ ์์๋ฅผ ๊ฐ์ง๋๋ค. ๋ ๋ค ์ ์ฒด ๋์ด์ด๋ฉฐ ์๋จ์ ๋ฐฐ์น๋๊ณ ๋คํฌ ๋ฐฐ๊ฒฝ ์์์ ์ฌ์ฉํฉ๋๋ค. before ์์๋ ์ผ์ชฝ์ ์์นํ๋ฉฐ ํค๋ ํ
๋๋ฆฌ ์์์ ์ค๋ฅธ์ชฝ ํ
๋๋ฆฌ๋ฅผ ๊ฐ์ง๊ณ , after ์์๋ ์ค๋ฅธ์ชฝ์ ์์นํ๋ฉฐ ํค๋ ํ
๋๋ฆฌ ์์์ ์ผ์ชฝ ํ
๋๋ฆฌ๋ฅผ ๊ฐ์ง๋๋ค. ๋๋น์ ์คํ์
์ ๋ทฐํฌํธ ๋๋น์์ ์คํฌ๋กค๋ฐ ๋๋น์ ๊ณ ์ ์ฝํ
์ธ ๋๋น๋ฅผ ๋บ ๊ฐ์ 2๋ก ๋๋์ด ๊ณ์ฐํฉ๋๋ค.
๋ ๋์ ์ค๋จ์ (61.25em, 71.25em, 81.25em)์์ ์ด๋ฌํ ์์ฌ ์์๋ ๋์ผํ ๊ตฌ์กฐ๋ฅผ ์ ์งํ์ง๋ง, ๊ณ์ฐ์ ์ฌ์ฉ๋๋ ๊ณ ์ ์ฝํ
์ธ ๋๋น๊ฐ ๊ฐ๊ฐ 978px, 1138px, 1298px๋ก ์ฆ๊ฐํฉ๋๋ค.
keyline-4 ๋ฐ lines ์์์ SVG ์์ด์ฝ์ ํค๋ ํ
๋๋ฆฌ ์์์ผ๋ก ์คํธ๋กํฌ๋์ด์ผ ํฉ๋๋ค. meta ์น์
์ social ๋ฐ comment ์์๋ social ๋ชฉ๋ก ๋ด์ ๋งํฌ ์คํฌ์ ํฌํจํ์ฌ ํ
๋๋ฆฌ์ ํค๋ ํ
๋๋ฆฌ ์์์ ์ฌ์ฉํด์ผ ํฉ๋๋ค.
article body ๋ฐ interactive article body ์น์
์์ h2 ์ ๋ชฉ์ ๊ธ๊ผด ๊ตต๊ธฐ๊ฐ 200์ด์ด์ผ ํฉ๋๋ค. h2์ strong ์์๊ฐ ํฌํจ๋ ๊ฒฝ์ฐ ๋์ ๊ธ๊ผด ๊ตต๊ธฐ๊ฐ 700์ด์ด์ผ ํฉ๋๋ค.
์ธ์ ๋ ์ด์์์์ ์จ๊ฒจ์ง๋๋ก ํ์๋ ์์ ์๋ ๋ชฉ๋ก์ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง๊ฐ ์์ด์ผ ํฉ๋๋ค.
๋ ๋๋ง ๋์์ด apps๋ก ์ค์ ๋ ๊ฒฝ์ฐ ์ฌ๋ฌ ์ฌ์ฉ์ ์ ์ ์์ฑ์ด ์ ์๋ฉ๋๋ค: follow ํ
์คํธ ๋ฐ standfirst ํ
์คํธ ์์์ #dcdcdc์ด๊ณ , follow ์์ด์ฝ ์ฑ์ฐ๊ธฐ, standfirst ๋งํฌ ํ
์คํธ, standfirst ๋งํฌ ํ
๋๋ฆฌ ๋ฐ byline์ ์๋ก์ด pillar ์์์ ์ฌ์ฉํ๋ฉฐ, article meta lines๋ ํค๋ ํ
๋๋ฆฌ ์์์ ์ฌ์ฉํ๊ณ , byline์ ๋คํฌ ๋ชจ๋ pillar ์์๋ ์ฌ์ฉํฉ๋๋ค.
๋์ผํ apps ๋ ๋๋ง ๋ชจ๋์์ byline ์คํฌ์ ์๋ก์ด pillar ์์์ ์ฌ์ฉํด์ผ ํฉ๋๋ค. div ๋ฐ๋ก ๋ค์ FollowWapper ์์๊ฐ ์ค๋ byline ์คํฌ์ ํค๋ ํ
๋๋ฆฌ ์์, 1px ํค๋ ํ
๋๋ฆฌ ์์ ๋ฐ ํฌ๋ช
1px๋ก ๊ตฌ์ฑ๋ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง๋ฅผ ๊ฐ์ ธ์ผ ํฉ๋๋ค.
๋ง์ง๋ง์ผ๋ก prefers-color-scheme์ ๋ํ ๋ฏธ๋์ด ์ฟผ๋ฆฌ๊ฐ ์์๋์ง๋ง ์๋ฆฝ๋๋ค.Espresso Embassy๋ ๋ถ๋คํ์คํธ์ ์ธ๊ต ๋ฐ ์ ๋ถ ์ง๊ตฌ์ ์๋ ์๋ ์จ์ด๋ธ ์ปคํผ์์ผ๋ก, ๋ฐฉ๋ฌธ ๊ธฐ์์ ํ์๋ค์ด ์ ์น๋ฅผ ๋
ผํ๋ฌ ์ค๋ ๊ณณ์
๋๋ค. 3์ 18์ผ ์์นจ ์ปคํผ๋ฅผ ๋ง์๋ฌ ๋ค์ด๊ฐ๋ ๊ธธ์ ์ ๋ ๋น
ํ ๋ฅด ์ค๋ฅด๋ฐ์ ํผ๋ฐ์ค๋น ํฌ์คํฐ๊ฐ ๋ง์ปคํ์ผ๋ก ํผ์๋ ๊ฒ์ ์ง๋์ณค์ต๋๋ค. "์์ ํ ์ ํ"์ด "ํ์คํ๊ฒ ์ข๋๋ ๋ฐฉ๋ฒ"์ผ๋ก ๋ฐ๋์ด ์์์ต๋๋ค. ์นดํ ๊ฑด๋ํธ์์ ์ ๋ ๋ฏธ๊ตญ ์ธ๋ก ์ธ ๊ฒธ ์ญ์ฌ๊ฐ ์ค ์ ํ๋ฐ์์ด ๋๊ตฐ๊ฐ์, ์ด์ฉ๋ฉด ์์ํต๊ณผ ๊น์ ๋ํ๋ฅผ ๋๋๊ณ ์๋ ๊ฒ์ ๋ฐ๊ฒฌํ์ต๋๋ค. ๋๊ตฐ๊ฐ "๋ฌด์๋ฆฌ๋ ๊ฐ์!"๋ผ๊ณ ์ธ์น๋ ์๋ฆฌ๋ฅผ ๋ค์์ต๋๋ค. ํ๊ฐ๋ฆฌ์ ์ ๊ฑฐ ์ฒ ์ด์์ต๋๋ค.
๊ทธ๊ฒ์ ๋ํ ๋ฏธ๊ตญ ๊ธฐ๋ฐ ๋ณด์ ํ์์ ์์ฑ ํ์ฌ์ธ ํ๊ฐ๋ฆฌ Cpac๊ฐ ์ด๋ฆฌ๊ธฐ ๋ฉฐ์น ์ ์ด์์ต๋๋ค. ๊ตญ์ ์ฐํ ์ธ์ฌ๋ค์ด ๋์์ ๋์ฐฉํ์, ๋ค๋ด๋ธ ์ฐ๊ตฌ์๋ก ์๋ ค์ง ์
๋ช
๋์ ์ค๋ฅด๋ฐ์ฃผ์ ์ฑํฌํฑํฌ๊ฐ ๊ฒ์ด, ๊ด์ฉ, ์ขํ ๊ทธ๋ฆฌ๊ณ ์ ์ ๊ดํ ํ์ฌ๋ผ๋ ์ด๋ฆ์ ํ์ฌ๋ฅผ ์ฃผ์ตํ๊ณ ์์์ต๋๋ค. ๊ณต์์ ์ธ ์
์ฅ์ ์ด๋ฌํ ๊ฒ์ด์์ต๋๋ค: ๋์จ, ์ข์, ๋์จ, ์ข์.
์ด๋์์ง ํ, ์ ๋ ๋ถ๋ค ์ฑ๋ฒฝ์ ๋ฐ๋ผ ์์ํ ๊ณ๋จ์ ์ง๋ ์ฐ๊ตฌ์๋ก ๊ฑธ์ด๊ฐ์ต๋๋ค. ์ฃผ์ ์ฐ์ฌ๋ ์์ "์ง์ ๋คํฌ ์น" ์ถ์ ์ ๋ฏธ๊ตญ ํ์บ์คํฐ ๋ฐ์ด๋ธ ๋ฃจ๋น๊ณผ X ํ๋กํ์ "๊ทน์ฐ์ ๋ฐฉํจ ์ฒ๋
"๋ผ๋ ์นญํธ๋ฅผ ๋ด๊ฑด ๋ค๋๋๋์ ์ ๋๊ฐ ์๋ฐ ๋ธ๋ผ๋ฅด๋ฉ๊ฑฐ๋ธ๋ฃฉ์ด์์ต๋๋ค. ๋ฃจ๋น์ "ํ๊ฐ๋ฆฌ์์ ์ฌ๋ฌ๋ถ์ด ์ผ๋ง๋ ์ข์ ์ํฉ์ ์๋์ง ๋ชจ๋ฆ
๋๋ค. ์๊ตฌ ์ ์ญ์์ ๋๋ฌด ๋ง์ ๊ฒ๋ค์ด ์๋ชป๋์ด ์์ต๋๋ค"๋ผ๊ณ ๋งํ์ต๋๋ค. ํจ๋ ํ ๋ก ํ, ํ ๋ฏธ๊ตญ์ธ ๋จ์ฑ์ด ์ ์๊ฒ ๋ค๊ฐ์ ๋ถ๋คํ์คํธ์ ์ผ๋ง๋ ์์๋์ง ๋ฌผ์์ต๋๋ค. ์ด์ค ๊ตญ์ ์ ๊ณ ๋ คํด ๋ณธ ์ ์ด ์๋๋๊ณ ์? ๊ทธ๋ ๋ค๋ฉด ๋์์ค ์ ์๋ค๊ณ ํ์ต๋๋ค. "์ ์น๊ตฌ๋ค์," ๊ทธ๊ฐ ๋งํ์ต๋๋ค, "์ ๋ฅผ ๋ฐฑ์ธ์ ํด๋ฆฌ์ ํฐ๋ธ๋จผ์ด๋ผ๊ณ ๋ถ๋ฆ
๋๋ค."
์ง๋ ๋ช ๋ฌ ๋์ ์ ๋ ๋ค๋ด๋ธ ์ฐ๊ตฌ์์ ๋ค๋ฅธ ๊ตญ๊ฐ ๋ณด์กฐ๊ธ์ ๋ฐ๋ ๋ชจ์ ์ฅ์๋ค์ ์ ์ ํ๋ฉฐ, ๋ถ๋คํ์คํธ๋ก ์๋ก๋ฅผ ์ค๋ ์ฐํ ์ง์์ธ ์ค ๋ ํ ๋ช
์ธ ์ฒํ๋ ค๊ณ ๋
ธ๋ ฅํ์ต๋๋ค. 2013๋
์ค๋ฅด๋ฐ ์ ๋ถ๊ฐ ์ ์ฉํ ๊ตญ๊ฐ ์๊ธ์ผ๋ก ์ค๋ฆฝ๋ ์ด ์ฐ๊ตฌ์๋ ์ ํฅ "ํฌ์คํธ๋ฆฌ๋ฒ๋ด" ์ด๋์ ์ค์ฌ ํ๋ธ๋ก ์๋ ค์ง๊ฒ ๋์์ต๋๋ค. ์ด ์ด๋์ ๋
ํนํ ๋ฏธ๊ตญ ๋ธ๋ก๊ฑฐ์ด์ ์์นญ ๊ธฐ๋
๊ต ๋ฐ์ฒด์ ์ธ์ฌ์ธ ๋ก๋ ๋๋ ์ด์ ์์ฃผ ์ฐ๊ด๋๋ ์ด๋จ ๋ณด์ ์ฌ์๊ฐ๋ค์ ๋์จํ ์ฐํฉ์ฒด์
๋๋ค. 2021๋
๋ค๋ด๋ธ ์ฐ๊ตฌ์์์์ ์ฒซ ํ ๋ก์ฐ์ญ ๊ธฐ๊ฐ ๋์ ๋๋ ์ด๋ ํ๊ฐ๋ฆฌ์์ ํฐ์ปค ์นผ์จ์ ์ผ์ฃผ์ผ๊ฐ ์ธ๋ก ์๋ฐฉ์ ์ฃผ์ ํ๋ ๊ฒ์ ๋์๊ณ , ์ฌ๊ธฐ์๋ ์ค๋ฅด๋ฐ๊ณผ์ ํญ์ค ๋ด์ค ์ธํฐ๋ทฐ๊ฐ ํฌํจ๋์ด ์์์ต๋๋ค. ๊ทธ ์ดํ๋ก ๋ด์ ํ์์ค, ๋ด์์ปค, ์ ํ๋ํฑ ๊ฐ์ ์์ ์ฃผ์ ์ถํ๋ฌผ๋ค์ ๋๋ ์ด์๊ฒ ์ฐ๊ตฌ์์ ์ค๋ฅด๋ฐ์ ๋
์ฌ ์ ๊ถ๊ณผ์ ๊ด๊ณ์ ๋ํด ์ถ๊ถํ๊ธฐ ์ํด ๊ธฐ์๋ค์ ํ๊ฒฌํ์ต๋๋ค. ์ด๋ ์ด ์์ ์ฑํฌํฑํฌ๋ฅผ ์ํํ ๋ฐ์์ ์ฃผ์ ์ฌ์์ ์ ๋ณด ๊ตํ์๋ก ๋ณด์ฌ์ฃผ๋ ์ผ๋ จ์ ์จ ๊ฐ์ ๋ณด๋๋ค์ ๋ณ์์ต๋๋ค. ์ ํ๋ฐ์์ด ๊ทธ๋
์ ์ฑ
ใ๋ฏผ์ฃผ์ฃผ์์ ํฉํผใ์์ ์ผ๋ฏ์ด: "๋ค๋ด๋ธ ์ฐ๊ตฌ์๋ ์ค์ ๋ก ํ๊ฐ๋ฆฌ ์ ๋ถ๋ฅผ ์ธ๋ถ ์ธ๊ณ์ ๋ณด๊ธฐ ์ข๊ฒ ๋ง๋ค๊ธฐ ์ํด ์กด์ฌํฉ๋๋ค."
์ ํ๋ฐ์์ ๊ฒฌํด์ ๋ฐ๋ฅด๋ฉด, ์ค๋ฅด๋ฐ ์ ๊ถ์ "์ด๋ค ์ผ๋น๋ ์ด๊ธธ ์ ์๋ ์ ์น ์ฒด์ "๋ฅผ ๋ง๋ค์์ผ๋ฉฐ, ๋ค๋ด๋ธ ์ฐ๊ตฌ์์ ์ธ๊ตญ ์ง์์ธ๋ค์ ์ค๋ฅด๋ฐ์ ๋ฐ๋ฏผ์ฃผ์ ํ๋ก์ ํธ๋ฅผ ์ํ ๋์์ ์ ์ ๊ฐ์ด๊ฑฐ๋ ์์งํ ์์ก์ด์์ต๋๋ค. ๊ทธ๋ฌ๋ ๊ณง ์ค๋ฅด๋ฐ์ 4์์ ์๋์ ์ธ ์ ๊ฑฐ ํจ๋ฐฐ๋ก ๊ถ์ข์์ ๋ฌผ๋ฌ๋ ๊ฒ์ด๊ณ , 6์์๋ ์ ํ๊ฐ๋ฆฌ ์ํ๊ฐ ๋ค๋ด๋ธ ์ฐ๊ตฌ์์ ํผ๋ฐ์ค ์๋ฆฌํธ๋ค์ ํ๋ จ์ฅ์ธ MCC ๋ธ๋คผ์
์ ์๊ธ์ ์ง์ํ๋ ํ์ ์์คํ
์ ํด์ฒดํ๋ ํ๋ฒ ์์ ์์ ํต๊ณผ์ํฌ ๊ฒ์ด์์ต๋๋ค.
๋ถ๋คํ์คํธ์ ํฌ์คํธ๋ฆฌ๋ฒ๋ด๋ค์๊ฒ๋ ์ข
๋ง์ ๋์์ต๋๋ค. ๋น๋ก ๊ทธ๋ค ์์ ์ ์์ง ๊ทธ๊ฒ์ ๋ชฐ๋์์ง๋ผ๋. ์์ ๋ถ๋คํ์คํธ ์ (scene)์ ์ข
๋ง ์ดํ์๋ ์ด์๋จ์ ๊ฒ์ ์ฐํ ์ฌ์๊ฐ๋ค์ ๋ถ์ด๋ ์ง๋จ์ผ๋ก, ํ๊ฐ๋ฆฌ์์์ ์ด๋ช
์ด ์ด๋ป๋ ๊ทธ๋ค์ ๋ฏธ๊ตญ ์ ์น ๋ฌธํ์ ๊ณ์ํด์ ๋๋ ค์ด ์์ค์ ์ํฅ์ ๋ฏธ์น ๊ฒ์
๋๋ค. ๊ทธ๋ค์ด ํ๋ ์ค๋ฅด๋ฐ์ ๊ผญ๋๊ฐ์์๋ค๋ฉด, ์ด์ ๋ ์๋๋๋ค. ๊ทธ๋ฌ๋ ๊ทธ๋ค์ ํน์ ๊ฐ์์ ์๊ฐ ์๋ ํ์ธ์ผ๋ก ์ถ์์ํค๋ ๊ฒ์ ํฌ์คํธ๋ฆฌ๋ฒ๋ด ์ฌ์์ ์ง์ ํ ์ํ, ๋๋ ๊ทธ๋ค์ด ๋์ํ๊ณ ์๋ ์๊ธฐ์ ๋ง์๋ ๊ฒ์ ๋ ์ด๋ ต๊ฒ ๋ง๋ค์์ต๋๋ค. ๊ณต์์ ์ผ๋ก ์ ๋ ๊ณต์ฐ์ฃผ์ ์๋ ๋ง๊ธฐ์ ๋ฐ์ฒด์ ์ผ๋น์ ๋ง๋๊ธฐ ์ํด ํ๊ฐ๋ฆฌ๋ก ์จ ์๊ตฌ ์ง์์ธ๋ค์ ๊ดํ ์ฑ
์ ์ฐ๊ธฐ ์ํด ๋ถ๋คํ์คํธ์ ์์์ต๋๋ค. ์ ์ ์ ๊ฐ์กฑ์ ์ค๋ฅด๋ฐ ์ ๋ถ๊ฐ 2011๋
์ ์ฌ์ค์ ํ์ํ ์ฝ๋ ๊ธฐ์ ๋ถ๋คํ์คํธ๋ก ๋ถ๋ ธ๋ ๊ณ ๋ฑ์ฐ๊ตฌ์์ ์๋์ด์์ต๋๋ค. ์ด์ ๋ค์ ๋ฌธ์ ์ฐ ์ด๊ณณ์ ํ๊ฐ๋ฆฌ์ ์ฌ์ ํ ๋จ์ ์๋ ์ค์์ ๋ฝ๋ํ๊ต์ ์์ฌ ์ค ์ผ๋ถ์์ต๋๋ค. ๋๋จธ์ง ๊ธฐ๊ด์ ์กฐ์ง ์๋ก์ค์ ํ๊ฐ๋ฆฌ์ ๋
๋ฆฝ ์๋ฏผ ์ฌํ์ ๋ํ ์ฅ๊ธฐ์ ์ธ ๊ณต๊ฒฉ ๊ธฐ๊ฐ ๋์ ๋น์๋๋ก ๊ฐ์ ์ด์ ๋์์ต๋๋ค. ์ฌํด ์ด, ์ ๋ ๋ค๋ด๋ธ ์ฐ๊ตฌ์์ ์ ์
ํ๋ ๊ฒ์ ๋ฐ์ฏค์ ์์ด๋ฌ๋ํ ์ฌ๋ช
์ผ๋ก ์ผ์์ต๋๋ค. ์ ๋ ๊ตญ์ ํฌ์คํธ๋ฆฌ๋ฒ๋ด ํ๋ก์ ํธ์ ๋ณธ๋ถ๋ก ์๋ ค์ง ์ด ์ฑํฌํฑํฌ ๋ด๋ถ์์ ์ค์ ๋ก ๋ฌด์จ ์ผ์ด ์ผ์ด๋๊ณ ์๋์ง ์ ๋ง๋ก ๋ณด๊ณ ์ถ์์ต๋๋ค. ๋๋ฌํ๋ ๊ฒ์ ์ด๋ ต์ง ์์์ต๋๋ค. ์ด๊ณณ์ ์ 2์ฐจ ์ธ๊ณ๋์ ์ค ์ ์ SS ์นด์ง๋
ธ๋ก ์ฌ์ฉ๋์๊ณ ํ์ฌ๋ 1์ธต์ ๊ณ ๊ธ ๋ ์คํ ๋์ด ์๋ ๋ก๋์ด-ํํธ๋ฐ๋ ๋น๋ผ์ ์๋ฆฌ ์ก๊ณ ์์ต๋๋ค. ์ด๋ ์ ๋
, ์ ๋ ์ฒ ์ ๋ฒฝ๋ฑ์ผ๋ก ์ด๋ ดํ์ด ๋น์ถฐ์ง๋ ๊ฐํ๋ฅธ ๊ณ๋จ์ ์ฌ๋ผ, ์ ์ ๋์ ๋ฐ์ฌ๋๋ ๋
ธ๋ ๋น์ ๋ฐ๋ผ ๋ ๊ฐ์ ๋์ ๋ฒฝ์ผ๋ก ๋๋ฌ์ธ์ธ ์ข์ ํต๋ก์ ๋๋ฌํ์ต๋๋ค. ์์ชฝ์๋ ์์ ๋นจ๊ฐ ์นดํซ ์์ ๋ฐ๋ฅ ๋จํ๋ก๋ง ํ์๋ ์ถ์
๊ตฌ๊ฐ ๋ณด์์ต๋๋ค. ์ ์ ๋ง์ค์ด๋ค๊ฐ ๋ค์ด๊ฐ์ต๋๋ค. ์ ์ฒด ํ๋ฉด์ผ๋ก ์ด๋ฏธ์ง ๋ณด๊ธฐ ํํ
๋ฅด ๋ง์๋ฅด๊ฐ 4์ ํ๊ฐ๋ฆฌ ์ด์ ์์ ํฐ์ฌ๋น์ ์น๋ฆฌ๋ฅผ ์ถํํ๊ณ ์์ต๋๋ค. ์ฌ์ง: dts News Agency Germany/Shutterstock
์ ๋ฉด์๋ ๋ค๋ด๋ธ ๊ฐ์ด ๋ด๋ ค๋ค๋ณด์ด๋ ์๋น์ด ์์์ต๋๋ค. ๊ณ๋จ ๋ค์์ ๋๊ตฐ๊ฐ์ ์๋ฆฌ๋ฅผ ๋ฃ๊ธฐ ์ ๊น์ง ํด๋ํฐ์ผ๋ก ๋ช ์ฅ์ ์ฌ์ง์ ์ฐ์์ต๋๋ค. ์ ๋ ์๋๋ฌ ์งํ ๋ณ๊ด์ผ๋ก ๋ค์ด๊ฐ ์ ์ ํ
์ด๋ธ์ ๋๋ฌํ์ต๋๋ค. ์ ์ ์กฐ๊ต์๊ฒ ์ด๋ฆ์ ๋งํ์ ๊ทธ๋
๋ ์ฝํธ ์ฒดํฌ ์ชฝ์ ๊ฐ๋ฆฌ์ผฐ์ต๋๋ค. ๋ค๋ด๋ธ ์ฐ๊ตฌ์์ ์ ์
ํ๋ ค๋ฉด ์จ๋ผ์ธ ๋ฑ๋ก๋ง ํ๋ฉด ๋๋ค๋ ๊ฒ์ด ๋ฐํ์ก์ต๋๋ค. ๋ฐ๊ฒ ๋น๋๋ ์งํ์๋ ์ ๋ฌํผ์ธ ์ปจ์๋ฒํฐ๋ธ์ ํ๊ฐ๋ฆฌ์ ๋ฆฌ๋ทฐ ๊ฐ์ ๊ดํ ์๋ ์ฐํ ์ ๋์ ๋ฌด๋ฃ ํธ๊ฐ ๋์ธ ์ ๋ฐ์ด ์์์ต๋๋ค. ์ ๋ ๋น์ ๊ตญ๊ฐ ๋ณด์กฐ๊ธ์ ๋ฐ๋ ํ๊ฐ๋ฆฌ์ ์ปจ์๋ฒํฐ๋ธ ํ ๋ถ๋ฅผ ์ง์๋๋ฐ, ํ์ง์๋ ํฐ๋ฐ๋ค๋ฅด ์ดํธ๋ฐ๋ฆฌ ์ฝ์คํธ์นด์ ๊ทธ๋ฆผ์ด ์์๊ณ ์ ๋ชฉ์ ์ ๋น์ ์ฌ์ด์์ต๋๋ค. ๋ค๋ฅธ ์๋๋ค์ด ๋์ฐฉํ๊ธฐ ์์ํ๊ณ , ์ ๋ ๋ด์์ปค์ ๋๋ ์ด ๊ธฐ์ฌ์ ํํน๋ ๊ฒ์ด ์๋๊ฐ ํ๋ ๊ฑฑ์ ์ด ์ฆ์ ๋ค์์ต๋๋ค. ๊ทธ ๊ธฐ์ฌ์์ ๊ทธ๋ ๊ธฐ์์๊ฒ "๋ค๋ด๋ธ ์ฐ๊ตฌ์๋ ์บ์ฃผ์ผํ ๋ณต์ฅ ๊ท์ ์ด ์์๊ณ " ์ค๋ฅด๋ฐ์ ํผ๋ฐ์ค๋น ์ฅ๊ด๋ค์ ๋ง๋ ๋์กฐ์ฐจ "๋ณดํต ์ ์ฅ์ ์ํํธ์ ๋๊ณ ์ฌ ์ ์์๋ค"๊ณ ๋งํ์ต๋๋ค. ๊ทธ๋ฌ๋ ์ฌ๊ธฐ์๋ ๋จ์ฑ ์ง์์ธ ํจ์
์ ํ๋ ฌ์ด ์์์ต๋๋ค: ๊ณจ์ง ํฐํ๋ฅ; ํฌ๋ก์
ฐ ๋ฅํ์ด์ ์คํฌ ํฌ๋ผ๋ฐํธ; ํธ์๋, ๋ฆฐ๋จ, ์ฝ๋๋ก์ด ๋ธ๋ ์ด์ . ์ ๋ ์ ๊ตฌ๊ฒจ์ง ๋ธ๋ ์ด์ โ์ ๊ฐ ๊ฐ์ง ์ ์ผํ ๊ฒโ๋ฅผ ๋ด๋ ค๋ค๋ณด๋ฉฐ ๋๋ฌด ํธํ๊ฒ ์
์๋ค๊ณ ๋๊ผ์ต๋๋ค. ์์ผ๋ก ๋ช ๋ฌ ๋์, ์ ๋ ์ฐ์ฐํ ๋ค์ ๋ํ์ ๋จํธ๋ค์ ์ ์ด๋๊ณค ํ์ต๋๋ค. ๋๋ถ๋ถ์ ๋๋์ง ์์์ต๋๋ค. ํนํ X์์ ์๊ฐ์ ๋ณด๋ธ ์ฌ๋์ด๋ผ๋ฉด ๋์ฑ ๊ทธ๋ ์ต๋๋ค: "์ฐ๋ฆฌ๋ ๊ทธ๋ฅผ ์ง์ค์ ํ์ฒญ์ผ๋ก ์ฌ๋ฌธํ ๊ฑฐ์ผ