
UIUX ํฌํธํด๋ฆฌ์ค Part.3 - ๋ฐ์ํ ์น ํฌํธํด๋ฆฌ์ค
LIZ.B
๊ธฐํ-๋์์ธ-๊ตฌํ ํ๋ก์ธ์ค์ ์ธ๋ฒ์งธ ๊ณผ์ - ๋ฐ์ํ ์น ํฌํธํด๋ฆฌ์ค ํ ํ๋ฆฟ ์ ์
์ด๊ธ
๋ฐ์ํ ์น, JavaScript, jQuery
์น๋์์ธ๊ธฐ๋ฅ์ฌ ์ค๊ธฐ ์ํ์ ์ค๋นํ์๋ ๋ถ๋ค์๊ฒ ์งง๊ณ ์ฝ๊ฒ ๋ฐฐ์ฐ๋ ๊ฐ์ข๋ฅผ ์ค๋นํ์ต๋๋ค. ๋จ์ง ์ํ ๋๋ฌธ์ด ์๋๋๋ผ๋, ์นํ์ค ์์์ ๋ง๋ ์ฌ์ดํธ ๊ตฌํ์ ๊ด์ฌ์์ผ์ ๋ถ์ด๋ผ๋ฉด ํ์ํฉ๋๋ค.
์๊ฒฉ์ฆ ํฉ๊ฒฉ์ ๊ณ ๋์ ์ ํ์์์ด์! ๊ทธ๋ฅ ํฉ๊ฒฉํ๊ณ ์ถ์ผ์ ๋ถ
์น ๋์์ธ ๊ธฐ๋ฅ์ฌ ์ค๊ธฐ ๋ฌธ์ ์ ํ ํ์
์น ๋์์ธ ๊ธฐ๋ฅ์ฌ ์ค๊ธฐ ๋ฌธ์ ํ์ด ๋ฐ ์ค์ต
์งง์์๊ฐ ํ์ํ ๋ด์ฉ๋ง ์ ๋นผ๋ด์ ์ํ์ ์ค๋นํ์ค๋ถ
HTML/CSS+jQuery ํต์ฌ ์ด๋ก ์ค๊ธฐ
์ฝ๊ณ ! ์งง๊ณ ! ๊ฐํ๊ฒ ์ค๋นํ์ธ์!
2021๋
์น๋์์ธ ๊ธฐ๋ฅ์ฌ ์ค๊ธฐ์ํ ์๋ฒฝ ๊ฐ์ด๋
30์ผ ์ ๋ ๋ฐ์ง ๊ณต๋ถํ์ธ์, ์ฝ๋ฉ์ โ์ฝโ ์๋ ๋ชฐ๋ผ๋ ํฉ๊ฒฉํ ์ ์์ต๋๋ค.
ํ์ํ ๋ด์ฉ๋ง ์~ ๊ณจ๋ผ์ ๊ณต๋ถํ๊ณ ํฉ๊ฒฉํ์๋ฉด ๋ฉ๋๋ค.
ํฉ๊ฒฉ์ ํ์ํ ๋ด์ฉ๋ง ๋ฝ์์ ์๊ฐ์ ์ ์ฝํ์ธ์!
โ
์ฝ๊ณ ์ฌ๋ฏธ์๊ฒ ๋ฐฐ์ฐ๋ ๊ฐ์, ์ฝ๋ฉ์ ์ฆ๊ฑฐ์์ ์๊ฒ ๋์ค ๊ฑฐ์์!
โ
ํ๊ฐ์ง ์ ์ํ์ค์ ์นํ์ค์ ๊ธฐ์ด๋ ๋ฐฐ์ฐ๊ณ ๊ณต๋ถํ์๋๊ฒ ์ข์ ์์
์
๋๋ค. ์ธํ๋ฐ์ ์๋ HTML๊ธฐ์ด๊ฐ์๋ฅผ ๋ฃ๊ณ ์์
์ ๋ค์ผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค!
โ
์น๋์์ธ์ผ๋ก ์ทจ์
์ ์ํ์ ๋ค๋ฉด? ํนํ๋ ์น๋์์ธ๊ธฐ๋ฅ์ฌ ์๊ฒฉ์ฆ์ ์ฐ๋ํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค. ๊ทธ๋งํผ ์ค๋น๋ ์ฌ๋์ด๋๊น์.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
์ฝ๋ฉ ์ธ๋ ์ฆ ์์ผ์ ๋ถ - ํ๋ํ๋ ๋ง๋ค์ด๊ฐ์!
๊ธฐ๋ณธ์ ์ธ ์๋ฆฌ๋ฅผ ์๊ณ ์นํ์ค์ ๋ง๋ ์ฝ๋ฉ์ ๋ฐฐ์ฐ๊ณ ์ถ์ผ์ ๋ถ
์นํ์ค์ฝ๋ฉ์ ํต์ฌ๊ธฐ์ ์ ๋ฐฐ์ฐ๊ณ ์ถ์ผ์ ๋ถ!
์ ์ ์ง์,
ํ์ํ ๊น์?
๊ธฐ๋ณธ์ ์ธ HTML/CSS ์ง์
761
๋ช
์๊ฐ์
41
๊ฐ
์๊ฐํ
89
๊ฐ
๋ต๋ณ
4.7
์
๊ฐ์ ํ์
7
๊ฐ
๊ฐ์
์ง์๊ณต์ ์์ ์คํ๋ผ์ธ ๊ตญ๊ธฐ๊ณผ์ ์ ์๊ฐํ ๋ณด๊ธฐ
"๋ฐ์ํ ์น๋์์ธ ์์ฑ ๊ณผ์ " ์๊ฐํ๊ธฐ ๋ฐ๋ก๊ฐ๊ธฐ
(2022.03-2022.07)
3์๋ถํฐ ํ์ฌ๊น์ง ๊ธธ๋ค๋ฉด ๊ธธ๊ณ ์งง๋ค๋ฉด ์งง์ ์๊ฐ์ด์๊ฒ ์ง๋ง ์ ์ธ์์์ ์ ๋ง ์ค์ํ๊ณ ๊ฐ์ง ๊ธฐ๊ฐ์ด์๋ ๊ฒ ๊ฐ์ต๋๋ค. ์ฌ์ ์ ์ง์์ ์ด๋์ ๋ ์๊ธด ํ์ง๋ง, ์ด๋ป๊ฒ ํด์ผํ ์ง, ์ด๋ค ๋ฐฉํฅ์ผ๋ก ๊ฐ์ผํ ์ง, ๋ญ ํด์ผํ ์ง ์๋ฌด๊ฒ๋ ๋ชจ๋ฅด๊ณ ๋ง๋งํ๋๋ฐ ์ ์๋๊ป์ ์ฑ์ฌ์ฑ์๊ป ๊ฐ๋ฅด์ณ์ฃผ์ ์ ๊ธฐ์ ๋ฉด์์๋, ์ทจ์ ๋ฉด์์๋ ํ๊ณ ํ๊ฒ ํฐ ์ฑ์ฅ์ ์ด๋ฃฐ ์ ์์๋ ๊ฒ ๊ฐ์ต๋๋ค.๋๋ถ์ ์์ ๊ฐ๋ ๋ง์ด ๋๊ณ , ์ทจ์ ์ดํ์๋ ์ ํ ์ ์์ ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ด ๋ค์ด์! ์์ ์งํํด์ฃผ์ ๋ฐฉ๋ฏธ์ ์ ์๋, ๊ทธ ์ธ ์ทจ์ ๋น๋ด ์ ์๋๋ค๊ป ๋๋ฌด ๊ฐ์ฌํฉ๋๋ค! :) ์ทจ์ ์ ํ๊ณ ๊ฐ๋๋น! ์ดํ ๊ธฐ์๋ถ๋ค๋ ํ๋ด์๊ณ ์ข์ ๊ฒฝํ ์ป์ด๊ฐ์๊ธธ ๋ฐ๋๊ฒ์! ํ์ดํ :)
3์๋ถํฐ 7์๊น์ง ์น ํผ๋ธ๋ฆฌ์ ์์ฑ๊ณผ์ ์ ์๊ฐํ์ต๋๋ค :) ๋์์ธ ์ธ์ ์๋ฌด๊ฒ๋ ๋ชจ๋ฅด๊ณ ๋์ ํ๋ ๊ฑด๋ฐ, ์ ์๋๊ณผ ๋๋ฃ๋ค์ ์์๊ณผ ์ง์ง๋ก ๋ง์ ๊ฑธ ์ป๊ณ ๊ฐ๋ ๊ฑฐ ๊ฐ์ต๋๋ค. ํ์์์ ๋ฐฐ์ด๊ฑฐ ํ ๋๋ก ์์ผ๋ก๋ ๊ณต๋ถ ์ด์ฌํ ํด๋ณด๊ฒ ์ต๋๋น~~ ํญ์ ์น์ ํ ์๋ ค์ฃผ์ จ๋ ๋ฐฉ๋ฏธ์ ์ ์๋, ๊ทธ ์ธ ์ทจ์ ๋ด๋น ์ ์๋๋ค๊ป ๋๋ฌด ๊ฐ์ฌํฉ๋๋ค!
"ํ๋ก ํธ์ค๋ ๊ฐ๋ฐ์ ์์ฑ๊ณผ์ " ์๊ฐํ๊ธฐ ๋ฐ๋ก๊ฐ๊ธฐ
(2020.11.17-2021.05.11)
6๊ฐ์์ด๋ผ๋ ์๊ฐ์ด ์งง๊ฒ ๋๊ปด์ง ์ ๋๋ก ํ๋ จ๊ณผ์ ์ด ํฅ๋ฏธ๋ก์ ์ต๋๋ค. ์์ด๋์ด๋ฅผ ๋ด๊ณ ๋์์ธ์ ํ๋ ์์ ์ ์๊ฐ์ด ์ค๋ ๊ฑธ๋ ธ์์ง๋ง ํ๋ จ๊ณผ์ ์ ํตํด ์๋ น๋ ์๊ธฐ๊ณ , ์์ ์๊ฐ์ ๋ง์ด ๋จ์ถ์์ผ๊ฐ๋ ์ ๋ชจ์ต์ ๋ณด๋ฉฐ ์ค๋ ฅ์ด ์ ์ ๋ฐ์ ํ ๊ฒ ๊ฐ์ ๋ฟ๋ฏํ์์ต๋๋ค. ์ง์ ์ ๋ฐฉํฅ์ฑ์ ์ ์ก์ง ๋ชปํ๋ ์ ์๊ฒ๋ ์ด ํ๋ จ๊ณผ์ ์ ํตํด ๋ฐฐ์ด ํ์ต๋ค์ ๋๋ง์ ์ง์์ด์, ์ง์ ์ ๋ฐฉํฅ์ฑ์ ์ก์์ค ์ด์ ํ์๊ณ , 6๊ฐ์๊ฐ ํจ๊ป ๊ณต๋ถํ๋ ํ๋ก ํธ์ค๋ ๊ฐ๋ฐ์ ์์ฑ๊ณผ์ 3๊ฐ์์ค ์ธ๋ ์ค๋น ๋์๋ค๊ณผ ๋ฐฉ๋ฏธ์ ๊ฐ์ฌ๋์ ์ข์ ์ธ์ฐ์ด์ ๋ฒํ๋ชฉ์ด์์ต๋๋ค. ๋ฐฉ๋ฏธ์ ๊ฐ์ฌ๋๊ณผ ์ทจ์ ์ง์ํ ๋ถ๋ค, ํ์ ์ง์๋ถ๋ค๊ป์ ์ด์ฌํ ๋์์ฃผ์ จ๊ธฐ์ ํ๋ จ๊ณผ์ ์ ์๋ฃํ๊ธฐ ์ ์ ์ทจ์ ์ ํ๊ฒ ๋ ๊ฒ ๊ฐ์ ๋๋ฌด ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ์ด ๊ณผ์ ์ด์ธ์ ๋ค๋ฅธ ์ข์ ๊ณผ์ ๋ค ๋ํ ๋ง์ด ์์ด ๋์ฐ์ง์ ๋ฅ๋ ฅ๊ฐ๋ฐ์ ์ด๋ ํ์์ ์ ์ฒ๋ผ ์ทจ์ ์ ๋ํ ๋๋ ค์์ด ์๊ฑฐ๋, ์ง์ ์ ๋ฐฉํฅ์ฑ์ ์ ์ก์ง ๋ชปํ๋ ํ๋ฐฐ์ ๋์๋ค์๊ฒ ์ถ์ฒํด์ฃผ๊ณ ์ถ์ต๋๋ค.
์ฒ์ ์์ ๋ ๋์์ธ๋, ์ฝ๋ฉ๋ ํ ๋ฒ๋ ๋ฐฐ์ฐ์ง ๋ชปํ ์ ๊ฐ ๊ณผ์ฐ ์ด ๊ณผ์ ์ ๋ฃ๊ณ ์ทจ์ ์ ํ ์ ์์๊น? ๋ผ๋ ๊ฑฑ์ ์ ๋ง์ด ํ๋ ๊ฒ ๊ฐ์ต๋๋ค. ํ์ง๋ง ๋ค๋๋ฉด ๋ค๋์๋ก ๊ทธ๋ฐ ๊ฑฑ์ ์ด ์ฌ๋ผ์ก๋ ๊ฒ ๊ฐ์์. ์ผ๋ฌ์คํธ, ํฌํ ์ต, html, css, js, vue๋ฑ ๋ง์ ๊ฒ์ ๋ฐฐ์ ์ต๋๋ค. ์๋ก ๋ฐฐ์ฐ๋ ๊ฒ ๋ง์์ ์ด๋ฐ์๋ ์ด๋ ค์ธ ์๋ ์๊ฒ ์ง๋ง ์ด์ ๊ฐ๋ํ ๋ฐฉ๋ฏธ์ ์ ์๋๊ป์ ์ ๋ง ์ ์๋ ค์ฃผ์ ์ ๊ฑฑ์ ์ ํด๋ ๋ ๊ฒ ๊ฐ์์.ใ ใ ๋ค๋ฅธ ํ์ ํ๊ธฐ๋ฅผ ๋ณด๋ฉด ๋งค๋ ๊ฐ์ ๋ ํํ ๋ฆฌ์ ์์ , ์ฌ์ง์ด ์ ์๋๊ป ์ง๋ฌธํด๋ ์ ๋ชจ๋ฅด๋ ๊ฒฝ์ฐ๊ฐ ์๋๋ฐ ์ ์๋๊ป์๋ ํญ์ ์ด์ ์ ๊ฐ์ง๊ณ ์๋ก์ด ๊ฒ๋ ์๋ ค์ฃผ๋ ค๊ณ ํ์๊ณ ์๋ ๊ฒ๋ ๋ง์ผ์ ์ ๋์์ ๋ง์ด ๋ฐ์์ต๋๋ค! ์นํผ๋ธ๋ฆฌ์ , ์น๋์์ด๋๊ฐ ๋๊ธธ ์ํ์ ๋ค๋ฉด ๊ฐ์ถ๋๋ฆฝ๋๋ค.~~
์๋ 2020๋ 11์ ์ฐ์ฐํ ๊ธฐํ๋ก ๋์ฐ์ง์ ๋ฅ๋ ฅ๊ฐ๋ฐ์์ด๋ผ๋ ํ๋ฅญํ ๊ธฐ๊ด์ ์๊ฒ๋๊ณ ,์ด๊ณณ์์ ํ๋ฅญํ ์ ์๋์ ๋ง๋ ์ข์๊ต์ก์ ์๊ฐํ ์์๊ฒ๋๊ฒ์ ์ ๋ง ๊ฐ์ฌ๋๋ฆฝ๋๋ค ๋ง์ผ ์ ๊ฐ ์ด ๊ต์กํ๋ จ๊ณผ์ ์ ๋ฃ์ง ์์๋๋ผ๋ฉด ์๋ง ์ง๊ธ๊ณผ ๊ฐ์ ์ทจ์ ๊ธฐํ๋ ์๊ธฐ๊ธฐ ์ด๋ ค์ ์๊ฒ์ ๋๋ค. ๋ํ์กธ์ ํ, ์ทจ์ ์ ๊ฐ๋ฆผ๊ธธ์์ ๊ฐํผ๋ฅผ ๋ชป์ก๊ณ ๋ฐฉํฉํ๋์๊ธฐ์ ์ด๋์๋ ๊ต์ก๋ฐ๊ธฐ ์ด๋ ค์ด ์ ์๋์ ์ค์ ์ค๋ฌด๊ฒฝํ๊ณผ ๋ ธํ์ฐ๊ฐ ๋ด๊ธด 5~6๊ฐ์๊ฐ์ ๊ต์ก๊ณผ์ ์ ์น๊ฐ๋ฐ์ด๋ผ๊ณ ๋ ์ ํ ์์ง๋ชปํ๋ ์ ๊ฒ ํฐ ๋ฐฐ์๊ณผ ์ฑ์ฅ์ ๊ธฐ๊ฐ์ด ๋์์ต๋๋ค. ์ด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๋ค์ํ ๋์์ธ๊ณผ ์น๊ฐ๋ฐ์๋ฐฐ์ ๊ณ ์ ๋ง์ ํฌํธํด๋ฆฌ์ค ๋ํ ๋ง๋ค์์์์ต๋๋ค. ์ ๊ฒ๋ ๋๋ฌด๋ ์์ํ ์ฝ๋ฉ์ธ์ด๋ค์ ๋ฐฐ์ฐ๋ ์ผ์ด ์ด๋ ค์ ์ค๋ํฌ๊ธฐํ๊ณ ์ถ์ ์๊ฐ๋ค์ด ์ฌ๋ฌ๋ฒ ์์์ง๋ง ํฌ๊ธฐํ์ง์๊ณ ์ด๋ฒ์ด๊ณ ๋ค์ ๊ฐ๋ฅด์ณ์ฃผ์๋ ์ ์๋์ ์ด์ ๊ณผ ์ด๋์ฌ ๋๋ถ์ 6๊ฐ์๊ณผ์ ์ ๋ชจ๋ ์๋ฃํ๊ธฐ ์ด์ (80%์ด์ ์๊ฐ)์ ์กฐ๊ธฐ์ทจ์ ์ด๋๋ฉฐ ๊ต์ก๊ณผ์ ์ ์ ๋ง๋ฌด๋ฆฌ ํ ์ ์์์ต๋๋ค. ์ด๋ ๊ฒ ์ฒซ ์ง์ฅ์ ๊ตฌํ๊ณ ์์ถ๋ฐ ํ๋๊ฒ์ด ๊ฐ๋ฅํ๋๋ก ๋ง๋ค์ด์ฃผ์ ์ ์๋๊ณผ, ๋์ฐ์ง์ ๋ฅ๋ ฅ๊ฐ๋ฐ์ ๊ธฐ๊ด์ ๊น์ ๊ฐ์ฌ๋ฅผ๋๋ฆฝ๋๋ค.
๋น์ ๊ณต์๋ ์ดํดํ๊ธฐ ์ฝ๊ฒ ์๋ ค์ฃผ์ จ๊ณ ๋๋ถ์ ์ทจ์ ๋ ์ํ์ต๋๋ค. ์ด ๊ณผ์ ์ ๋ฃ๊ฒ ๋์ด ๋๋ฌด ๊ธฐ์ฉ๋๋ค.
๋์์ธ, ์ฝ๋ฉ ํด์ ์ค๋ฌด์์ ์ฌ์ฉํ ์ ์๋ ์ปค๋ฆฌํ๋ผ์ ๋ง์ถ์ด ์ฐจ๊ทผ์ฐจ๊ทผ ๊ธฐ์ด์ ๋ง์ถ์ด์ ์ค๋ช ํด ์ค๋๋ค. ๋ณธ์ธ ์ค์ค๋ก ์์ ํ ์ ์๋๋ก ์ ์๋์ด ์ต์ ์ ๋คํด์ ๋์์ฃผ์ ์ ๋ง์ ๋์์ด ๋์์ต๋๋ค. ๊ตญ๋น๋ก ํ๋ ์์ ์ ํ๋ฆฌํฐ๊ฐ ๋จ์ด์ง๋ค๋ ํธ๊ฒฌ์ ๊นฐ ์ ์๋ ๊ต์ก์ด์๊ณ , ๋ด์์ ์๋๋ ๋งค์ฐ ์ง์ทจ์ ์ด์ด์ ๋ ์๋ก์ด ๊ฑธ ๊ฐ๋ฅด์ณ ์ฃผ๋ ค๊ณ ํ์ ์ ๋ง์ด ๋ฐฐ์ธ ์ ์์์ต๋๋ค.
๋น์ ๊ณต์๋ ์ดํดํ๊ธฐ ์ฝ๊ฒ ์๋ ค์ฃผ์ จ๊ณ ๋๋ถ์ ์ทจ์ ๋ ์ํ์ต๋๋ค. ์ด ๊ณผ์ ์ ๋ฃ๊ฒ ๋์ด ๋๋ฌด ๊ธฐ์ฉ๋๋ค.
๊ธฐ์กด์ ์๊ณ ์๋ ์ ๋งํ ์ง์ ํ๋ฌ์ค๋ก ํ์์์ ๊ต์ก์ ๋ฐ์ผ๋ฉฐ ๋ค์ํ๊ฑธ ์๊ณ ๋ฐฐ์ ์ต๋๋ค. ์๊ฒฉ์ฆ๋ ๋ธ ์ ์๋๋ก ์ฐ์ต๋ ํด์ฃผ๋ฉด์ ์ ์๊ฒ๋ ์ด๋ ค์ ์ง๋ง ์ฝ๋ฉ์ด๋ ๋จ์ด๋ ์ ๋งํ๋ฉด ์์๋ค์ ์ ๋๋ก ๋ฐฐ์ ์ต๋๋ค. ์ด๊ณณ์ ์๊ฐํ๋ฉด์ ์ทจ์ ๋ ๊ฐ์ด ํ๊ฒ๋์ด ๋ง์์ด ๋์ด๊ณ ๊ธฐ์ฉ๋๋ค.
๊ฑด์ถํ์ ์ ๊ณตํ๊ณ ์น๋์์ธ๊ณผ ์ธ์ฐ์ ๋งบ์๊ฑด ์ธ 20์ฌ๋ ์ด ๋์์ต๋๋ค. ์ค๋ฌด์ ๊ฐ์๋ฅผ ๋ณํํ๋ฉฐ ๋ง์ ํฌ๋ ธ์ ๋ฝ ๋์ ํ์ฌ๋ ์ด ์ผ์ ๋ง์ด ์ ์ ํ๊ฒ ๋์๊ณ , ํฅ๋ฏธ์ ์ฑ์ทจ๊ฐ์ผ๋ก ๋ ๋งค์งํ๊ฒ ๋์์ต๋๋ค. ์ ๊ฐ ์๊ณ ์๋ ์ง์๋ค์ ๊ณต์ ํ์ฌ, ์ข๋ ๋ง์ ๋น์ ๊ณต์๋ค์ด ์ฝ๊ฒ ์ ๋ฌธํ๊ธฐ๋ฅผ ๋ฐ๋ผ๋ฉฐ, ๊ทธ๋๊ฐ ์ํ๋ ๋ชจ๋ ์ผ๋ค์ด ์ด๋ฃจ์ด ์ง๊ธธ ๊ธฐ์ํฉ๋๋ค.
Lucete!
๊ฐ์๊ด๋ จ ๋ฌธ์ email : loo4love90@gmail.com
๊ฐ์๊ฒฝ๋ ฅ
2018.3 -ํ์ฌ. ์น ๋์์ธ/๋ฉํฐ๋ฏธ๋์ด/ํ๋ก ํธ์๋ ์ ๋ฌธ๊ฐ๊ณผ์ ์งํ
์๋ฆฌ์ค ์์นด๋ฐ๋ฏธ `ํด๋์ค๊ฐ ๋ค๋ฅธ HTML / CSS` ์คํ ์ค๋น์ค
์๋ฆฌ์ค ์์นด๋ฐ๋ฏธ `ํด๋์ค๊ฐ ๋ค๋ฅธ javascript` ์คํ ์ค๋น์ค
โก ็พ ๋์ฐ์ง์
๋ฅ๋ ฅ๊ฐ๋ฐ์ ํ๋ก ํธ์๋ / ๋ฉํฐ๋ฏธ๋์ด / ์น์ฝํ
์ธ ๊ณผ์ ๊ฐ์
โก ํ์ด๋ฏธ๋์ด UI/UX ์นํผ๋ธ๋ฆฌ์ฑ ๊ฐ์
โก ์ด์ ์ปดํจํฐ UI/UX ์นํผ๋ธ๋ฆฌ์ฑ ๊ฐ์
โก ๋์กฐ์์ปดํจํฐํ์ ์ข
๋ก์บ ํผ์ค ์น๋์์ธ ๊ฐ์
โก ๋์กฐ์์ปดํจํฐํ์ ๊ฐ๋จ์บ ํผ์ค ์น๋์์ธ/๊ทธ๋ํฝ ๊ฐ์
โก ์์ฌ์ง์
์ ๋ฌธํ๊ต ์น๋์์ธ ๊ฐ์
์๊ฒฉ์ฆ
โก ์น๋์์ธ๊ธฐ๋ฅ์ฌ ์๊ฒฉ์ฆ
โก ๊ทธ๋ํฝ์ค์ด์ฉ๊ธฐ๋ฅ์ฌ ์๊ฒฉ์ฆ
โก KPC ์๊ฒฉ์ง๋์(GTQ,GTQi,GTQid) ์๊ฒฉ์ฆ
โก ์ง์ ๋ฅ๋ ฅ๊ฐ๋ฐํ๋ จ๊ต์ฌ3๊ธ(์ ๋ณด๊ธฐ์ , ๋์์ธ,๋ฌธํ์ปจํ ์ธ ,์ ๋ณด๊ธฐ์ ์ ๋ตยท๊ณํ
์ ๋ณด๊ธฐ์ ์ด์)
โก ์ปดํจํฐํ์ฉ๋ฅ๋ ฅ 1๊ธ
์ ์ฒด
34๊ฐ โ (5์๊ฐ 46๋ถ)
ํด๋น ๊ฐ์์์ ์ ๊ณต:
์ ์ฒด
5๊ฐ
4.0
5๊ฐ์ ์๊ฐํ
์๊ฐํ 3
โ
ํ๊ท ํ์ 5.0
5
์ด๋ณด์์๊ฒ ์ข ์ด๋ ค์ด๊ฐ์ด ์์ง๋ง, ๊ธฐ์ด ์ง์์ด ์กฐ๊ธ ์๋ค๋ฉด ๊ดธ์ฐฎ์๊ฑฐ ๊ฐ์ต๋๋ค. ์น๋์์ธ๊ธฐ๋ฅ์ ์๊ฒฉ์ฆ ์ค๊ธฐ ์ค๋นํ๋๋ฐ ๋ง์ ๋์์ด ๋์์ด์~
๊ฐ์ฌํฉ๋๋ค. ๊ผญ ์๊ฒฉ์ฆ ํฉ๊ฒฉํ์๊ธธ ์์ํ ๊ป์~
์๊ฐํ 22
โ
ํ๊ท ํ์ 5.0
์๊ฐํ 1
โ
ํ๊ท ํ์ 4.0
4
html css์ ๊ธฐ์ด๋ฅผ ๋ชจ๋ฅด๊ณ ๋ณด๋ฉด ์ ๋ง ํ๋๋ ์ดํดํ ์ ์์ ๊ฒ ๊ฐ์์ ๊ฐ๋ตํ ์ค๋ช ์์ด ๋ฐ๋ก ์งํ์ด ๋ผ์ ๋ฐ๋ผ ํ๋ค๊ฐ๋ ๊ณ์ ์ฐพ์๋ด์ผ ํ๊ธฐ ๋๋ฌธ์ ์ด๋ ์ ๋ ๊ธฐ์ด ์ง์์ ๊ฐ์ง๊ณ ์๋ ์ํ์์ ๋ด์ผ ํ ๊ฒ ๊ฐ์์ ๋จ๊ธฐ๊ฐ์ ๋น ๋ฅด๊ฒ ์ค๊ธฐ๋ฅผ ํฉ๊ฒฉํ๊ธฐ ์ํด์ ๋ณด๊ธฐ๋ณด๋ค๋ ์ข ๋ ํธ๋ฆฌํ๊ณ ์ค์ ๋ก ์ฌ์ดํธ๋ฅผ ๋ง๋ค ๋๋ ์ ์ฉํ๊ฒ ์ธ ์ ์๋ ๋ด์ฉ๋ค์ด ๋ ๋ง์ ๊ฒ ๊ฐ์ต๋๋ค ๋ค๋ฅธ ๊ฐ์๋ค๋ณด๋ค ๋ ๋ค์ํ ๊ตฌ์ฑ๋ค์ ์ฌ์ฉํด์ ์ค์ ์น์ฌ์ดํธ๋ฅผ ๋ง๋ค ๋ ํธ๋ฆฌํ ์ ์์ง๋ง ๊ธฐ๋ฅ์ฌ ์๊ฒฉ์ฆ์ ๋น ๋ฅด๊ฒ ๋ฐ๋ ค๊ณ ํ์๋ ๋ถ๋ค์ ๊ฑฐ์ ์ธ์์ ์งํํ๋๋ฐ ์ ์ฒด์ ์ธ ํ๋ฆ์ ์ ๋๋ก ๋ฐ๋ผ๊ฐ์ง ์์ผ๋ฉด ์ฌ์ฉํ ์ ์๊ณ ๋จ๊ธฐ๊ฐ์ ์ธ์์ ์ ์ฉํ๊ธฐ๊ฐ ๋ณต์กํด์ ์ด๋ ค์ธ ์ ์์ ๊ฒ ๊ฐ์์ ์ฒ์ฒํ ํ๋ฆ์ ํ์ ํ๋ฉด์ ์ข ๋ ํธ๋ฆฌํ๊ฒ ์ ์์ ํด๋ณด๊ณ ์ถ์ผ์ ๋ถ๋ค๊ป ์ถ์ฒ ๋๋ฆฌ๋ฉด ์ข๊ฒ ๋ค์ ์ ๋ ์ผ๋จ์ ๊ฐ๋ตํ ๋ถ๋ถ๋ค๋ง ์ฌ์ฉํ ๊ฒ ๊ฐ์ง๋ง ๋์ค์๋ผ๋ ์ค์ ๋ก ์น์ฌ์ดํธ๋ฅผ ๋ง๋ค์ด๋ณผ ๋ ๋ค์ ๋ณด๋ฉด์ ๊ณ์ ๋ ๊ณต๋ถํ๋ฉด ์ข์ ๊ฒ ๊ฐ์์
์ฒด๋ฆฌ๋ ํผ๋๋ฐฑ ๊ฐ์ฌ๋๋ ค์ ^^~ ์ ๋ ๊ธฐ๋ฅ์ฌ ์ํ์ ๋ณด๋ ๋ถ๋ค์ ์ ์ฅ์์ ์ข ๋ ๊น์ด ์๊ฐํ๊ณ ๊ฐ์๋ฅผ ๋ง๋ค์์ผ๋ฉด, ๋จ์ํ ์ธ์ ํ๋ ์ฝ๋๋ก ์ฝ๊ฒ ์ดํด ํ ์ ์๋ ๋ด์ฉ์ผ๋ก ํ์์ผ๋ฉด ํ๋ ์์ฌ์์ด ๋จ์ต๋๋ค. ๋ ๋ง๋๋ก ์๊ฐ์ ์ธ ์ฌ์ ๊ฐ ์์ ๋ ์์ ์ ๋ค์ผ์๋ฉด ๋ง์ ๋์์ด ๋ ํ ๋ฐ ๋๋ถ๋ถ ์๊ฐ์ด ์ผ๋ง ์ ๋จ์์ ๋ ์ํ ์ค๋น๋ฅผ ํ๋ ๊ฒ์ ์ ๊ฐ ๊ฐ๊ณผํ๋ฏํด์! ์ด ๋ง์์ด ๊ณ๊ธฐ๊ฐ ๋์ด ์ข ๋ ํ์๋ค ์ ์ฅ์์ ๋ ๋ง์ด ์๊ฐํ๊ณ , ๋์์ด ๋๋ ๊ฐ์๋ฅผ ๋ง๋ค๋๋ก ๋ ธ๋ ฅํ๊ฒ ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ธฐ์ด ๊ฐ์๋ฅผ ์๋ก ๋ฐ์นญ ํ๋๋ฐ ๋ถ์กฑํ ๋ถ๋ถ์ ์ ๊ท ๊ฐ์ข๋ ๋ง์ ๋์์ด ๋์ง ์์๊น ์ถ์ต๋๋ค. ์ ์ฑ ์ด๋ฆฐ ํผ๋๋ฐฑ ๊ฐ์ฌ๋๋ฆฌ๊ณ , ๊ผญ ํฉ๊ฒฉํ์๊ธธ ๊ธฐ์ํ ๊ป์!
์๊ฐํ 2
โ
ํ๊ท ํ์ 4.0
4
์ฐ์ HTML, CSS, ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ํด ๊ธฐ๋ณธ์ ๋ชจ๋ฅด๊ณ ์ด ๊ฐ์๋ฅผ ๋ณธ๋ค๋ฉด ์๋นํ ์ด๋ ค์ธ๋ฏํฉ๋๋ค.. ์ง๋๋ ๋๋ฌด ๋น ๋ฅด๊ณ ์ค๋ช ์ ํ๋ฌ๊ฐ๋ ์์ผ๋ก๋ง ์ค๋ช ์ ํด์ฃผ์ญ๋๋ค.. ์๋ฅผ ๋ค๋ฉด ์๋ฆฌ์ ์ดํด๋ณด๋ค๋ ์๊ธฐ์ ์์ฃผ๋ก ์ค๋ช ์ ํด์ฃผ์ ์ ๋ณด๋ ์ ์ฅ์์ ์ข ๋ ์ค๋ช ์ด ์์์ผ๋ฉด ํ๋ ์๊ฐ์ด ๋ญ๋๋ค.. ๊ธฐ๋ณธ์ ์ธ ์ง์์ด ์๋ ์ํ์์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ์ข ๋ ๊ณต๋ถํ๊ณ ์ถ์ผ์ ๋ถ๋ค์๊ฒ ์ถ์ฒ๋๋ฆฝ๋๋ค.. (๊ทธ๋ฆฌ๊ณ ๊ฐ์ ๋ณด๋ฉด์ ํ๋ ค๋ฉด ์์ด ์ข ๋นจ๋ผ์ผ ํ ๋ฏ..) ์ ๋ ํ์ ์ ๊ณต ํ์ผ ์์ ์๋ 12๊ฐ์ง ์์ ๋ฅผ ๋ณด๋ฉด์ ์นดํผํ๊ณ ์ถ์ด์ ํด๋น ๊ฐ์๋ฅผ ๊ตฌ๋งคํ๋๋ฐ ๊ธฐ๋ฅ์ฌ ์ํ์ด ์๊ตฌํ๋ ์คํ์ ๋ช ๋ฐฐ๋ ๋ ์์ ์คํ์ผ๋ก ์ฌ์ดํธ๋ฅผ ๋ง๋๋๋ฏํ ๋๋์ด ๋ค์๋ค์.. ์ด๋ณด์ธ ํ์๋ค์ ๋๋์ด๋ณด๋จ ๊ฐ์ฌ๋ ๊ธฐ์ค์์ ์ฝ๊ฒ ๋ง๋ ๋๋..? ๊ฒฐ๋ก ์ ๊ฐ์๋ณด๋ค ์ํ์ ์ ๊ณต ํ์ผ์ด ๋ ๋ฉ๋ฆฌํธ ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ์์ ์ด์ฌ์ ์ฝ์ค๋ก ๊ธฐ๋ณธ ๊ณต๋ถํ์๊ณ ์ด ๊ฐ์ ๋ณด์๋ฉด ๋ง์กฑ์ค๋ฌ์ธ ๊ฒ ๊ฐ์ต๋๋ค.
๋ง์ด ์ด๋ ค์ฐ์๊ณ ์ค๋ช ์ด ๋ถ์กฑํ๋ค๋ ๋ง์ ๊ณต๊ฐํ๊ณ ๋ค์๊ฐ์์ ๊ผญ ๋ฐ์ํด์ ์์ ํด๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค ๊ฐ์๋ฅผ ๋ง๋ค๋ ์ด๊ธ ๊ฐ์๋ฅผ ํฌํจํ ๊น ๋ง์ด ๊ณ ๋ฏผ์ ํ์๋๋ฐ ์ธํ๋ฐ์์๋ ๊ทธ๋ ๊ณ ๋ค๋ฅธ ๋ฌด๋ฃ ๊ฐ์๊ฐ ๋ง๊ธฐ์ ๊ทธ๋ถ๋ถ์ ๋์น๋ฏ ํฉ๋๋ค ๊ฐ์์์ธ์ค๋ช ์ ๊ทธ๋ฐ ๋ฌธ๊ตฌ๋ฅผ ๋ฃ์๊ฑธ ํ๋ ํํ๊ฐ ๋๋ค์ ์ง๊ธ์ด๋ผ๋ ๋ฐ์ํ๋๋ก ํ๊ฒ ๊ตฌ์ Apollo TV ๋๋ ๊ณต๋ถํ์๋๋ผ ๊ณ ์ํ์ จ์ต๋๋ค ์ข์์ผ ๊ฐ๋ํ์๊ธธ ๊ธฐ์ํฉ๋๋ค
์๊ฐํ 1
โ
ํ๊ท ํ์ 2.0
2
์ค๋ ์ฒ์ ์์ html, css ๋ฑ ๊ธฐ๋ณธ์ด ์๋ ์ด๊ฐ ์์ ์งํํ๋ฉด ํํํ ๊ฒ ๊ฐ์. 26๊ฐ์ค 8๊ฐ ์งํํ๊ณ ์๋๋ฐ ์ ์ฒด์ ์ธ ์๊ฐํ์ ๋ ๋ค์ด๋ด์ผ ์๊ฒ ๊ฐ์
๊ธฐ๋ณธ์ ์ธ html css๋ฅผ ์ ์์ง์์ผ๋ก ๋ฃ์ด๋จ์ต๋๋ค ใ ใ ์์ ์ ์ด๋ ค์์ด ์์ผ์ จ๋๋ณด๋ค์. ๋ค๋ฅธ ๊ฐ์์์๋ ์ข๋ ์ฝ๊ฒ ์์ฐฌ๊ฐ์๋ ๋ณด๋ตํ๊ฒ ์ต๋๋ค.
์ง์๊ณต์ ์๋์ ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ง๋๋ณด์ธ์!
๊ฐ์ ๋ถ์ผ์ ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ง๋๋ณด์ธ์!
โฉ49,500