Early Access: The content on this website is provided for informational purposes only in connection with pre-General Availability Qlik Products.
All content is subject to change and is provided without warranty.
๊ธฐ๋ณธ ์ฝ˜ํ…์ธ ๋กœ ๊ฑด๋„ˆ๋›ฐ๊ธฐ ๋ณด์™„์ ์ธ ์ฝ˜ํ…์ธ ๋กœ ๊ฑด๋„ˆ๋›ฐ๊ธฐ

mekko ์ฐจํŠธ ๋งŒ๋“ค๊ธฐ

mekko ์ฐจํŠธ๋Š” ๊ทธ๋ฃน์„ ๋น„๊ตํ•˜๊ณ  ๊ทธ๋ฃน ๋‚ด ํฌํ•จ๋œ ๋ฒ”์ฃผ ํ•ญ๋ชฉ์„ ๋น„๊ตํ•˜๋Š” ๋ฐ ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค. Mekko ์ฐจํŠธ๋Š” ๋ชจ์ž์ดํฌ ๋„ํ‘œ, Marimekko ์ฐจํŠธ ๋ฐ Mondrian ๋‹ค์ด์–ด๊ทธ๋žจ์ด๋ผ๊ณ ๋„ ํ•ฉ๋‹ˆ๋‹ค. ์ฐจ์› ์ถ•์—๋Š” ๊ทธ๋ฃน์ด ํ‘œ์‹œ๋˜๊ณ  ์ธก์ •๊ฐ’ ์ถ•์—๋Š” ๊ฐ ๋ฒ”์ฃผ ํ•ญ๋ชฉ์— ๋Œ€ํ•œ ์ •๊ทœํ™”๋œ ๋ฐฑ๋ถ„์œจ ๊ฐ’์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ๊ฐ ๊ทธ๋ฃน์˜ ํฌ๊ธฐ๋Š” ํ•ด๋‹น ๊ฐ’์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค.

ํŽธ์ง‘ ์ค‘์ธ ์‹œํŠธ์— ๊ฐ„๋‹จํ•œ mekko ์ฐจํŠธ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  1. ์ž์‚ฐ ํŒจ๋„์—์„œ ๋นˆ mekko ์ฐจํŠธ๋ฅผ ์‹œํŠธ๋กœ ๋•๋‹ˆ๋‹ค.
  2. ์ฐจ์› ์ถ”๊ฐ€๋ฅผ ํด๋ฆญํ•˜๊ณ  ์ฐจ์› ๋˜๋Š” ํ•„๋“œ๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค. ์ด ์ฐจ์›์€ ๊ทธ๋ฃนํ™”๋ฅผ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค.
  3. ๊ณ„์ธต ์ˆ˜์ค€์˜ ์ˆœ์„œ๋กœ ๋‘ ๋ฒˆ์งธ ์ฐจ์›์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค. ์ถ”๊ฐ€ํ•˜๋Š” ๋‘ ๋ฒˆ์งธ ์ฐจ์›์€ ๋ฒ”์ฃผ๋ฅผ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค.
  4. ์ธก์ •๊ฐ’ ์ถ”๊ฐ€๋ฅผ ํด๋ฆญํ•˜๊ณ  ์ธก์ •๊ฐ’์„ ์„ ํƒํ•˜๊ฑฐ๋‚˜ ํ•„๋“œ์—์„œ ์ธก์ •๊ฐ’์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

mekko ์ฐจํŠธ์—๋Š” ๋‘ ๊ฐœ์˜ ์ฐจ์›๊ณผ ํ•˜๋‚˜์˜ ์ธก์ •๊ฐ’์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

์ฒซ ๋ฒˆ์งธ ์ฐจ์›์— ํ•ด๋‹นํ•˜๋Š” ๊ฐ ๋ง‰๋Œ€๋Š” ๋‘ ๋ฒˆ์งธ ์ฐจ์›์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์ž‘์€ ๋ฒ”์ฃผ๋กœ ๋‚˜๋‰ฉ๋‹ˆ๋‹ค. ์ธก์ •๊ฐ’์— ๋”ฐ๋ผ ๋ง‰๋Œ€ ํฌ๊ธฐ ๋ฐ ๊ฐ ๋ง‰๋Œ€ ๋‚ด ๊ด€๋ จ ๋ฒ”์ฃผ์˜ ๋†’์ด๊ฐ€ ๊ฒฐ์ •๋ฉ๋‹ˆ๋‹ค.

