mekko ์ฐจํธ ๋ง๋ค๊ธฐ
mekko ์ฐจํธ๋ ๊ทธ๋ฃน์ ๋น๊ตํ๊ณ ๊ทธ๋ฃน ๋ด ํฌํจ๋ ๋ฒ์ฃผ ํญ๋ชฉ์ ๋น๊ตํ๋ ๋ฐ ์ ํฉํฉ๋๋ค. Mekko ์ฐจํธ๋ ๋ชจ์์ดํฌ ๋ํ, Marimekko ์ฐจํธ ๋ฐ Mondrian ๋ค์ด์ด๊ทธ๋จ์ด๋ผ๊ณ ๋ ํฉ๋๋ค. ์ฐจ์ ์ถ์๋ ๊ทธ๋ฃน์ด ํ์๋๊ณ ์ธก์ ๊ฐ ์ถ์๋ ๊ฐ ๋ฒ์ฃผ ํญ๋ชฉ์ ๋ํ ์ ๊ทํ๋ ๋ฐฑ๋ถ์จ ๊ฐ์ด ํ์๋ฉ๋๋ค. ๊ฐ ๊ทธ๋ฃน์ ํฌ๊ธฐ๋ ํด๋น ๊ฐ์ ๋ํ๋ ๋๋ค.
ํธ์ง ์ค์ธ ์ํธ์ ๊ฐ๋จํ mekko ์ฐจํธ๋ฅผ ๋ง๋ค ์ ์์ต๋๋ค.
๋ค์๊ณผ ๊ฐ์ด ํ์ญ์์ค.
- ์์ฐ ํจ๋์์ ๋น mekko ์ฐจํธ๋ฅผ ์ํธ๋ก ๋๋๋ค.
- ์ฐจ์ ์ถ๊ฐ๋ฅผ ํด๋ฆญํ๊ณ ์ฐจ์ ๋๋ ํ๋๋ฅผ ์ ํํฉ๋๋ค. ์ด ์ฐจ์์ ๊ทธ๋ฃนํ๋ฅผ ์ ์ํฉ๋๋ค.
- ๊ณ์ธต ์์ค์ ์์๋ก ๋ ๋ฒ์งธ ์ฐจ์์ ์ถ๊ฐํฉ๋๋ค. ์ถ๊ฐํ๋ ๋ ๋ฒ์งธ ์ฐจ์์ ๋ฒ์ฃผ๋ฅผ ์ ์ํฉ๋๋ค.
- ์ธก์ ๊ฐ ์ถ๊ฐ๋ฅผ ํด๋ฆญํ๊ณ ์ธก์ ๊ฐ์ ์ ํํ๊ฑฐ๋ ํ๋์์ ์ธก์ ๊ฐ์ ๋ง๋ญ๋๋ค.
mekko ์ฐจํธ์๋ ๋ ๊ฐ์ ์ฐจ์๊ณผ ํ๋์ ์ธก์ ๊ฐ์ด ํ์ํฉ๋๋ค.
์ฒซ ๋ฒ์งธ ์ฐจ์์ ํด๋นํ๋ ๊ฐ ๋ง๋๋ ๋ ๋ฒ์งธ ์ฐจ์์ ๊ธฐ๋ฐ์ผ๋ก ์์ ๋ฒ์ฃผ๋ก ๋๋ฉ๋๋ค. ์ธก์ ๊ฐ์ ๋ฐ๋ผ ๋ง๋ ํฌ๊ธฐ ๋ฐ ๊ฐ ๋ง๋ ๋ด ๊ด๋ จ ๋ฒ์ฃผ์ ๋์ด๊ฐ ๊ฒฐ์ ๋ฉ๋๋ค.
๋ฉ์ฝ ์ฐจํธ๋ฅผ ๋ง๋ค์์ผ๋ฉด ๊ณ ๊ธ ํธ์ง ๋ชจ๋์์ ๋ชจ์ ๋ฐ ๊ธฐํ ์ค์ ์ ์กฐ์ ํ๋ ค๊ณ ํ ์ ์์ต๋๋ค. ์คํ์ผ๋ง์ ๋ํ ์์ธํ ๋ด์ฉ์ ๋ฉ์ฝ ์ฐจํธ ์คํ์ผ๋ง์ ์ฐธ์กฐํ์ญ์์ค. ์ฐจํธ ๋ชจ์์ ๋ค๋ฅธ ์ธก๋ฉด์ ์ฌ์ฉ์ ์ง์ ํ๋ ๋ฐฉ๋ฒ์ ๋ํ ์์ธํ ๋ด์ฉ์ ์๊ฐํ ๋ชจ์ ๋ณ๊ฒฝ์ ์ฐธ์กฐํ์ญ์์ค.
๋ฉ์ฝ ์ฐจํธ ์คํ์ผ๋ง
๊ณ ๊ธ ์ต์ ์ ์ฌ์ฉํ๋๋ก ์ค์ ํ๋ฉด ์์ฑ ํจ๋์ ๋ชจ์์์ ๋ค์ํ ์คํ์ผ๋ง ์ต์ ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
๋ชจ์ > ํ๋ ์ ํ
์ด์
์์ ์คํ์ผ๋ง์ ํด๋ฆญํ์ฌ ์ฐจํธ์ ์คํ์ผ๋ง์ ์ถ๊ฐ๋ก ์ฌ์ฉ์ ์ง์ ํฉ๋๋ค. ์คํ์ผ๋ง ํจ๋์๋ ์ผ๋ฐ ๋ฐ ์ฐจํธ ํญ ์๋์ ๋ค์ํ ์น์
์ด ์์ต๋๋ค.
๊ฐ ์น์
์์ ์๋ ์ ํด๋ฆญํ์ฌ ์คํ์ผ์ ๋ค์ ์ค์ ํ ์ ์์ต๋๋ค.
๋ชจ๋ ๋ค์ ์ค์ ์ ํด๋ฆญํ๋ฉด ์คํ์ผ๋ง ํจ๋์์ ์ฌ์ฉํ ์ ์๋ ๋ชจ๋ ํญ์ ์คํ์ผ์ด ๋ค์ ์ค์ ๋ฉ๋๋ค.
๊ฐ๋ณ ์๊ฐํ ์คํ์ผ๋ง์ ๋ํ ์ผ๋ฐ์ ์ธ ์ ๋ณด๋ ์๊ฐํ์ ์ฌ์ฉ์ ์ง์ ์คํ์ผ๋ง ์ ์ฉ์ ์ฐธ์กฐํ์ญ์์ค.
ํ ์คํธ ์ฌ์ฉ์ ์ง์
๋ชจ์ > ์ผ๋ฐ์์ ์ ๋ชฉ, ๋ถ์ ๋ฐ ๊ฐ์ฃผ์ ๋ํ ํ ์คํธ๋ฅผ ์ค์ ํ ์ ์์ต๋๋ค. ์ด๋ฌํ ์์๋ฅผ ์จ๊ธฐ๋ ค๋ฉด ์ ๋ชฉ ํ์๋ฅผ ํด์ ํฉ๋๋ค.
์ฐจํธ์์ ๋ค๋ฅธ ๋ ์ด๋ธ์ ๊ฐ์์ฑ์ ์ฐจํธ๋ณ ์ค์ ๋ฐ ๋ ์ด๋ธ ํ์ ์ต์ ์ ๋ฐ๋ผ ๋ค๋ฆ ๋๋ค. ์์ฑ ํจ๋์์ ๊ตฌ์ฑํ ์ ์์ต๋๋ค.
์ฐจํธ์ ํ์๋๋ ํ ์คํธ์ ์คํ์ผ์ ์ง์ ํ ์ ์์ต๋๋ค.
๋ค์๊ณผ ๊ฐ์ด ํ์ญ์์ค.
-
๊ณ ๊ธ ์ต์ ์ ํด๋ฆญํฉ๋๋ค.
-
์์ฑ ํจ๋์์ ๋ชจ์ ์น์ ์ ํ์ฅํฉ๋๋ค.
-
๋ชจ์ > ํ๋ ์ ํ ์ด์ ์์
์คํ์ผ๋ง์ ํด๋ฆญํฉ๋๋ค.
-
์ผ๋ฐ ํญ์์ ๋ค์ ํ ์คํธ ์์์ ๊ธ๊ผด, ๊ฐ์กฐ ์คํ์ผ, ๊ธ๊ผด ํฌ๊ธฐ ๋ฐ ์์ ์ค์ ํฉ๋๋ค.
-
์ ๋ชฉ
-
๋ถ์
-
๊ฐ์ฃผ
-
-
์ฐจํธ ํญ์์ ๋ค์ ํ ์คํธ ์์์ ๊ธ๊ผด, ๊ธ๊ผด ํฌ๊ธฐ ๋ฐ ์์ ์ค์ ํฉ๋๋ค.
-
์ถ ๋ ์ด๋ธ: ์ถ์ ๋ ์ด๋ธ์ ์คํ์ผ์ ์ง์ ํฉ๋๋ค.
-
๊ฐ ๋ ์ด๋ธ: ๊ณ์ธต ๊ตฌ์กฐ์์ ์์ ๊ทธ๋ฃนํ์ ์ดํฉ์ ๊ฐ ๊ฐ์ด ๊ธฐ์ฌํ ๋ฐฑ๋ถ์จ์ ํฌํจํ์ฌ ์ฐจ์ ๋ฐ ์ธก์ ๊ฐ์ ๋ ์ด๋ธ ์คํ์ผ์ ์ง์ ํฉ๋๋ค.
-
๋ฒ๋ก ์ ๋ชฉ: ๋ฒ๋ก์ ์ ๋ชฉ์ ์คํ์ผ์ ์ง์ ํฉ๋๋ค.
-
๋ฒ๋ก ๋ ์ด๋ธ: ๊ฐ๋ณ ๋ฒ๋ก ํญ๋ชฉ์ ๋ ์ด๋ธ ์คํ์ผ์ ์ง์ ํฉ๋๋ค.
-
๋ฐฐ๊ฒฝ ์ฌ์ฉ์ ์ง์
์ฐจํธ์ ๋ฐฐ๊ฒฝ์ ์ฌ์ฉ์ ์ง์ ํ ์ ์์ต๋๋ค. ๋ฐฐ๊ฒฝ์ ์๊ณผ ์ด๋ฏธ์ง๋ณ๋ก ์ค์ ํ ์ ์์ต๋๋ค.
๋ค์๊ณผ ๊ฐ์ด ํ์ญ์์ค.
-
๊ณ ๊ธ ์ต์ ์ ํด๋ฆญํฉ๋๋ค.
-
์์ฑ ํจ๋์์ ๋ชจ์ ์น์ ์ ํ์ฅํฉ๋๋ค.
-
๋ชจ์ > ํ๋ ์ ํ ์ด์ ์์
์คํ์ผ๋ง์ ํด๋ฆญํฉ๋๋ค.
-
์คํ์ผ๋ง ํจ๋์ ์ผ๋ฐ ํญ์์ ๋ฐฐ๊ฒฝ์(๋จ์ ๋๋ ํํ์)์ ์ ํํ ์ ์์ต๋๋ค. ๋ฏธ๋์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ URL์์ ์ด๋ฏธ์ง๋ฅผ ์ ํํ์ฌ ๋ฐฐ๊ฒฝ์ ์ค์ ํ ์๋ ์์ต๋๋ค.
์ ๋ณด ๋ฉ๋ชจURL์์ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ๋ ค๋ฉด ํด๋น URL์ ์๋ณธ์ ํ ๋ํธ์ ์ฝํ ์ธ ๋ณด์ ์ ์ฑ ์ ์๋ ํ์ฉ ๋ชฉ๋ก์ ์ถ๊ฐํด์ผ ํฉ๋๋ค. img-src ์ง์นจ์ ์ฌ์ฉํ์ฌ ์๋ณธ์ ์ถ๊ฐํด์ผ ํฉ๋๋ค. ์ด ์์ ์ ํ ๋ํธ ๊ด๋ฆฌ์๊ฐ ์ํํฉ๋๋ค.
์์ธํ ๋ด์ฉ์ CSP ํญ๋ชฉ ๋ง๋ค๊ธฐ์ ์ฐธ์กฐํ์ญ์์ค.
๋ฐฐ๊ฒฝ์์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ ์ฌ๋ผ์ด๋๋ฅผ ์ฌ์ฉํ์ฌ ๋ฐฐ๊ฒฝ์ ๋ถํฌ๋ช ๋๋ฅผ ์กฐ์ ํฉ๋๋ค.
๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง๋ฅผ ์ฌ์ฉํ ๋ ์ด๋ฏธ์ง ํฌ๊ธฐ์ ์์น๋ฅผ ์กฐ์ ํ ์ ์์ต๋๋ค.
ํ ๋๋ฆฌ ๋ฐ ๊ทธ๋ฆผ์ ์ฌ์ฉ์ ์ง์
์ฐจํธ์ ํ ๋๋ฆฌ์ ๊ทธ๋ฆผ์๋ฅผ ์ฌ์ฉ์ ์ง์ ํ ์ ์์ต๋๋ค.
๋ค์๊ณผ ๊ฐ์ด ํ์ญ์์ค.
-
๊ณ ๊ธ ์ต์ ์ ํด๋ฆญํฉ๋๋ค.
-
์์ฑ ํจ๋์์ ๋ชจ์ ์น์ ์ ํ์ฅํฉ๋๋ค.
-
๋ชจ์ > ํ๋ ์ ํ ์ด์ ์์
์คํ์ผ๋ง์ ํด๋ฆญํฉ๋๋ค.
-
์คํ์ผ๋ง ํจ๋์ ์ผ๋ฐ ํญ์ ์๋ ํ ๋๋ฆฌ์์ ์ค๊ณฝ์ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ์ฌ ์ฐจํธ ์ฃผ๋ณ์ ํ ๋๋ฆฌ ์ ์ ๋๋ฆฌ๊ฑฐ๋ ์ค์ ๋๋ค.
-
ํ ๋๋ฆฌ ์์ ์ ํํฉ๋๋ค.
-
๋ชจ์๋ฆฌ ๋ฐ๊ฒฝ์ ์กฐ์ ํ์ฌ ํ ๋๋ฆฌ์ ์ํ ์ ๋๋ฅผ ์ ์ดํฉ๋๋ค.
-
์ผ๋ฐ ํญ์ ๊ทธ๋ฆผ์์์ ๊ทธ๋ฆผ์ ํฌ๊ธฐ์ ์์ ์ ํํฉ๋๋ค. ๊ทธ๋ฆผ์๋ฅผ ์ ๊ฑฐํ๋ ค๋ฉด ์์์ ์ ํํฉ๋๋ค.