์ค์ ! ์น์ฌ์ดํธ์ ์! Step by Step! ('๋๋ค' ์ฌ์ดํธ์ ์_Application Course)
๋๋ค ์ฌ์ดํธ ์ ์ Application Course๋ก, ์ค์ ์น์ฌ์ดํธ ๋ฉ์ธํ์ด์ง๋ฅผ ๊ทธ๋๋ก ์ ์ยท๊ตฌํํด๋ณด๋ ๊ฐ์์ ๋๋ค. ๋ฌด๋ฃ ๊ฐ์๋ก ์คํํ ๋๋ค ์ฌ์ดํธ Basic Course์ Layout๊ณผ Animation ์์ฃผ์ ๋จ์ํ ๊ตฌ์กฐ์ ์ฝ๋ฉ์์ Fixed header, Image Slider, Mobile navigation, Scroll Animation, ๋ฐ์ํ ๋ฑ์ ์ถ๊ฐํ๋ฉฐ ์ฝ๋ฉ ํ๋ํ๋๋ฅผ ์์ ๋ณด์ํ๋ฉฐ ์์ฑํด๊ฐ๋ ์นํ์ด์ง ์ ์ ์ค์ ! ๊ฐ์์ ๋๋ค. (๋ณธ๊ฐ์๋ ๋๋ค-Basic Course๋ฅผ ๋ค์ผ์๊ณ ์๊ฐํ์ ์ผ ํ์ต ํจ๊ณผ๊ฐ ํฌ๋ค๊ณ ๋ณผ ์ ์์ต๋๋ค.)
์๊ฐ์ 151๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ
- ๋ฏธํด๊ฒฐ
๊ฐ๋ก ์๋ธ ๋ฉ๋ด์ ๊ด๋ จํ ์์ ๋ ๊ฐ์ ๋์ ์ข ๋ถํ ๋๋ฆฝ๋๋ค.
์ ์๋ ๋๋ค ๊ธฐ๋ณธ ๊ฐ์์ ์ด์ด ์ค์ ๊ฐ์๋ ์๊ฐํ์ฌ ์ด๊ณต ์ค ์ ๋๋ค.^^ ๊ฐ์๋ฅผ ์ญ ์งํํ๋ค๋ณด๋ ์ ์๋ ๊ฐ์์๋ ๊ธฐ๋ณธ ๋ฉ๋ด๋ง ์ฐ์๋๋ผ๊ตฌ์. ์ค์ ์ผ๋ฐ์ ์ธ ํํ์ด์ง์๋ ๋ฉ๋ด๋ฐ์ ์๋ธ ๋ฉ๋ด๊ฐ ํ์ํ ๊ฒฝ์ฐ๋ ๋ง์๊ฒ ๊ฐ์๋ฐ์. ์๋ฅผ ๋ค๋ฉด, ์ ์๋
์ธํฐ๋ํฐ๋ธ-์นjquery์น ๋์์ธ์ต์๋ฌธ moon
ใป
0
325
3
- ๋ฏธํด๊ฒฐ
๊ฐ์ฌ๋
position : absolute๋ ๊ผญ ๊ธฐ์ค์ด ๋๋ relative๊ฐ ์๋๋ผ๊ณ ์ฌ์ฉ๊ฐ๋ฅํ๊ฑด๊ฐ์? header.bg๋ header nav๋ header๊ฐ fixed์ธ๋ฐ๋ ์ฌ์ฉํด์ ๊ถ๊ธํด์ ์ฌ์ญค๋ด ๋๋ค!ใ ใ
์น ๋์์ธ์ธํฐ๋ํฐ๋ธ-์นjquerymanU
ใป
1
229
1
- ๋ฏธํด๊ฒฐ
๊ฐ์ฌ๋
script.js์ ์ธ๋ถํ์ผ์ธ script.js๋ก ์์ฑํ๊ธฐ ๋๋ฌธ์ $(function())์ ์์ฑํด์ฃผ์ ์ผํ๋ค๊ณ ํ์ จ๋๋ฐ header ์ด๋ฒคํธ ๋์๋ ๊ฐ์ธ์ฃผ์ง ์์ ์ด์ ๊ฐ ๋ญ๊น์??
์ธํฐ๋ํฐ๋ธ-์นjquery์น ๋์์ธmanU
ใป
0
209
1