๋ฉ”์ฝ” ์ฐจํŠธ๋ฅผ ๋งŒ๋“ค์—ˆ์œผ๋ฉด ๊ณ ๊ธ‰ ํŽธ์ง‘ ๋ชจ๋“œ์—์„œ ๋ชจ์–‘ ๋ฐ ๊ธฐํƒ€ ์„ค์ •์„ ์กฐ์ •ํ•˜๋ ค๊ณ  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์Šคํƒ€์ผ๋ง์— ๋Œ€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์€ ๋ฉ”์ฝ” ์ฐจํŠธ ์Šคํƒ€์ผ๋ง์„ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค. ์ฐจํŠธ ๋ชจ์–‘์˜ ๋‹ค๋ฅธ ์ธก๋ฉด์„ ์‚ฌ์šฉ์ž ์ง€์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์‹œ๊ฐํ™” ๋ชจ์–‘ ๋ณ€๊ฒฝ์„ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค.

๋ฉ”์ฝ” ์ฐจํŠธ ์Šคํƒ€์ผ๋ง

๊ณ ๊ธ‰ ์˜ต์…˜์„ ์‚ฌ์šฉํ•˜๋„๋ก ์„ค์ •ํ•˜๋ฉด ์†์„ฑ ํŒจ๋„์˜ ๋ชจ์–‘์—์„œ ๋‹ค์–‘ํ•œ ์Šคํƒ€์ผ๋ง ์˜ต์…˜์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ชจ์–‘ > ํ”„๋ ˆ์  ํ…Œ์ด์…˜์—์„œ ์ƒ‰์ƒํ‘œ์Šคํƒ€์ผ๋ง์„ ํด๋ฆญํ•˜์—ฌ ์ฐจํŠธ์˜ ์Šคํƒ€์ผ๋ง์„ ์ถ”๊ฐ€๋กœ ์‚ฌ์šฉ์ž ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค. ์Šคํƒ€์ผ๋ง ํŒจ๋„์—๋Š” ์ผ๋ฐ˜ ๋ฐ ์ฐจํŠธ ํƒญ ์•„๋ž˜์— ๋‹ค์–‘ํ•œ ์„น์…˜์ด ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฐ ์„น์…˜ ์˜†์— ์žˆ๋Š” ๋‹ค์‹œ ์„ค์ •์„ ํด๋ฆญํ•˜์—ฌ ์Šคํƒ€์ผ์„ ๋‹ค์‹œ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์‹œ ์„ค์ • ๋ชจ๋‘ ๋‹ค์‹œ ์„ค์ •์„ ํด๋ฆญํ•˜๋ฉด ์Šคํƒ€์ผ๋ง ํŒจ๋„์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ชจ๋“  ํƒญ์˜ ์Šคํƒ€์ผ์ด ๋‹ค์‹œ ์„ค์ •๋ฉ๋‹ˆ๋‹ค.

๊ฐœ๋ณ„ ์‹œ๊ฐํ™” ์Šคํƒ€์ผ๋ง์— ๋Œ€ํ•œ ์ผ๋ฐ˜์ ์ธ ์ •๋ณด๋Š” ์‹œ๊ฐํ™”์— ์‚ฌ์šฉ์ž ์ง€์ • ์Šคํƒ€์ผ๋ง ์ ์šฉ์„ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค.

ํ…์ŠคํŠธ ์‚ฌ์šฉ์ž ์ง€์ •

๋ชจ์–‘ > ์ผ๋ฐ˜์—์„œ ์ œ๋ชฉ, ๋ถ€์ œ ๋ฐ ๊ฐ์ฃผ์— ๋Œ€ํ•œ ํ…์ŠคํŠธ๋ฅผ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์š”์†Œ๋ฅผ ์ˆจ๊ธฐ๋ ค๋ฉด ์ œ๋ชฉ ํ‘œ์‹œ๋ฅผ ํ•ด์ œํ•ฉ๋‹ˆ๋‹ค.

์ฐจํŠธ์—์„œ ๋‹ค๋ฅธ ๋ ˆ์ด๋ธ”์˜ ๊ฐ€์‹œ์„ฑ์€ ์ฐจํŠธ๋ณ„ ์„ค์ • ๋ฐ ๋ ˆ์ด๋ธ” ํ‘œ์‹œ ์˜ต์…˜์— ๋”ฐ๋ผ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ์†์„ฑ ํŒจ๋„์—์„œ ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ฐจํŠธ์— ํ‘œ์‹œ๋˜๋Š” ํ…์ŠคํŠธ์˜ ์Šคํƒ€์ผ์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  1. ๊ณ ๊ธ‰ ์˜ต์…˜์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

  2. ์†์„ฑ ํŒจ๋„์—์„œ ๋ชจ์–‘ ์„น์…˜์„ ํ™•์žฅํ•ฉ๋‹ˆ๋‹ค.

  3. ๋ชจ์–‘ํ”„๋ ˆ์  ํ…Œ์ด์…˜์—์„œ ์ƒ‰์ƒํ‘œ ์Šคํƒ€์ผ๋ง์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

  4. ์ผ๋ฐ˜ ํƒญ์—์„œ ๋‹ค์Œ ํ…์ŠคํŠธ ์š”์†Œ์˜ ๊ธ€๊ผด, ๊ฐ•์กฐ ์Šคํƒ€์ผ, ๊ธ€๊ผด ํฌ๊ธฐ ๋ฐ ์ƒ‰์„ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.

    • ์ œ๋ชฉ

    • ๋ถ€์ œ

    • ๊ฐ์ฃผ

  5. ์ฐจํŠธ ํƒญ์—์„œ ๋‹ค์Œ ํ…์ŠคํŠธ ์š”์†Œ์˜ ๊ธ€๊ผด, ๊ธ€๊ผด ํฌ๊ธฐ ๋ฐ ์ƒ‰์„ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.

    • ์ถ• ๋ ˆ์ด๋ธ”: ์ถ•์˜ ๋ ˆ์ด๋ธ”์— ์Šคํƒ€์ผ์„ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค.

    • ๊ฐ’ ๋ ˆ์ด๋ธ”: ๊ณ„์ธต ๊ตฌ์กฐ์—์„œ ์ƒ์œ„ ๊ทธ๋ฃนํ™”์˜ ์ดํ•ฉ์— ๊ฐ ๊ฐ’์ด ๊ธฐ์—ฌํ•œ ๋ฐฑ๋ถ„์œจ์„ ํฌํ•จํ•˜์—ฌ ์ฐจ์› ๋ฐ ์ธก์ •๊ฐ’์˜ ๋ ˆ์ด๋ธ” ์Šคํƒ€์ผ์„ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค.

    • ๋ฒ”๋ก€ ์ œ๋ชฉ: ๋ฒ”๋ก€์˜ ์ œ๋ชฉ์— ์Šคํƒ€์ผ์„ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค.

    • ๋ฒ”๋ก€ ๋ ˆ์ด๋ธ”: ๊ฐœ๋ณ„ ๋ฒ”๋ก€ ํ•ญ๋ชฉ์˜ ๋ ˆ์ด๋ธ” ์Šคํƒ€์ผ์„ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค.

๋ฐฐ๊ฒฝ ์‚ฌ์šฉ์ž ์ง€์ •

