์ค๋์ ์ ๊ฐ ์ปค์คํ ํ ์คํจ์ ๋ํด ์๊ฐํด๋ณผ๊น ํฉ๋๋ค.
๋จผ์ ์ ๊ฐ ์ฌ์ฉํ๊ณ ์๋ ์คํจ์ ์ ์์ฐ ๋์ hELLO ์คํจ์ ๋๋ค.
์๋์ ๋งํฌ๋ฅผ ํ๊ณ ๋ค์ด๊ฐ๋ฉด ๋ฌด๋ฃ๋ก ๊ณ ํ๋ฆฌํฐ์ ๋คํฌ๋ชจ๋ ์คํจ์ ๋ค์ด๋ก๋ํ ์ ์์ต๋๋ค.
์ปค์คํ ์ ๋ํ์ฌ
๊ทธ๋ฅ ์ผ๋ฐ์ ์ธ ์ ์์ฐ๋์ ๋คํฌ๋ชจ๋ ์คํจ๋ ๋๋ฌด ๋ฉ์๊ณ ์ข์ง๋ง
์ธ๊ธฐ๊ฐ ๋ง์ ๋งํผ ๋ค๋ฅธ ๋ธ๋ก๊ทธ๋ฅผ ๋์๋ค๋๋ค ๋ณด๋ฉด ๋๊ฐ์ ์คํจ์ ์ข ์ข ๋ฐ๊ฒฌํ๊ณค ํฉ๋๋ค.
๊ทธ๋์ ์ ๋ ์ ๋ง์ ํน์์๋ ํฌ์ธํธ๋ค์ ์ค์ ์ผ๋ฐ ๋คํฌ๋ชจ๋์๋ ์ฐจ๋ณ์ ์ ๋์ด์ผ๊ฒ ๋ค๊ณ ์๊ฐํ์ต๋๋ค.
์ปค์คํ ํ ๋ถ๋ถ
์ ๊ฐ ์ปค์คํ ํ ๋ถ๋ถ์ ํฌ๊ฒ 4๊ฐ ์ ๋ ๋๋ ๊ฑฐ ๊ฐ์ต๋๋ค.
ํ๋กํ ์ฌ์ง ํ ๋๋ฆฌ ์
์ฒซ๋ฒ์งธ๋ก ์ปค์คํ ์ ํ ๋ถ๋ถ์ ํ๋กํ์ ํ ๋๋ฆฌ ์์ ๋๋ค.
์ง์ ํ์๊ณผ ์ ์ด์ธ๋ฆฌ๋ ์บ๋น ์์ Cabin Hues (์ปฌ๋ฌ์ฝ๋ : #703 F4 B)์ผ๋ก ์์ ์ง์ ํด ์ฃผ์์ต๋๋ค.
์ ๋ ๋์ ์ฐ์ฃผ๋์ ์ด ๊ธ์ ์ฐธ๊ณ ํ์ฌ ํ ๋๋ฆฌ๋ฅผ ์์ ํ์์ต๋๋ค. (๊ด์ฌ ์์ผ์ ๋ถ๋ค์ ์ฐธ๊ณ ํด ์ฃผ์ธ์.)
https://yunheeverse.tistory.com/4
์์์ ๋์์ธ ๋๋๋์ ์์ ์ถ์ฒ ํฌ์คํ ์ ์ฐธ๊ณ ํ์์ต๋๋ค.
https://everythingdesign.tistory.com/28
๋ฐ๋ก๊ฐ๊ธฐ ์์คํ (๊นํ๋ธ, ๋ค์ด๋ฒ๋ธ๋ก๊ทธ, ๋ ธ์ ๋ฑ๋ฑ)
๋ ๋ฒ์งธ๋ก ์ปค์คํ ํ ๋ถ๋ถ์ ๋ฐ๋ก ํ๋กํ ์๋์ (๊นํ๋ธ, ๋ค์ด๋ฒ๋ธ๋ก๊ทธ, ๋ ธ์ ) ๋ฐ๋ก ๊ฐ๊ธฐ์ ๋๋ค.
์ ๋ ์ด๋ฌํ ๊ธฐ๋ฅ์ด ๋๋ฌด ํธ๋ฆฌํ๊ณ ๋ณด๊ธฐ์๋ ์ข๋ค๊ณ ์๊ฐํ์ฌ ์ปค์คํ ํ๊ฒ ๋์๊ณ ์ด ๋ถ๋ถ ์ญ์ ๋์ ์ฐ์ฃผ๋ ํฌ์คํ ์ ์ฐธ๊ณ ํ์์ต๋๋ค.
https://yunheeverse.tistory.com/4
๋ ์นดํ ๊ณ ๋ฆฌ์ ํฌ์ธํธ ์ถ๊ฐ
์ธ ๋ฒ์งธ๋ก ์ปค์คํ ํ ๋ถ๋ถ์ ๋ ์นดํ ๊ณ ๋ฆฌ์ ํฌ์ธํธ๋ฅผ ์ถ๊ฐํด ์ฃผ๊ธฐ์ ๋๋ค.
์ ๋ ์บ๋น ์์์ผ๋ก ๋ ์นดํ ๊ณ ๋ฆฌ๋ฅผ ๊ตฌ๋ถํ ์ ์๋๋ก ํฌ์ธํธ๋ฅผ ์ฃผ์์ต๋๋ค.
์ด ๋ถ๋ถ์ ๊ฝ๋ด๋์ ๋ธ๋ก๊ทธ๋ฅผ ์ฐธ๊ณ ํ์์ต๋๋ค.
์์์ ๋์์ธ ๋๋๋์ ์์ ์ถ์ฒ ํฌ์คํ ์ ์ฐธ๊ณ ํ์์ต๋๋ค.
https://everythingdesign.tistory.com/28
์ ์นดํ ๊ณ ๋ฆฌ ๋ชฉ๋ก ํผ์น๊ธฐ
๋ง์ง๋ง์ผ๋ก ์คํจ์ ์ปค์คํ ํ ๋ถ๋ถ์ ์ ์นดํ ๊ณ ๋ฆฌ ํผ์น๊ธฐ์ ๋๋ค.
์๋ ์คํจ์ ๋ค์ด๋ก๋ํ์ฌ ์ ์ฉํ๊ฒ ๋๋ฉด ์ ์นดํ ๊ณ ๋ฆฌ ๋ชฉ๋ก๋ค์ด ์ ๋ณด์ ๋๋ค.
๊ทธ๋ฐ๋ฐ ์ ๋ ์ ์นดํ ๊ณ ๋ฆฌ๋ค์ ํผ์ณ๋๊ณ ์ถ์ด์ HTML ํธ์ง์ ๋ค์ด๊ฐ์ ์์ ์ ์กฐ๊ธ ํด์ฃผ์์ต๋๋ค.
์ ์นดํ ๊ณ ๋ฆฌ ํผ์น๋ ๋ฐฉ๋ฒ์ ๊ฐ๋จํฉ๋๋ค.
๋จผ์ ์คํจ ํธ์ง -> HTML ํธ์ง์ ๋ค์ด๊ฐ๋๋ค.
๊ทธ๋ค์ ์กฐ๊ธ๋ง ๋ด๋ฆฌ๋ฉด ์คํฌ๋ฆฝํธ ๋ถ๋ถ์ set skin option์ด๋ผ๋ ์ฃผ์์ด ๋ฌ๋ ค์๊ณ
์๋์ foldableCategory ๋ถ๋ถ๋ง ์ฃผ์์ฒ๋ฆฌ ํด์ฃผ์๋ฉด ์ ์นดํ ๊ณ ๋ฆฌ๋ค์ด ํผ์ณ์ง๋ ๋ชจ์ต์ ๋ณด์ค ์ ์์ต๋๋ค.
๋ง๋ฌด๋ฆฌ
์ด๋ ๊ฒ ์ ๊ฐ ์ปค์คํ ํ ๋ถ๋ถ์ ๋ค์ ์๊ฐํด๋ณด์์ต๋๋ค.
์ ๋ HTML, CSS์ ๋ํด ์ ๋ชจ๋ฅด์ง๋ง ๋ค๋ฅธ ๋ถ๋ค์ด ์๋ ค์ฃผ์ ๊ฒ์ ๋ณด๊ณ ๋ฐ๋ผ ํ๋ฉฐ ์กฐ๊ธ์ฉ ์ปค์คํ ํด๋ณด์์ต๋๋ค.
๋คํฌ๋ชจ๋ ์คํจ์ ์ปค์คํ ํ์๋ ๋ถ๋ค๊ป ์กฐ๊ธ์ด๋๋ง ๋์์ด ๋ ์ ์์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค.
๊ทธ๋ผ ์ ๋ ๋ค์ ๊ธ๋ก ์ฐพ์์ค๊ฒ ์ต๋๋ค.
๋ด์ฃผ์ ๋ถ๋ค ๋ชจ๋ ๊ฐ์ฌํฉ๋๋ค.
์ค๋์ ์ ๊ฐ ์ปค์คํ ํ ์คํจ์ ๋ํด ์๊ฐํด๋ณผ๊น ํฉ๋๋ค.
๋จผ์ ์ ๊ฐ ์ฌ์ฉํ๊ณ ์๋ ์คํจ์ ์ ์์ฐ ๋์ hELLO ์คํจ์ ๋๋ค.
์๋์ ๋งํฌ๋ฅผ ํ๊ณ ๋ค์ด๊ฐ๋ฉด ๋ฌด๋ฃ๋ก ๊ณ ํ๋ฆฌํฐ์ ๋คํฌ๋ชจ๋ ์คํจ์ ๋ค์ด๋ก๋ํ ์ ์์ต๋๋ค.
์ปค์คํ ์ ๋ํ์ฌ
๊ทธ๋ฅ ์ผ๋ฐ์ ์ธ ์ ์์ฐ๋์ ๋คํฌ๋ชจ๋ ์คํจ๋ ๋๋ฌด ๋ฉ์๊ณ ์ข์ง๋ง
์ธ๊ธฐ๊ฐ ๋ง์ ๋งํผ ๋ค๋ฅธ ๋ธ๋ก๊ทธ๋ฅผ ๋์๋ค๋๋ค ๋ณด๋ฉด ๋๊ฐ์ ์คํจ์ ์ข ์ข ๋ฐ๊ฒฌํ๊ณค ํฉ๋๋ค.
๊ทธ๋์ ์ ๋ ์ ๋ง์ ํน์์๋ ํฌ์ธํธ๋ค์ ์ค์ ์ผ๋ฐ ๋คํฌ๋ชจ๋์๋ ์ฐจ๋ณ์ ์ ๋์ด์ผ๊ฒ ๋ค๊ณ ์๊ฐํ์ต๋๋ค.
์ปค์คํ ํ ๋ถ๋ถ
์ ๊ฐ ์ปค์คํ ํ ๋ถ๋ถ์ ํฌ๊ฒ 4๊ฐ ์ ๋ ๋๋ ๊ฑฐ ๊ฐ์ต๋๋ค.
ํ๋กํ ์ฌ์ง ํ ๋๋ฆฌ ์
์ฒซ๋ฒ์งธ๋ก ์ปค์คํ ์ ํ ๋ถ๋ถ์ ํ๋กํ์ ํ ๋๋ฆฌ ์์ ๋๋ค.
์ง์ ํ์๊ณผ ์ ์ด์ธ๋ฆฌ๋ ์บ๋น ์์ Cabin Hues (์ปฌ๋ฌ์ฝ๋ : #703 F4 B)์ผ๋ก ์์ ์ง์ ํด ์ฃผ์์ต๋๋ค.
์ ๋ ๋์ ์ฐ์ฃผ๋์ ์ด ๊ธ์ ์ฐธ๊ณ ํ์ฌ ํ ๋๋ฆฌ๋ฅผ ์์ ํ์์ต๋๋ค. (๊ด์ฌ ์์ผ์ ๋ถ๋ค์ ์ฐธ๊ณ ํด ์ฃผ์ธ์.)
https://yunheeverse.tistory.com/4
์์์ ๋์์ธ ๋๋๋์ ์์ ์ถ์ฒ ํฌ์คํ ์ ์ฐธ๊ณ ํ์์ต๋๋ค.
https://everythingdesign.tistory.com/28
๋ฐ๋ก๊ฐ๊ธฐ ์์คํ (๊นํ๋ธ, ๋ค์ด๋ฒ๋ธ๋ก๊ทธ, ๋ ธ์ ๋ฑ๋ฑ)
๋ ๋ฒ์งธ๋ก ์ปค์คํ ํ ๋ถ๋ถ์ ๋ฐ๋ก ํ๋กํ ์๋์ (๊นํ๋ธ, ๋ค์ด๋ฒ๋ธ๋ก๊ทธ, ๋ ธ์ ) ๋ฐ๋ก ๊ฐ๊ธฐ์ ๋๋ค.
์ ๋ ์ด๋ฌํ ๊ธฐ๋ฅ์ด ๋๋ฌด ํธ๋ฆฌํ๊ณ ๋ณด๊ธฐ์๋ ์ข๋ค๊ณ ์๊ฐํ์ฌ ์ปค์คํ ํ๊ฒ ๋์๊ณ ์ด ๋ถ๋ถ ์ญ์ ๋์ ์ฐ์ฃผ๋ ํฌ์คํ ์ ์ฐธ๊ณ ํ์์ต๋๋ค.
https://yunheeverse.tistory.com/4
๋ ์นดํ ๊ณ ๋ฆฌ์ ํฌ์ธํธ ์ถ๊ฐ
์ธ ๋ฒ์งธ๋ก ์ปค์คํ ํ ๋ถ๋ถ์ ๋ ์นดํ ๊ณ ๋ฆฌ์ ํฌ์ธํธ๋ฅผ ์ถ๊ฐํด ์ฃผ๊ธฐ์ ๋๋ค.
์ ๋ ์บ๋น ์์์ผ๋ก ๋ ์นดํ ๊ณ ๋ฆฌ๋ฅผ ๊ตฌ๋ถํ ์ ์๋๋ก ํฌ์ธํธ๋ฅผ ์ฃผ์์ต๋๋ค.
์ด ๋ถ๋ถ์ ๊ฝ๋ด๋์ ๋ธ๋ก๊ทธ๋ฅผ ์ฐธ๊ณ ํ์์ต๋๋ค.
์์์ ๋์์ธ ๋๋๋์ ์์ ์ถ์ฒ ํฌ์คํ ์ ์ฐธ๊ณ ํ์์ต๋๋ค.
https://everythingdesign.tistory.com/28
์ ์นดํ ๊ณ ๋ฆฌ ๋ชฉ๋ก ํผ์น๊ธฐ
๋ง์ง๋ง์ผ๋ก ์คํจ์ ์ปค์คํ ํ ๋ถ๋ถ์ ์ ์นดํ ๊ณ ๋ฆฌ ํผ์น๊ธฐ์ ๋๋ค.
์๋ ์คํจ์ ๋ค์ด๋ก๋ํ์ฌ ์ ์ฉํ๊ฒ ๋๋ฉด ์ ์นดํ ๊ณ ๋ฆฌ ๋ชฉ๋ก๋ค์ด ์ ๋ณด์ ๋๋ค.
๊ทธ๋ฐ๋ฐ ์ ๋ ์ ์นดํ ๊ณ ๋ฆฌ๋ค์ ํผ์ณ๋๊ณ ์ถ์ด์ HTML ํธ์ง์ ๋ค์ด๊ฐ์ ์์ ์ ์กฐ๊ธ ํด์ฃผ์์ต๋๋ค.
์ ์นดํ ๊ณ ๋ฆฌ ํผ์น๋ ๋ฐฉ๋ฒ์ ๊ฐ๋จํฉ๋๋ค.
๋จผ์ ์คํจ ํธ์ง -> HTML ํธ์ง์ ๋ค์ด๊ฐ๋๋ค.
๊ทธ๋ค์ ์กฐ๊ธ๋ง ๋ด๋ฆฌ๋ฉด ์คํฌ๋ฆฝํธ ๋ถ๋ถ์ set skin option์ด๋ผ๋ ์ฃผ์์ด ๋ฌ๋ ค์๊ณ
์๋์ foldableCategory ๋ถ๋ถ๋ง ์ฃผ์์ฒ๋ฆฌ ํด์ฃผ์๋ฉด ์ ์นดํ ๊ณ ๋ฆฌ๋ค์ด ํผ์ณ์ง๋ ๋ชจ์ต์ ๋ณด์ค ์ ์์ต๋๋ค.
๋ง๋ฌด๋ฆฌ
์ด๋ ๊ฒ ์ ๊ฐ ์ปค์คํ ํ ๋ถ๋ถ์ ๋ค์ ์๊ฐํด๋ณด์์ต๋๋ค.
์ ๋ HTML, CSS์ ๋ํด ์ ๋ชจ๋ฅด์ง๋ง ๋ค๋ฅธ ๋ถ๋ค์ด ์๋ ค์ฃผ์ ๊ฒ์ ๋ณด๊ณ ๋ฐ๋ผ ํ๋ฉฐ ์กฐ๊ธ์ฉ ์ปค์คํ ํด๋ณด์์ต๋๋ค.
๋คํฌ๋ชจ๋ ์คํจ์ ์ปค์คํ ํ์๋ ๋ถ๋ค๊ป ์กฐ๊ธ์ด๋๋ง ๋์์ด ๋ ์ ์์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค.
๊ทธ๋ผ ์ ๋ ๋ค์ ๊ธ๋ก ์ฐพ์์ค๊ฒ ์ต๋๋ค.
๋ด์ฃผ์ ๋ถ๋ค ๋ชจ๋ ๊ฐ์ฌํฉ๋๋ค.