profile
์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž ์„ฑ์žฅ๊ธฐ๐Ÿ˜Ž

Markup Practice! - 2

์˜ค๋Š˜์€ ์ €๋ฒˆ์— ๋ชป๋‹คํ•œ Markup practice์˜ ๋‚˜๋จธ์ง€ ๋ถ€๋ถ„์„ ์ง„ํ–‰ํ•ด ๋ณด์•˜๋‹ค!

2021๋…„ 1์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Tailwind CSS ๊ฐœ๋ฐœํ™˜๊ฒฝ ๊ตฌ์„ฑ

์ตœ๊ทผ์— ์ง„ํ–‰ํ•˜๊ฒŒ ๋œ ํŒ€ํ”„๋กœ์ ํŠธ์—์„œ UI Framework๋กœ TailwindCSS๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ๋กœ ํ•˜์˜€๋‹ค!์•„์ง ํ•œ๊ธ€๋กœ ๋œ ๋ฌธ์„œ๊ฐ€ ๋งŽ์ด ์—†๋Š”๊ฒƒ ๊ฐ™์•„ ๊ณต์œ  ์ฐจ์›์—์„œ ์ž‘์„ฑํ•˜์˜€๋‹ค. ๐Ÿ˜Š๐Ÿ˜Š

2021๋…„ 1์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

Markup Practice!

์ตœ๊ทผ์— HTML, CSS์— ๋Œ€ํ•ด ์กฐ๊ธˆ ๋” ๊ณต๋ถ€ํ•ด ๋ณด๊ณ  ์‹ถ์–ด์„œ, ๊น€๋ฒ„๊ทธ๋‹˜์˜ ๊ฐ•์˜์ธ HTML&CSS๋Š” ์žฌ๋ฐŒ๋‹ค๋ฅผ ์ˆ˜๊ฐ•ํ•˜๊ณ  ์žˆ๋‹ค. ๋งˆํฌ์—… ์—ฐ์Šต๊ฒฐ๊ณผ๋ฅผ ํฌ์ŠคํŒ…์„ ํ†ตํ•ด ๊ณต์œ ํ•˜๋ ค ํ•œ๋‹ค!

2021๋…„ 1์›” 2์ผ
ยท
4๊ฐœ์˜ ๋Œ“๊ธ€

CSS ๋ฐ˜์‘ํ˜• ์œ ๋‹› ์ •๋ฆฌ

์˜ค๋žœ๋งŒ์— CSS ๊ด€๋ จ ํฌ์ŠคํŒ…์„ ํ•˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ์ตœ๊ทผ์— javascript์™€ react ๊ณต๋ถ€์— ์ง‘์ค‘ํ•˜๋Š๋ผ ์ž ์‹œ ๋ฏธ๋ค„๋’€์—ˆ๋‹ค. ์˜ˆ์ „์— react๋ฅผ ๊ณต๋ถ€ํ•˜๋‹ค ๋ณด๋ฉด html,css,javascript๋กœ ์ž๊พธ ๋‹ค์‹œ ํšŒ๊ท€ํ•˜๊ฒŒ ๋œ๋‹ค๋Š” ๊ธ€์„ ๋ณธ์ ์ด ์žˆ๋Š”๋ฐ, ๋‚˜๋„ ์˜ˆ์™ธ๊ฐ€ ์•„๋‹Œ๊ฐ€๋ณด๋‹ค.๐Ÿคฃ

2020๋…„ 12์›” 27์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€

css - position

์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” css์˜ position ์†์„ฑ์— ๋Œ€ํ•ด ์ •๋ฆฌํ•ด๋ณด์ž! # POSITION ์†์„ฑ์ด๋ž€? >https://developer.mozilla.org/ko/docs/Web/CSS/position ๋ฅผ ์ฐธ์กฐํ•˜์—ฌ ์ž‘์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค.

2020๋…„ 12์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

Typography

์ด๋ฒˆ ๊ธ€์—์„œ๋Š” ๋Œ€์ถฉ ์•Œ๊ณ  ์“ฐ๊ณ  ์žˆ๋Š” ๊ฒƒ ๊ฐ™์•„ ์–ธ์  ๊ฐ€ ํ•œ๋ฒˆ์€ ์ •๋ฆฌํ•˜๋ ค ํ–ˆ๋˜, font ๊ด€๋ จ ์„ค์ •๋“ค์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜๊ณ ์ž ํ•œ๋‹ค.Typography is the art and technique of arranging type to make written language legi

2020๋…„ 12์›” 3์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

CONTENT BOX, BORDER BOX

์ด๋ฒˆ ๊ธ€์—์„œ๋Š” CSS์˜ BOX-SIZING ์†์„ฑ์ธ CONTENT BOX์™€ BORDER BOX๊ฐ€ ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ๋Š”์ง€ ์•Œ์•„๋ณด์ž! ๐Ÿ˜๐Ÿ˜ ## BOX MODEL CONTENT BOX์™€ BORDER BOX์˜ ์ฐจ์ด์— ๋Œ€ํ•ด ์ด์•ผ๊ธฐ ํ•˜๋ ค๋ฉด ๋จผ์ € box model์—

2020๋…„ 12์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

BLOCK TAG, INLINE TAG

๋ธ”๋ก ๋ ˆ๋ฒจ ์š”์†Œ๋Š” ์–ธ์ œ๋‚˜ ์ƒˆ๋กœ์šด ์ค„์—์„œ ์‹œ์ž‘ํ•˜๊ณ , ์ขŒ์šฐ ์–‘์ชฝ์œผ๋กœ ์ตœ๋Œ€ํ•œ ๋Š˜์–ด๋‚˜ ๊ฐ€๋Šฅํ•œ ๋ชจ๋“  ๋„ˆ๋น„๋ฅผ ์ฐจ์ง€ํ•ฉ๋‹ˆ๋‹ค. (mdn)BLOCK Tag๋Š” ํ•ญ์ƒ ํ•œ ์ค„์„ ๊ฝ‰ ์ฑ„์šฐ๊ฒŒ ๋œ๋‹ค. ๋‹ค์Œ ํƒœ๊ทธ๋Š” ๋ฌด์กฐ๊ฑด ์ค„๋ฐ”๊ฟˆ์ด ์ ์šฉ๋œ๋‹ค. ์ž๊ธฐ Width๋กœ ๊ฐ€๋“ ์ฑ„์šธ ์ˆ˜ ์—†๋Š” ๊ฒฝ์šฐ, ์ž๋™์ ์œผ๋กœ m

2020๋…„ 12์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€