์ฐจํŠธ์˜ ๋ฐฐ๊ฒฝ์„ ์‚ฌ์šฉ์ž ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฐฐ๊ฒฝ์€ ์ƒ‰๊ณผ ์ด๋ฏธ์ง€๋ณ„๋กœ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  1. ๊ณ ๊ธ‰ ์˜ต์…˜์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

  2. ์†์„ฑ ํŒจ๋„์—์„œ ๋ชจ์–‘ ์„น์…˜์„ ํ™•์žฅํ•ฉ๋‹ˆ๋‹ค.

  3. ๋ชจ์–‘ํ”„๋ ˆ์  ํ…Œ์ด์…˜์—์„œ ์ƒ‰์ƒํ‘œ ์Šคํƒ€์ผ๋ง์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

  4. ์Šคํƒ€์ผ๋ง ํŒจ๋„์˜ ์ผ๋ฐ˜ ํƒญ์—์„œ ๋ฐฐ๊ฒฝ์ƒ‰(๋‹จ์ƒ‰ ๋˜๋Š” ํ‘œํ˜„์‹)์„ ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฏธ๋””์–ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‚˜ URL์—์„œ ์ด๋ฏธ์ง€๋ฅผ ์„ ํƒํ•˜์—ฌ ๋ฐฐ๊ฒฝ์„ ์„ค์ •ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

    ์ •๋ณด ๋ฉ”๋ชจ

    URL์—์„œ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€๋ฅผ ์ถ”๊ฐ€ํ•˜๋ ค๋ฉด ํ•ด๋‹น URL์˜ ์›๋ณธ์„ ํ…Œ๋„ŒํŠธ์˜ ์ฝ˜ํ…์ธ  ๋ณด์•ˆ ์ •์ฑ…์— ์žˆ๋Š” ํ—ˆ์šฉ ๋ชฉ๋ก์— ์ถ”๊ฐ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. img-src ์ง€์นจ์„ ์‚ฌ์šฉํ•˜์—ฌ ์›๋ณธ์„ ์ถ”๊ฐ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด ์ž‘์—…์€ ํ…Œ๋„ŒํŠธ ๊ด€๋ฆฌ์ž๊ฐ€ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

    ์ž์„ธํ•œ ๋‚ด์šฉ์€ CSP ํ•ญ๋ชฉ ๋งŒ๋“ค๊ธฐ์„ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค.

    ๋ฐฐ๊ฒฝ์ƒ‰์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ ์Šฌ๋ผ์ด๋”๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐฐ๊ฒฝ์˜ ๋ถˆํˆฌ๋ช…๋„๋ฅผ ์กฐ์ •ํ•ฉ๋‹ˆ๋‹ค.

    ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์ด๋ฏธ์ง€ ํฌ๊ธฐ์™€ ์œ„์น˜๋ฅผ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ…Œ๋‘๋ฆฌ ๋ฐ ๊ทธ๋ฆผ์ž ์‚ฌ์šฉ์ž ์ง€์ •

์ฐจํŠธ์˜ ํ…Œ๋‘๋ฆฌ์™€ ๊ทธ๋ฆผ์ž๋ฅผ ์‚ฌ์šฉ์ž ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  1. ๊ณ ๊ธ‰ ์˜ต์…˜์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

  2. ์†์„ฑ ํŒจ๋„์—์„œ ๋ชจ์–‘ ์„น์…˜์„ ํ™•์žฅํ•ฉ๋‹ˆ๋‹ค.

  3. ๋ชจ์–‘ํ”„๋ ˆ์  ํ…Œ์ด์…˜์—์„œ ์ƒ‰์ƒํ‘œ์Šคํƒ€์ผ๋ง์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

  4. ์Šคํƒ€์ผ๋ง ํŒจ๋„์˜ ์ผ๋ฐ˜ ํƒญ์— ์žˆ๋Š” ํ…Œ๋‘๋ฆฌ์—์„œ ์œค๊ณฝ์„  ํฌ๊ธฐ๋ฅผ ์กฐ์ •ํ•˜์—ฌ ์ฐจํŠธ ์ฃผ๋ณ€์˜ ํ…Œ๋‘๋ฆฌ ์„ ์„ ๋Š˜๋ฆฌ๊ฑฐ๋‚˜ ์ค„์ž…๋‹ˆ๋‹ค.

  5. ํ…Œ๋‘๋ฆฌ ์ƒ‰์„ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

  6. ๋ชจ์„œ๋ฆฌ ๋ฐ˜๊ฒฝ์„ ์กฐ์ •ํ•˜์—ฌ ํ…Œ๋‘๋ฆฌ์˜ ์›ํ˜• ์ •๋„๋ฅผ ์ œ์–ดํ•ฉ๋‹ˆ๋‹ค.

  7. ์ผ๋ฐ˜ ํƒญ์˜ ๊ทธ๋ฆผ์ž์—์„œ ๊ทธ๋ฆผ์ž ํฌ๊ธฐ์™€ ์ƒ‰์„ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆผ์ž๋ฅผ ์ œ๊ฑฐํ•˜๋ ค๋ฉด ์—†์Œ์„ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๊นŒ?

์ด ํŽ˜์ด์ง€ ๋˜๋Š” ํ•ด๋‹น ์ฝ˜ํ…์ธ ์—์„œ ์˜คํƒ€, ๋ˆ„๋ฝ๋œ ๋‹จ๊ณ„ ๋˜๋Š” ๊ธฐ์ˆ ์  ์˜ค๋ฅ˜์™€ ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ ๋ฐœ๊ฒฌํ•˜๋ฉด ๊ฐœ์„  ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค ์ฃผ์‹ญ์‹œ์˜ค!