์ง์ ๋ฐ๋ผ ๋ง๋ค๋ฉฐ ๋ฐฐ์ฐ๋ ์น ์ฌ์ดํธ!
J.์๊ณผ ํจ๊ป ํด๋ก ์ฝ๋ฉ์ ๋์ ํด๋ณด์ธ์.
HTML Tag์ CSS ์์ฑ์ ์์ง๋ง
๋ ์ด์์ ์ ์์ ๋จ์ ์๊ธฐ๋ผ๊ตฌ์?
์ถ์๋์ด ์๋ ์น ๋ ์ด์์์ ๊ทธ๋๋ก ์ ์ํด ๋ด์ผ๋ก์จ ์ค์ ์น์ฌ์ดํธ ๋ ์ด์์์ ์ ์ํ ์ ์์ด์!
HTML๊ณผ CSS๋ง ์์๋
์ธํฐ๋ํฐ๋ธ ์น ์ ์ OK!
- ์ด ๊ฐ์๋ HTML๊ณผ CSS์ ๋ํ ๊ธฐ๋ณธ ์ง์์ ๊ฐ์ถ ๋ถ๋ค์ ๋์์ผ๋ก ์ค์ ์นํ์ด์ง๋ฅผ ๊ทธ๋๋ก ๊ตฌํํ๋ฉฐ ์งํ๋ฉ๋๋ค.
- HTML Markup, CSS ๋์์ธ ๊ธฐ๋ณธ ๋ค์ง๊ธฐ!
- ์ค์ ! ๋ ์ด์์ ์ ์์ ๋ค์ํ ์์ ๋ฅผ ๋ค๋ค๋ด์ผ๋ก์จ ๋ ์ด์์ ์ ์์ ์์ ๊ฐ๊ณผ ํฅ๋ฏธ UP!
- ํด๋ก ์ฝ๋ฉ ๋ ์ด์์๊น์ง ๋์ ํด๋ณด์ธ์!
Step By Step!
์ง๊ธ ๋ฐ๋ก ์์ํ์ธ์.
์นํ์ด์ง ์ ์์ ํ์ํ jQuery์ ๊ธฐ์ด๋ถํฐ ํ์ฉ๊น์ง ๋ฐฐ์ธ ์ ์์ผ๋ฉฐ, ๋ค์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํ๋ฌ๊ทธ์ธ์ ํ์ฉํ์ฌ ๋จ์๊ฐ์ ๋ฉ์๊ณ ํ๋ คํ ์นํ์ด์ง๋ฅผ ์ ์ํ ์ ์๋๋ก ์ฌ๋ฌ๋ถ์ ๋์๋๋ฆฝ๋๋ค.
์ค๋ฌด์์ ๊ผญ ํ์๋ก ํ๋ ์ธํฐ๋ ํฐ๋ธ ์์๋ค๋ก ๊ตฌ์ฑ๋ ์นํ์ด์ง ๊ฐ์๋ฅผ ํตํด ์
๋ฌด ์คํฌ๊ณผ ์ค๋ฌด ํต์ฌ ๋
ธํ์ฐ๋ฅผ ํ๋ฒ์ ์ป์ ์ ์์ต๋๋ค.
์ค๋ฌด๋! ์๋์ ์ด๋ฉฐ, ํ์ฅ์ฑ์
๋๋ค.
์์
์๊ฐ ๋ด์ ๋น ๋ฅด๊ฒ, ๊ณ ํ๋ฆฌํฐ์ ํ๋ก์ ํธ๋ฅผ ์๋ฃํ์๋ ๋ถ๋ง์ด ์ค๋ ฅ์๋ ๋์์ด๋, ํผ๋ธ๋ฆฌ์
๋ก ์ธ์ ๋ฐ๊ณ ๋์ฐ๋ฐ์ ์ ์์ต๋๋ค.
ํฌ๋ฉ์ธ ์ฌ์ดํธ๋ฅผ ํจ๊ป ๋ง๋ค์ด ๋ณด๋ฉด์, ํ๋ คํ ์น์ฌ์ดํธ๋ ๋น ๋ฅด๊ฒ ์ ์ํด๋๊ฐ ์ ์๋ ๋
ธํ์ฐ๋ฅผ ์ตํ๋ณด์ธ์!
- ์ค๋ฌด์ ์ ํฉํ html๊ณผ css๋ฅผ ์ด์ฉํ ์ ํํ ๋ ์ด์์ ์ ์ ๋ฐฉ๋ฒ
- Fullpage ์คํฌ๋กค ๋ ์ด์์ ์ ์ ๋ฐฉ๋ฒ
- Depth GNB ๋ค์ด์ด์
์ ์ ๋ฐฉ๋ฒ
- ์ซ์ ์นด์ดํธ์
์ ์ ๋ฐฉ๋ฒ
- ๋ค์ํ ์คํฌ๋กค์ ์งํ๋๋ ์ ๋๋ฉ์ด์
- ์ ๋๋ฉ์ด์
์ด ๋ค์ด๊ฐ ์ด๋ฏธ์ง ์ฌ๋ผ์ด๋ ์ ์ ๋ฐฉ๋ฒ
์ค์ ์์ ๊ฐ ๊ถ๊ธํ๋ค๋ฉด?
Fullpage ๋ ์ด์์
์ด๋ฏธ์ง ์ฌ๋ผ์ด๋
GNB ๋ค๋น๊ฒ์ด์
Fullpage ๋ค๋น๊ฒ์ด์
20๋
๊ฒฝ๋ ฅ์ ์ค๋ฌด+๊ฐ์ ๋
ธํ์ฐ
J.young
์๋
ํ์ธ์? J.young์
๋๋ค.
20์ฌ๋
๊ฐ ์น ๋์์ธ & ์ฑ ๊ฐ๋ฐ ํ์ฌ์์ ๋์์ธํ ์ด๊ด๋ก ํ์ ์ด์ํ๋ฉฐ, ํํํ ๋ํ๊ณผ ํ๊ต ๋ฐ ์ง์
ํ๋ จ๊ธฐ๊ด์์ UIUX๋์์ธ, ์น๋์์ธ, ์นํผ๋ธ๋ฆฌ์
, ํ๋ก ํธ์๋ ๊ฐ๋ฐ ๊ฐ์๋ฅผ ํ๊ณ ์์ต๋๋ค. ๋์์ธ์ด๋ ์ฝ๋ฉ์ ๋ํ ๊ธฐ์ด๊ฐ ์ ํ ์๋ ํ์๋ค์ ๋์์ผ๋ก ์น๋์์ด๋/ํผ๋ธ๋ฆฌ์
๋ฑ ์ ๋ฌธ๊ฐ ์์ฑ์ ์ํด
- ๊ธฐ์ด๋ถํฐ ์ค๋ฌด๊น์ง!
- ์ค๋ฌด์์ ์ํ๋!
- ์ค๋ฌด์์ ๋ฐ๋ก ์จ ๋จน์ ์ ์๋ ํฌํธํด๋ฆฌ์ค ์ ์!
๊ฐ์๋ฅผ ์งํํ๋ฉฐ ์ ๋ฌธ๊ฐ๋ก์จ ๋น๋นํ ์ค๋ฌด์ ์ง์ถํ ์ ์๋๋ก ์ง๋ํ๊ณ ์์ต๋๋ค. ๊ทธ๋ฐ ๋งํผ ๋ง์ ์ ์๋ค์ด ํ์ง ๋์์ด๋๋ก, ํผ๋ธ๋ฆฌ์
๋ก ๊ทธ ์ญ๋์ ๋ฐํํ๊ณ ์์ต๋๋ค.
- ์น๋์์ด๋๋ ํผ๋ธ๋ฆฌ์
๊ฐ ๋๊ณ ์ถ์ด๋ ์ด๋์๋ถํฐ ์ด๋ป๊ฒ ์์ํ ์ง ๋ง๋งํ์ ๋ถ๋ค
- ์ด์ง์ ์ํ ์ ๊ท์ฝ์ค ํ์์ ๋ค๋๊ณ ์ถ์ด๋ ์ง์ฅ์ํ๋ก ์ธํด ์๋๋ ๋ชป ๋ด์๋ ๋ถ๋ค
- ์ฝ๋ฉ์ โ์ฝโ์๋ ๋ชจ๋ฅด์๋ ๋ถ๋ค
- ํ์์ด๋ ์ ํ๋ธ ๋ฑ์ผ๋ก HTML/CSS ๊ธฐ์ด๋ ๋ฐฐ์ ์ง๋ง ๋ํต ์น์ฌ์ดํธ์ ์์ด ๋จ์ ์ด์ผ๊ธฐ์ด์ ๋ถ๋ค
J.young์ด ๋์๋๋ฆฌ๊ฒ ์ต๋๋ค!
๋ํ, ํ์ตํ์๋ค ๊ถ๊ธํ์ ์ ์์ผ์๋ฉด ๋๊ธ ๋จ๊ฒจ์ฃผ์๋ฉด ๋์์ด ๋๋๋ฆด ์ ์๋ ๋ต์ ๋๋ฆฌ๋๋ก ์ต์ ์ ๋คํ๊ฒ ์ต๋๋ค.
์คํ์ฑํ
๋ฐฉ์ด์
๋ณด๋ค ์ํํ ํ์ต์ ์ํด, J.young์ด ์ด์ํ๋ ์๋์น๋ ์คํ์ฑํ
๋ฐฉ์ ๊ฐ์
ํ์๋ฉด,
ํผ๊ทธ๋ง, UI.UX, ์ฝ๋ฉ, ํฌํธํด๋ฆฌ์ค์ ์ ๊ด๋ จ ํต๊ฟํ๊ณผ ๋ฌด๋ฃ์จ๋น๋ ๋งํฌ ๋ฑ์ ๊ณต์ ํด๋๋ฆฝ๋๋ค.
- ์คํ์ฑํ
๋ฐฉ๋ช
: ์๋์น๋
- ์ฝ๋ : jyoung
์ค๋ฌด ๊ฒฝ๋ ฅ
- 2015~2017 (์ฃผ)์๋ฆฌ์์
์ด๊ด์ด์ฌ
- 2003~2015 (์ฃผ)์ด๋ฎค์ง์จ์ด ์ด๊ด์ด์ฌ
- ~2003 ์์ฐ์จ์ค๋ ๋์์ธ์ค์ฅ
๊ฐ์ ๋ฐ ๊ธฐํ ๊ฒฝ๋ ฅ
- ์๋์น๋ ์ ํ๋ธ ์ด์ ์ค
- ์ธ์ฒ๋ฌธ์์ ๋ฌธํ๊ต (๋ฉํฐ๋ฏธ๋์ด ์น ๊ฐ์)
- ์์ธํ๋์ง์
์ ๋ฌธํ๊ต (์ค๋งํธ ์น/์ฑ ๊ฐ์)
- ํด๋ฆฌํ
๋ํ (๋์์ธ๊ฐ์)
- ํ๊ตญIT์ ๋ฌธํ๊ต (๋ฉํฐ๋ฏธ๋์ด ๋์์ธ ๊ฐ์)
- ๋๋๋ฆผ์ง์
์ ๋ฌธํ๊ต (๋์์ธ ๊ฐ์)
- ๊ด๋ช
์์ฌ์ฑ๋น์ ์ผํฐ (์น๋์์ธ ๊ฐ์)
- ์ด์ ์ปดํจํฐํ์๊ฐ์ ๋ถ๋น์ (๋์์ธ ๊ฐ์)
- ๋์กฐ์์ปดํจํฐ์์นด๋ฐ๋ฏธ ์์ด์ ([์น๋์์ธ๊ธฐ๋ฅ์ฌ]๋์งํธ ์น & ์ฑ ๋์์ธ - ๊ณผ์ ํ๊ฐํ์๊ฒฉ-A)
- ํ์ด๋ฏธ๋์ด์ปดํจํฐํ์ ์์ด์ (์์์ ํ์ฉํ UI/UX ์น ๋์์ธ & ์น ํผ๋ธ๋ฆฌ์ฑ)