โ [ํ์ฌ] ๊ตญ๋น ํผ๋ธ๋ฆฌ์ฑ & ํ๋ก ํธ์๋ ๊ฐ์ฌ
โ [ํ์ฌ] ํ๋ฆฌ๋์ ํ๋ก ํธ์๋ ํผ๋ธ๋ฆฌ์
โ [ํ์ฌ] HTML+CSS+JQUERY ํผ๋ธ๋ฆฌ์ฑ ์ ํ๋ธ ์ฑ๋ '์ฝ๋ฉ์์ค' ์ด์
โ ๊ทธ๋ฆฐ ์ปดํจํฐ ์์นด๋ฐ๋ฏธ ์น ํผ๋ธ๋ฆฌ์ฑ ๊ฐ์ฌ
โ ๋์กฐ์ ์ปดํจํฐ ์์นด๋ฐ๋ฏธ ์น ํผ๋ธ๋ฆฌ์ฑ ๊ฐ์ฌ
โ ์ด์ ์ปดํจํฐ ์์นด๋ฐ๋ฏธ ์น ํผ๋ธ๋ฆฌ์ฑ ๊ฐ์ฌ
โ ํ๋ก ํธ์๋ ํผ๋ธ๋ฆฌ์
, ํ๋ก ํธ์๋ ํผ๋ธ๋ฆฌ์ฑ ์ ๋ฌธ๊ฐ์ฌ
โ UI/UX ์น ๋์์ธ ํฌํธํด๋ฆฌ์ค ๊ฐ์
โ ์น๋์์ธ ๊ธฐ๋ฅ์ฌ ์ค๊ธฐ ์๊ฒฉ์ฆ๋ฐ ๊ฐ์
โ ์ด์ง์ค์๋ํ๋ก ํธ์๋ UI/UX ๋์์ธ ๋ฐ ํผ๋ธ๋ฆฌ์ฑ
๐์ฝ๋ฉ์์ค ์ธํ๋ฐ ๊ฐ์๋ชฉ๋ก - https://www.inflearn.com/users/@codingworks
๐์ธํ๋ฐ ์ฝ๋ฉ์์ค ๊ฐ์ ํ์ต ์์(ํ์ต ๋ก๋๋งต) - https://www.inflearn.com/blogs/2351
๐์ฝ๋ฉ์์ค ์ธํ๋ฐ ํผ๋ธ๋ฆฌ์ฑ ๋ธ๋ก๊ทธ - https://www.inflearn.com/users/@codingworks/blogs
๐์ฝ๋ฉ์์ค ํผ๋ธ๋ฆฌ์ฑ ์ ํ๋ธ ์ฑ๋ - https://www.youtube.com/codingworks
๐ฃ์ธํ๋ฐ ์ธํฌ์ปค์ค ์ฝ๋ฉ์์ค ์ธํฐ๋ทฐ ๋ณด๊ธฐ : https://www.inflearn.com/pages/infocus-8-20230704
Courses
Reviews
- Responsive Website Portfolio (App Official Landing Website)
- HTML+CSS+JS Portfolio Practical Publishing (Season 1)
- Flex Responsive Website Portfolio (The World's Best Cities)
- Everything You Need to Know About CSS3 for Intermediate to Advanced Publishing
- Mobile Web Publishing Portfolio with Figma
Posts
Q&A
์น์ 10-77๋ฒ๊ฐ์ ๋ด ์์ด์ดํ๋ ์ pdf ์๋ฃ ๋ค์ด๋ก๋ ์ด๋์ ํ๋์?
์๋กญ๊ฒ ์ถ๊ฐ๋ d,e,f ์ ํ์ ๋ ์ด์์ ์ ์์ ๋ฐ๋ก pdf๋ ์๊ณ ์์์ ํตํด์ ๋ณด์ค ์ ์์ต๋๋ค.
- 1
- 2
- 9
Q&A
@media์์์ flex-direction: column์ผ๋ก ์ธ๋ก๋ฐฐ์น ๊ด๋ จ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
์ฝ๋์๋ ๋ฌธ์ ์๋ ๋ฏ ํฉ๋๋ค.์๋ง๋ ๋ฉํ ํ ๊ทธ๊ฐ ์์ด์ ๊ทธ๋ด ๋ฏ ํฉ๋๋ค.
- 1
- 1
- 16
Q&A
ํ๋์ฝ๋ฉ์ผ๋ก ์ด๋ฏธ์ง๋งต(image map) ๋ง๋ค๊ธฐ
๊ณต์ ๋งํฌ๊ฐ ์์๋๋ฐ ์์ด์ก๋ค์. ์ฃ์กํฉ๋๋ค.์์ค ์ด๋ฏธ์ง๋ ํด๋น ๊ฐ์ ๋๋ณด๊ธฐ์ ์ฌ๋ ธ์ต๋๋ค.๊ทธ๋ฆฌ๊ณ ์ ํ๋ธ ์์ ๋๋ณด๊ธฐ์๋ ์ ๋ฐ์ดํธํ์ต๋๋ค.
- 1
- 2
- 20
Q&A
๊ฐ์ ์ง๋ฌธ ์์ต๋๋ค
์๋ง ๋ชฉ์๋ฆฌ ์ปจ๋์ ๋๋ฌธ์ ๊ทธ๋ ๊ฒ ๋ค๋ฆฌ์ จ์๊ฑฐ์์.์ ๋ ํผ์์๋ง ๊ฐ์ ์ ์ํ์ต๋๋ค.์คํด์ด์ญ๋๋ค.์๋ง๋ ์ฃผ์ต์ธก์ด ๋งค๋ ์ํ์ ์ ๋ฐ์ดํธํด์ ๊ทธ๊ฑฐ์ ๋ง์ถฐ ์์์ ์๋ก ์ฐ์ด์ ๋ ์ฝ๋ฉ ํ๊ฒฝ์ด ์กฐ๊ธ ๋ฌ๋ผ์ ธ์ ๊ทธ๋ ๊ฒ ๋ค๋ฆฌ์ ๊ฑฐ์์.
- 1
- 1
- 22
Q&A
์ํ ๊ด๋ จ ๋ฌธ์
๊ณต๊ฐ ๋ฌธ์ 24๊ฐ ์ค ์ ํํ ๊ฐ์ 1๊ฐ๋ฅผ ๋ง๋์๊ฒ ๋ฉ๋๋ค.์์ฉ๋ ํํ๋ก ์ํ์ด ์ถ์ ๋์ง ์์ต๋๋ค.
- 1
- 1
- 21
Q&A
div#css-checker-widget์ ํด๊ฒฐ๋ฐฉ
์ผ์์ ์ด ์ค๋ฅ์ธ ๋ฏ ํฉ๋๋ค.์ฌ๋ฆฌ์ ์ฝ๋๋ก ํ์ธํ๋๋ฐ ์๋์ฒ๋ผ ์ ์์ ์ผ๋ก ๋์ต๋๋ค.(์ฌ์ง)
- 1
- 2
- 21
Q&A
์๋ธ๋ฉ๋ด๊ฐ ์ ์ง๋์ง ๋ชปํ๊ณ ์ฌ๋ผ์ง๋๋ฐ ๋ฌด์์ด ๋ฌธ์ ์ผ๊น์?
๋ง์ฐ์ค๊ฐ ์๋ธ๋ฉ๋ด๋ก ๊ฐ๋ฉด .slide ๊ฐ ์์ ์์ด์ ๋ง์ฐ์ค ๋ ๋๋ ์ํฉ์ด ๋ฉ๋๋ค.๊ทธ๋์ ๋ฉ๋ด๊ฐ ์๋ header์ z-index๋ฅผ ์ฌ๋ผ์ด๋ ๋ณด๋ค ๋์ฌ์ค์ ์ฌ๋ผ์ด๋๊ฐ ๋ฉ๋ด๋ฅผ ๋ฎ๋ ๊ฒ์ ๋ฐฉ์งํด์ผ ํฉ๋๋ค.์๋์ฒ๋ผ header์ ์์ฑ์ ์ฃผ์ธ์. (์ฌ์ง) (์ฌ์ง)
- 1
- 1
- 27
Q&A
์ฌ๋ผ์ด๋ ๋ฐ ์์ฑ๋ณธ ๊ด๋ จ ์ฌํญ
๋จผ์ ์ํ ์ฃผ์ต์ธก์์ ๋งค๋ ์ํ ์ ํ์ ์ ๋ฐ์ดํธํด์ ๊ทธ๊ฑฐ์ ๋ง์ถฐ ์ ๋ฐ์ดํธํ๋ค ๋ณด๋๊น ๊ฐ์๊ฐ ์ถ๊ฐ๋ ํ์์ ๋๋ค.๊ฐ์๋ฅผ ๋ชจ๋ ๋ณด์๋ค ๋ณด๋ฉด ์ค๋ณต๋๋ ๋ถ๋ถ๋ ์ข ์์ต๋๋ค. ์ด๋ฐ ๋ถ๋ถ์ ์๋ง๊ฒ ํ์ตํ์๋ฉด ๋ฉ๋๋ค.๋จผ์ ์ฌ๋ผ์ด๋ ์์ฑ๋ณธ์ ๋ํด ์ง๋ฌธ ์ฃผ์ จ์ต๋๋ค.a, b, c, d, e, f * 4 = 24๊ฐ ์ฌ๋ผ์ด๋๋ฅผ ๋ชจ๋ ํ์ ์ ๋ชจ๋ ์ ํ์ผ๋ก ์์ฑ๋ณธ ๊ฐ์ ์์์ ์ ์ํ ์๋ ์์ต๋๋ค. ๊ธํ๊ฒ ํ๊ฒ ๋๋ฉด ์ค๋ณต๋๋ ๊ฐ์ ์์์ด ๋๋ฌด ๋ง์์ง๋๋ค๊ฐ์ ์์์๋ ์์ง๋ง css ๋ฐฉ์์ผ๋ก ์ฌ๋ผ์ด๋ ๋ง๋ค์ง ๋ง์๊ณ ์ ์ด์ฟผ๋ฆฌ ๋ฐฉ์์ผ๋ก ๋ง๋์ธ์.css ๋ฐฉ์์ ๋จ๊ฒจ๋ ๊ฒ์ ์ ์ด์ฟผ๋ฆฌ ๋ฐฉ์์ด ๋์ ํ ๋ง์ง ์๋ ๋ถ๋ค์๊ฒ ์ฝ๊ฐ์ ๊ฐ์ ์ ๊ฐ์ํ๊ณ ๋ผ๋ ๋ณด์๋ผ๊ณ ๋ฐฑ์ ์ฐจ์์์ ๋๋ ๊ฒ ์ ๋๋ค.๊ทธ๋ฆฌ๊ณ ์ฌ๋ผ์ด๋ ์ข ๋ฅ๊ฐ ๋ง์ ๊ฒ ๊ฐ์ง๋ง ๊ฐ๋ก, ์ธ๋ก, ํ์ด๋ ์ด๋ ๊ฒ ์ฌ๋ผ์ด๋๋ ์ด 3๊ฐ์ง ์ ๋๋ค. ์ ์ด์ฟผ๋ฆฌ ๋ฐฉ์์ผ๋ก ํ์ตํ์๊ณ 62๋ฒ~66๋ฒ์ ์ฌ๋ผ์ด๋ ์ ์์ ํ์ํ ๋ชจ๋ ์ด๋ก ๊ฐ์๋ ์ค๋น๋์ด ์์ต๋๋ค. (์ฌ์ง)
- 1
- 2
- 37
Q&A
D์ ํ ๋ ์ด์์ ์ฐ์ต์ค์ธ๋ฐ ์ฌ๋ผ์ด๋ ์ด๋ฏธ์ง ํฌ๊ธฐ๊ฐ ๋ณํ์ง ์์ต๋๋ค
๊ฒฐ๊ตญ ์๋์ ํด๋์ค๋ค์ ์คํ๊ฐ ๋ ์์ด์ ์๊ธด ๋ฌธ์ ์ ๋๋ค.ํ์ง๋ง ์์ผ๋ก ๊ณ์ ํ์ตํ์ค ๋ ๊ฐ์์ ๊ฐ์ html ๊ตฌ์กฐ์ ํด๋์ค๋ค์์ ์ฌ์ฉํด์ฃผ์ธ์. ๊ทธ๋ ์ง ์์ผ์๋ฉด ์ค๋ฅ ์ฐพ์ ๋ ์ ๊ฐ ์ฒ์๋ถํฐ ๋ค์ ๋ง๋ค์ด ๋ด์ผ ํฉ๋๋ค. ๊ทธ๋์ ์ค๋ฅ ์ฐพ๊ธฐ๊ฐ ํ๋ญ๋๋ค. ๋ฐ๋์ ๊ฐ์์ ๊ฐ์ด ํด์ฃผ์ธ์.๊ทธ๋ฆฌ๊ณ ์์ผ๋ก ๋ฌธ์ ๊ฐ ์๊ฒผ์ ๋.. ๋์ ํ ๋ชจ๋ฅด๊ฒ ๋ค๋ผ๊ณ ํ ๋ ์ผ๋จ ํด๋์ค๋ค์๊ณผ html ๊ตฌ์กฐ๋ฅผ ๋จผ์ ์ฒดํฌํด๋ณด์ธ์. ์ค์ ์ํ์์๋ ์๊ธธ ์ ์๋ ์ผ์ด๋ ์ฐ์ตํ์ค ๋ ์๋ น์ ๊ธธ๋ฌ๋ณด์ธ์.(์ฌ์ง)
- 1
- 3
- 53
Q&A
D์ ํ ๋ ์ด์์ ์ฐ์ต์ค์ธ๋ฐ ์ฌ๋ผ์ด๋ ์ด๋ฏธ์ง ํฌ๊ธฐ๊ฐ ๋ณํ์ง ์์ต๋๋ค
์ด ๋ถ๋ถ์ด ์ข ์ด๋ ต๊ณ ๋ณต์กํ ๋ถ๋ถ์ ๋๋ค. ๊ฐ์์ ์๋ html ๊ตฌ์กฐ์ ํด๋์ค๋ค์์ผ๋ก ํด์ฃผ์ธ์.๊ฐ์์ ๋ค๋ฅธ html ๊ตฌ์กฐ์ ํด๋์ค๋ค์์ผ๋ก ํ์๋ฉด ์ค๋ฅ๋ฅผ ์ฒดํฌํ๋๊ฒ ํ๋ค์ด ์ง๋๋ค.์๋๋ ๊ฐ์์ ์๋ html ๊ตฌ์กฐ์ ํด๋์ค๋ค์์ ๋๋ค. ์๋์ฒ๋ผ ๊ฐ์์ ๊ฐ์ด ํ์๋ฉด ์ฌ๋ผ์ด๋ ์ด๋ฏธ์ง๊ฐ ์ ๋์ ์ผ๋ก ์ฌ์ด์ฆ๊ฐ ์กฐ์ ๋ฉ๋๋ค.(์ฌ์ง) (์ฌ์ง) (์ฌ์ง)
- 1
- 3
- 53