์ฐ๋ฆฌ๋๋ผ ์์ , ์ถ์ฐ, ์ก์๊ด๋ จ ์ต๋ ์ปค๋ฎค๋ํฐ๋ ๋ฐ๋ก ๋ค์ด๋ฒ์ '๋ง์คํ๋ฆญ ๋ฒ ์ด๋น'๋ผ๋ ์นดํ์ด๋ค. ์ด ๊ณณ์ '์์ ์ค๋น ์ง๋ฌธ ๋ฐฉ > ์์ ์ค ์ง๋ฌธ ๋ฐฉ' ์ด๋ผ๋ ๊ฒ์ํ์ ๋ฐ์ดํฐ๋ฅผ ํ์ฉํ๋๋ก ํ๋ค. ๋ชจ๋ ๊ฒฝ์ฐ์ ์๋ฅผ ๋ค ๊ณ์ฐํ ์๋ฒฝํ ์ฝ๋๋ ์๋๋ผ๊ณ ์๊ฐํ๋ค. ๊ทธ๋ฆฌ๊ณ ์๋์ ๋ ฅ๋ฐฉ์ง ๋ฌธ์ ์ ๋ ฅํ๋ ๋ถ๋ถ์ ์๊ธฐ๋ก ํด์ผํ๋ ์๋ฒฝํ ์๋ํ ๋ ๊ฒ๋ ์๋๋ค. ๊ทธ๋๋ ๋ด ๋ชฉ์ ์ ๋ง๊ฒ ๋ฐ์ดํฐ ๋ชจ์ผ๊ธฐ์๋ ๋ง๊ฒ ์งฐ๋ค.(๋ง์ง๋ง ํ์ด์ง๊น์ง ๊ธ๋๋ฐ ๋ช ์๊ฐ ๊ฑธ๋ฆฌ๋๋ผ... 10์๊ฐ ๋๊ฒ ๊ฑธ๋ ธ๋ ๊ฒ ๊ฐ์๋ฐ.) ๋์ ๋ฐฉ์์ ์๋ฒฝํ ์๋ ๊ฒ๋ ์๋๋ค. ์๋ ์ ์น ๋ง๋ค์ด๋ณด๊ฒ ๋ค๊ณ ์ฌ๋ถ์ ๊ฑฐ๋ฆฌ๋ ์์ ์ด ์์ด ์ฝ๋์ ์ด๋ ๋ถ๋ถ์ tag๋ฅผ ์ ๋ ๊ฒ ์ง์ด ๋ฃ์ผ๋ฉด ๋์๊ฐ๊ฒ ๊ตฌ๋ ์ถ์ด์ ๋ธ๋ก๊ทธ ์ฐพ์๋ณด๋ฉด์ ๋ง๋ค์๋ค. ๊ทธ๋๋ ๋ด ํ์์ ์ํด ์์ ํ๋ค. ๊ทธ๋๋ ..
์์ด๋์ด์ ์์๊ณผ ์ฑ๋ด์ ๊ตฌํ์ 2018๋ ์ ๋ฉ์ค ์๊ตฌ๋ค๊ณผ ์ฐธ์ฌํ 6ํ K-Hackathon์ด๋ค. ์กฐ์ฐ์์์ ๊ทผ๋ฌด๋ฅผ ํ๊ณ ์๋ ์ ๋ฐฐ์ธ๋์ ๊ฒฝํ์์ ์ฐ๋ฌ๋์จ ์ด ์์ด๋์ด๋ ์ค์ ๋ก ์์ฐ๋ถ๋ค์๊ฒ ๋์์ด ๋์์ผ๋ฉด ์ข๊ฒ ๋ค๋ ์๊ฐ์ผ๋ก ๊ธฐํํ๊ณ ๊ฐ๋ฐ์ ์งํํ์๋ค. ๊ทธ๋์ ๊ทธ๋ฐ์ง ์ฌ์ฌ์์ ๋ถ๋ค์๊ฒ ์ข์ ์ธ์์ผ๋ก ๋จ์ ์ด ๋ํ์์ ์ข์ ๊ฒฐ๊ณผ๋ฅผ ์ป์๋ ๊ฒ ๊ฐ๋ค. ์์ฐ๋ถ๋ ์ฝ 10๊ฐ์์ด๋ผ๋ ๊ธฐ๊ฐ ๋์ ์ ๋ง์ ์ง๋ฌธ์ ๊ฐ๋๋ค. ํน์ ์๊ธฐ์ ํ๊ฒ ๋๋ ๊ฒ์ฌ๋ค์ ๊ผญ ํด์ผํ๋ ๊ฒ์ธ์ง, ์ผ๋ง์ธ์ง์ ๋ํด ๊ถ๊ธํ ๊ฒ์ ๋น์ฐ์ง์ฌ. ๊ทธ๋ฌ๋ ์์ ์ ํด๋ณด์ง ์์ ๋๋ก์ ์ดํด๊ฐ ๋์ง ์๋ ๊ฒ์(์ง๋ ํด ์ด๋ฐ์ ๋ฐ ์๋ฃ๋ฅผ ์ฝ์ด ๋ณธ ๊ฒฐ๊ณผ ์ด์ ๋ ์กฐ๊ธ ์ดํด๋ฅผ ํ๊ฒ ๋ ๊ฒ ๊ฐ์ง๋ง) '๋ง๋ฌ์ธ๋ฐ์ ๋ง๋ผํ ๋จน์ด๋ ๋ ๊น์ใ ใ ' ๋ฑ์ ์ฌ์ํ ๊ฒ ๊น์ง ๊ถ๊ธํดํ๋ค๋..
1. CSS๋ก ์ค์ธํ๋ ๋ฒ : 2. : ๊ทธ๋ฆผ, ํ, ์ฌ์ง ๋ฑ์ ์ฝ์ ๊ฐ๋ฅ3. (?) ๊ทธ๋ฆผ ์ฝ์ ์ ์ ํ(container)๋ ์ฐธ ์ ๋ง๋ค์ด์ผ๋จ. (--lec 44 ๋ค์ ๋ฃ๊ธฐ)4. img { transform : scale(1.15) } : 115%๋ก img๊ฐ ์ปค์ง5. opacity element : https://www.w3schools.com/css/css_image_transparency.aspํ์...lec 44, 45์์ ๋ฉํ์ด ๋ฌด๋์ ธ ๋ฒ๋ ธ๋คใ ใ ใ ์น์ ์ด๋ ค์ด ๊ฒ์ด์ฌ....ใ ใ ๋ญ ์๋ก์ด ๊ฒ๋ ๋ง ๋์ค๊ณ container ๋ง๋ ๊ฒ๋ ์์ ํ ์ดํดํ ๊ฒ ๊ฐ์ง๋ ์์๋ฐ ์ผ๋จ ์๊ฐ์ด ๋ชฉํ๋๊น...์ผ๋จ์ ๋์ด๊ฐ๋คใ
๋ฌด์์ ๋ฐ๋ผํ๋ ๊ฒ์ด ๋ต์ ์๋ ๋ฏ ํ๋ค. ์ ๋ฌธ๊ฐ๊ฐ ํ์๋ ๋๋ก ํ๊ณ ์์ง๋ง ์์ฃผ ์ฌ์ํ font-size, color, line-height ๋ฑ์ ๋ด ๋ ธํธ๋ถ์ ๋ง๊ฒ ํ๋ ๊ฒ์ด ๋ง๋ ๊ฒ ๊ฐ๋ค. 1. padding๊ณผ margin ๊ตฌ๋ถ. padding์ still that element ๋ผ๊ณ ์๊ฐํ๊ธฐ. margin์ between elements ๋ผ๊ณ ์๊ฐํ๊ธฐ.2. ::after : ํน์ ์์ ์ดํ์ ๋ด์ฉ ์ฝ์ ํ ์ ์๊ฒ ํจ. content = "#"๋ ํ์'psuedo element' ex) :after, :before etc3. ๊ธฐํ ๊ฐ์ด๋ฐ ์ ๋ ฌ : default width๊ฐ 1140px์ด๊ณ content๋ฅผ 70%๋ก ์ค์ ํ๋ค๋ฉด margin-left: 15%ํด์ฃผ๋ฉด ๋จ.4. ์์ด์ฝ : http://ionic..
ํ์คํ ์์ผ๋ก ๊ทธ๋ฆฌ๋ ๊ฒ๋ณด๋ค ์์ ๋ก ๊ทธ๋ฆฌ๋๊ฒ ์์ ๊ฒ ๊ฐ๋ค. PPT๋ ๋๋ฌด ๋ด๋ง๋๋ก ๊ทธ๋ฆฌ๊ฒ ๋ผ์ ๋ณ๋ก๊ณ ์ด๋ ๊ฒ ๊ท๊ฒฉ์ด ๋ฑ ๋ง๋ ๊ฒ์ด ์ข๋ค. **์ฐธ๊ณ ๋ก ์์ ์ ์ด๋๋น: 1.61, ํ๋์ด: 13.5 ๋ก ๋ง์ถ๋ฉด ์ผ์ถ ์ ์ฌ๊ฐํ์ด ๋์จ๋ค**1. background image๋ก ์ธ hero image๋ ๊ธ์จ๋ฅผ ์ ๋ช ํ๊ฒ ๋ณด์ด๊ฒ ํ๊ธฐ ์ํด์ ๋ช ๋๋ฅผ ๋ฎ์ถค2. nav bar์ด๋ button์์ :hover , :active ์ธ ์์์ ๋ํด์๋ transition์ ์ค3. ์ ์ ํ ์ ์ ์ฉํ ์ฌ์ดํธ : http://flatuicolors.com ์ด๋ http://0to255.comํค๋๊ฐ ์์ฑ๋์๋ค. ์์ง navigation bar ์ ํญ๋ชฉ๋ค์๋ dummy link๋ค ๋ฐ์ ์๊ฑธ๋ ค์๊ณ , sticky ํ ์์ฑ๋ ๊ฐ๊ณ ์์ง ์์ง๋ง ..
๊ตฌ๊ธ๋ง์ ํ๊ณ๋ฅผ ๋๊ปด 2์ฃผ ์ ๋ ์ ์ udemy์์ ๊ฐ์ข๋ฅผ ๋์๋ค. ๋ฒ ์คํธ ์ ๋ง ๊ฐ์๋ก HTML&CSS๋ Javascript๋ฅผ ๊ฐ 13,000์์ธ๊ฐ์ ๊ฒฐ์ ํ๊ณ ์์ฃผ ์ฌ์ ๋กญ๊ฒ ์ฒ์ฒํ ๋ฃ๊ณ ์๋ค. ์ง๊ธ ์๊ฐํ๋๊น ๊ฒ๋ ๋ฉ์ฒญํ ์ง ๊ฐ์์ ์ด ์๋ฒฝ์ html&css ๊ฐ์๋ฅผ ๋๋ด๋ณด๋ ค ํ๋ค. ์ด ํฉํด์ 12์๊ฐ์ธ๋๋ฐ ์ด๊ฑธ 2์ฃผ์งธ....์ดํด.... ๊ณต๋ถํ ์๊ฐ์ด ์๋๊ฑด์ง...ใ ใ ๋งจ๋ ๋จน๊ณ ์ฌํ๋ค๋๋๊น ๊ณต๋ถํ ์๊ฐ์ด ์๋ใ ใ ๊ทผ๋ฐ ๋ฐฉํ์ธ๊ฑธ?!(์์์ ํ๋ฆ ๋๋ค๋๋ค~) ๋ณธ๊ฒฉ์ ์ธ ํ๋ก์ ํธ์ ์์ ๊ฐ๋ ๋ค์ ์ค๋ช ํ๋ ๋ถ๋ถ์ด ๋์ค๋๋ฐ, ์ด๊ณ ์๋ ๊ฐ์ ๋ฃ๊ณ ๋ค์ผ๋ ํจ์ฌ ์ข๋ค. ๋ฌด์์ ์ฒ์๋ถํฐ ์ด๋ถ ๊ฐ์๋ฅผ ๋ค์ผ๋ฉด ์ค์ํ ๋ด์ฉ๋ ๋ ์ค์ํ๊ฒ ๋๊ปด์ ธ์ ํ ํ๊ณ ๋์ด๊ฐ๋ค. ์๋ ๋ ๋ชฉ์๋ฆฌ๊ฐ ๋จ์กฐ๋ก์ฐ์ ์ it is quite impor..
- dummy link : - to make a full viewport : height: 100vh but 1) only the portion of the picture will be shown (looks too zoomed in)but 2) if there's margin up on the top it's because of the ~ element's margin that we have on html file - position : absolute is the only way to make sth vertically & horizontally centered - background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), u..
์ฝ๋ฉ์ผํ์ผ๋ก ๊ณต๋ถํ๊ณ ๋์ ๊ตฌ๊ธ๋ง์ผ๋ก ๊ณ์ ์น์ ๋ง๋ค์ด๋๊ฐ๋ค ๋ณด๋ ๋ญ๊ฐ ๊ธฐ๋ฅ์๋ ์ฒ๋ง ์ฌ๋ฆฌ๋ ๋๋์ด ๋ค์ด ์ฑ ์ ์ฌ์ ๊ณต๋ถ๋ฅผ ํด๋ณผ๊น ๊ณ ๋ฏผ์ ํ์๋ค. ์์ ์ ๊ฐ๋ณด์์ ๋ "์...์ฑ ์ ์๋๋ค..."๋ผ๊ณ ๋๊ผ๋ค. ๊ทธ๋์ ์ ๋ฃ๋ก ๊ณต๋ถํ๋๋ผ๋ http://udemy.com๊ฐ ์ข๋ค๊ณ ํ๋ ์ ๋ฐ๋ฏธ์์ ๊ณต๋ถ๋ฅผ ํด ๋ณผ๊น ์ถ์๋ค. ๋ง์นจ ํ๋ก๋ชจ์ ์งํํ๊ธธ๋ (์์ฒญ ์์ฃผ ์งํํ๋๋ง ์ฒ์์ด๋ผ ํนํ๋ค....) ๊ฐ์ฅ ๋ง์ด ๋ฃ๋๋ค๋ ๊ฐ์ ๋๊ฐ๋ฅผ ๊ฒฐ์ ํ๋ค. ํ๋๋ html&css ๋ค๋ฅธ ํ๋๋ JS.์ง๊ธ์ html&css ๋ง ๊ณต๋ถํ๊ณ ์๋๋ฐ ๋ณธ๊ฒฉ ํ๋ก์ ํธ ์์ ๊ฐ์์ ๋ค์ด์ค๊ณ ๋์ ๊นจ๋ซ๋๊ฒ ์๊ฒผ๋ค. [Important 7 steps to follow for fully functional website] ์์ 1) ์์ ํ ์์ด๋์ด ์ค์ผ์น๊ฐ..
์๋ 2์์ ๋ ๋ฌ์๋ ๊ฒฝ์ฃผ์ฌํ์ด ๋ ์ฌ๋ผ์ ๊ทธ ๋ ์ฌ์ง๋ค์ ํ์ฅ์ฉ ๊บผ๋ด๋ณด์๋ค. ์ ๋๋ ์ถ์๋ ์น๋ง๋ฅผ ์ ์๊ตฌ๋... ์ง๊ธ์ ๋กฑํจ๋ฉ ์์ผ๋ฉด ์ด๋ถ ๋ฐ์ผ๋ก ๋ฐ๊ฐ๋ฝ ํ๊ฐ๋ ๋ด๋ฐ์ง ์๋๋ฐใ ใ ใ ๊ฒฝ์ฃผ ์ฌ๋ ์น๊ตฌ๊ฐ ์์ผ์ค ๊ฒฝ์ฃผํฌ์ด! ๊ฒฝ์ฃผ์์ ๋ฒ์ค๋ ํ๊ณ ๋ฉ๋ฆฌ๋ฉ๋ฆฌ ๋๊ฐ๋ณด์์ ์ ๊ธฐํ์๋๋ฐ, ์ง๊ธ์ ์ถ์ตํ์ด๋ฅผ ํ๊ณ ์๋ค~๋ง ๋ค๋ ์์ ์ ๊น ํ๋ถ์ ๊ฒ์ํ์๋๋ฐ ๋ถ๋๋ฌ์์ ๋ด๋ฆฐ๊ฒ์ ํฐ์คํ ๋ฆฌ์์ ๊บผ๋ด๋ณธ๋ค.ํ๋ถ ๋ฐ๋ผ์๋ง ๊ฐ์ง๋ง๊ณ , ํ์ง์ธ์ด ์ถ์ฒํด์ค ์ฝ์ค๋ฐ๋ผ ๊ฐ๋ ์ฌํ์ด ์ง์ง ์ฌํ์ด์ง~ ๊ฐ์ธ์ ์ผ๋ก ์ ๋ชฉ์ ์ฐธ ์์ง์๋ค๊ณ ์๊ฐํ๋ค.๋ญ๊ฐ ๋ ์ ๋ค๋ ์๋ค๋ ๊ฒ์ ์ดํํ๋ ๋ฏํ?? ์ญ ์์์ ์ฐ๋๊ฒ ์ง์ง ์ ์นํด๋ณด์ด๊ณ , ๋ค๋ฅธ ์น๊ตฌ๋ค ์ฐ์ ๊ฒ ๋ณด๋ฉด ์์ ๋ด๊น ์ถ์๋ฐ,๋ง์ ๋ ๋์์ ์ฒญ๋๋ฆฌ๋ ์์ธ์ญ์ด ์๋ ์ญ์ด๋ฆ์ ๋ณด๋ฉด ๋ฌด์กฐ๊ฑด ์ ์นด๋ด์ ๊บผ๋ธ๋ค.๋ชจ์๋ฉ์ด๋ฆฌ์ผ..
[์ฌํ ์์] ์ฒญ๋๋ฆฌ์ญ(6:22) → ๊ฐ๋ฆ์ญ(8:3) → ์ค์ฃฝํ → ์๋น๋์ฑ๋น → ๋ฒ์ง(10:30) → ์ค์์์ฅ → ์๋ชฉํด๋ณ + ์ฐํ ๋ฆฌ๋(์นดํ)→ ๊ฐ๋ฌธํด๋ณ → ๊ฐ๋ฆ์กฐ๊ฐ๊ตฌ์ด๋ฌดํ๋ฆฌํ → ๊ฐ๋ฆ์ญ(9:30) → ์ฒญ๋๋ฆฌ์ญ(11:6) ์ธ๋ฐ์ด ์๋๋ ์น๊ตฌ๊ฐ ์๋ค. ์๋ ํ๋ ์๊ธฐ๋ฅผ ๊ฐ์ด ๋ณด๋๋ ์น๊ตฌ๋ผ, ๋๋ง์ ์ฌํ์ ๋ ๋๊ณ ์ถ์๋ฐ ์ธ๋ฐ์ด ์๋๋๊น ๋ช ๋ฐ ๋ช์ผ๋ก ๋ ๋ ์๋ ์์๋ค. ๊ทธ๋์ ์ด๋๊ฐ ๋์๋ ๋น์ผ์น๊ธฐ๋ก ๋ ๋์๊ณ ํ๊ณ , ์ฐ๋ฆฌ๋ ๊ฐ๋ฆ์ ๊ฐ๊ฒ ๋์๋ค. ๋ฒ์ค๋ฅผ ํ๊น KTX๋ฅผ ํ๊น ์ถ์์ง๋ง ๊ทธ๋ฅ KTX๊ฐ ํ๊ณ ์ถ์ด KTX๋ก ๋ ๋ฌ๋ค. ์๋ฒฝ 6์ 22๋ถ, ํ๋ ๋ชธ์ ํ์ฐฝ์์ ํจ๊ปใ ใ 1์๊ฐ ๋ฐ๋์ 5~6๊ฐ ์ ๋ฅ์ฅ์ ๊ฑฐ์น ๊ฒ ๊ฐ์๋ฐ 3~4 ์ ๋ฅ์ฅ ์ง๋ ๋ ๊น์ง ๊ณํ์ ์งฐ๋ค. ์นธ์ตธ์ ๋ค์ด์ ๋ฅผ ๋จน์ผ๋ฉฐ ๋ค์ด๋ฒ ์ง๋์ ์นด์นด์ค ํ..
- Total
- Today
- Yesterday
- SWIFT
- ์๊ณ ๋ฆฌ์ฆ
- ์ปด๊ณผ์กธ์
- ์ํํธ์จ์ด์ญ๋์ํ
- ์ด์์ฒด์
- ๋ฐ์ดํฐ๋ถ์
- TableView
- RxSwift
- ์ปค๋ฅํธ์ฌ๋จ
- ๋ถ์คํธ์บ ํ
- ํ๋ก๊ทธ๋๋จธ์ค
- firebase
- ์กธ์ ์ํ
- nosql
- C++
- ์ธํด
- ์ฝํ
- OS
- ์ฝ๋ฉํ ์คํธ
- ๋ณด์
- ์ปดํจํฐ๊ณตํ
- ์ปด๊ณต์กธ์
- ๋ถ์คํธ์บ ํ2020
- ๊ฐ๋ฐ์์ธํด
- ios
- ์ผ์ฑ์ํํธ์จ์ด์์นด๋ฐ๋ฏธ
- ์ผ์ฑ
- ์ํํธ์จ์ด์์นด๋ฐ๋ฏธ
- swacademy
- ๋ถ์บ
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |