post-thumbnail

WebRTC์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

๋ณธ๊ฒฉ ๊ฐœ๋ฐœ ์ „ ์•Œ์•„๋ณด๋Š” WebRTC!

2022๋…„ 4์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

DND 6๊ธฐ ํ›„๊ธฐ

๐Ÿณ DND๋ž€?

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

PWA์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

๋ณธ๊ฒฉ ๊ฐœ๋ฐœ ์ „ ์•Œ์•„๋ณด๋Š” PWA!

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

CORS์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

CORS์— ๋Œ€ํ•ด ์กฐ์‚ฌํ•ด์„œ ๋‚˜๋ฆ„๋Œ€๋กœ ์ •๋ฆฌํ•ด๋ณธ ๊ธ€์ž…๋‹ˆ๋‹ค.

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

๐ŸŒ Promises / Async&Await

Axios๋ž€? > axios๋ž€ ๋ธŒ๋ผ์šฐ์ €, node.js๋ฅผ ์œ„ํ•œ Promise API๋ฅผ ํ™œ์šฉํ•˜๋Š” HTTP ๋น„๋™๊ธฐ ํ†ต์‹  ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. Promise๋ž€? Promise ๊ฐ์ฒด๋Š” ๋น„๋™๊ธฐ ์ž‘์—…์ด ์ข…๋ฃŒ๋œ ์ดํ›„์— ๊ฒฐ๊ณผ๊ฐ’์ด๋‚˜ ์‹คํŒจ๋ฅผ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค. Promise๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋น„๋™๊ธฐ

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

๐ŸŒ HTTP ํ†ต์‹ 

Axios๋ž€? > axios๋ž€ ๋ธŒ๋ผ์šฐ์ €, node.js๋ฅผ ์œ„ํ•œ Promise API๋ฅผ ํ™œ์šฉํ•˜๋Š” HTTP ๋น„๋™๊ธฐ ํ†ต์‹  ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. Promise๋ž€? Promise ๊ฐ์ฒด๋Š” ๋น„๋™๊ธฐ ์ž‘์—…์ด ์ข…๋ฃŒ๋œ ์ดํ›„์— ๊ฒฐ๊ณผ๊ฐ’์ด๋‚˜ ์‹คํŒจ๋ฅผ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค. Promise๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋น„๋™๊ธฐ

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 20. ๋ฐ˜์‘ํ˜• ์›น

๋ฐ˜์‘ํ˜• ์›น ์†Œ๊ฐœ ๋ฐ˜์‘ํ˜• ์›น์ด๋ž€ ๋””์Šคํ”Œ๋ ˆ์ด ์ข…๋ฅ˜์— ๋”ฐ๋ผ ํ™”๋ฉด์˜ ํฌ๊ธฐ๊ฐ€ ์ž๋™์œผ๋กœ ์ตœ์ ํ™”๋˜๋„๋ก ์กฐ์ ˆ๋˜๋Š” ์›น ํŽ˜์ด์ง€. ํ•˜์ดํผํ…์ŠคํŠธ ์ƒ์„ฑ ์–ธ์–ด ๋ฒ„์ „ 5(HTML5) ์‹œ๋Œ€๊ฐ€ ๋„๋ž˜๋จ์— ๋”ฐ๋ผ ๊ธฐ๋Šฅ ์™„์„ฑ ํ˜•ํƒœ์˜ ์ƒˆ๋กœ์šด ๋งˆํฌ์—… ์–ธ์–ด์˜ ๋“ฑ์žฅ์œผ๋กœ ์Šค๋งˆํŠธํ•œ ์›นํŽ˜์ด์ง€ ๊ตฌํ˜„์ด ๊ฐ€๋Šฅํ•˜๋‹ค. ์ฆ‰ ํ•˜

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 19. ํผ

ํผ ์†Œ๊ฐœ ์›น ์„œ๋ฒ„์˜ ์ •๋ณด๋ฅผ ์ฃผ๊ณ ๋ฐ›๋Š” ํ˜•์‹์˜ UI๋ฅผ ``ํƒœ๊ทธ๋ฅผ ์ด์šฉํ•ด์„œ ์ž‘์„ฑํ–ˆ๋‹ค๊ณ  ํ•ด์„œ Form UI๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค. ๋‹ค์–‘ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ํƒœ๊ทธ๋“ค ์กด์žฌ. ์ด๋Ÿฐ ํƒœ๊ทธ๋“ค์„ ํผ๊ณผ ๊ด€๋ จ๋œ ์š”์†Œ๋“ค์ด๋ผ๊ณ  ํ•ด์„œ ํผ ์š”์†Œ/ํผ ํƒœ๊ทธ๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค. ์—ฌ๋Ÿฌ ๋ธŒ๋ผ์šฐ์ €์—์„œ๋Š” ๋™์ผํ•œ ํผ ์š”

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 18. ๋ ˆ์ด์–ดํŒ์—…

ํŒ์—… ์†Œ๊ฐœ Popup ์ด๋ž€? ์›นํŽ˜์ด์ง€์—์„œ ๊ต‰์žฅํžˆ ๋งŽ์ด ๋ณผ ์ˆ˜ ์žˆ๋Š” UI >ํŠน์ • ์˜์—ญ์˜ ์œ„์น˜์—, ํŠน์ • ์‚ฌ์ด์ฆˆ์˜ ๋ ˆ์ด์–ด(์ฐฝ)๋ฅผ, ํŠน์ • ์‹œ์ ์— ๋…ธ์ถœ Popup = ์ƒˆ์ฐฝ. ์˜จ์ „ํ•œ ์ƒˆ๋กœ์šด ์›นํŽ˜์ด์ง€ Modal = ๋ ˆ์ด์–ด ํŒ์—…. Alert = ์•Œ๋ฆผ/์‹œ์Šคํ…œ ํŒ์—…. ์›๋ž˜ ๊ฒฝ๊ณ , ์•Œ

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 17. ํ‘œ

ํ‘œ ์†Œ๊ฐœ Table์ด๋ž€? HTML์—์„œ ํ…Œ์ด๋ธ”์€ ํ‘œ๋ฅผ ๊ฐ€๋ฆฌํ‚จ๋‹ค. ํ‘œ๋Š” ์–ด๋–ค ๋‚ด์šฉ์„ ์ผ์ •ํ•œ ํ˜•์‹๊ณผ ์ˆœ์„œ์— ๋”ฐ๋ผ ๋ณด๊ธฐ ์‰ฝ๊ฒŒ ๋‚˜ํƒ€๋‚ธ๊ฒƒ. ํ‘œ ์•ˆ์— ์ œ๋ชฉ๊ณผ ๋‚ด์šฉ์œผ๋กœ ๊ตฌ์„ฑํ•ด์•ผํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋‹ค๋ฅธ ๋งˆํฌ์—… ํƒœ๊ทธ๋“ค๋ณด๋‹ค ์‚ฌ์šฉ๋ฐฉ๋ฒ•์ด ์ข€ ๋” ๋ณต์žก ํ‘œ ํ˜•ํƒœ์˜ UI์ด๋”๋ผ๋„ ๋‹ค๋ฅธ ํƒœ๊ทธ๋กœ ์˜๋ฏธ์žˆ๋Š”

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 16. ์ด๋ฏธ์ง€ ๋ชฉ๋ก

์ด๋ฏธ์ง€ ๋ชฉ๋ก ์†Œ๊ฐœ Image List๋ž€? thumb nail List๋ผ๊ณ ๋„ ๋ถˆ๋ฆฐ๋‹ค ์„ฌ๋„ค์ผ์˜ ์‚ฌ์ „์  ์˜๋ฏธ : ์—„์ง€์†ํ†ฑ, ์ž‘์€ ๋ฌผ๊ฑด ์ธํ„ฐ๋„ท์—์„œ๋Š” ์ž‘์€ ํฌ๊ธฐ์˜ ๊ฒฌ๋ณธ ์ด๋ฏธ์ง€๋ฅผ ๊ฐ€๋ฅด์ผœ ์„ฌ๋„ค์ผ์ด๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค. ์‚ฌ์šฉ ์˜ˆ์‹œ ๋„ค์ด๋ฒ„ ๋ฉ”์ธํ™”๋ฉด ๋„ค์ด๋ฒ„ ์˜ํ™” ์‚ฌ์ดํŠธ ๋„ค์ด๋ฒ„ TV ์‚ฌ์ดํŠธ ์ด

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 15. ํƒญ

ํƒญ ์†Œ๊ฐœ ํƒญ : ์‚ฌ์ „์  ์˜๋ฏธ๋กœ ์ƒ‰์ธํ‘œ, ์‹๋ณ„ํ‘œ๋ผ๋Š” ๋œป ์ƒ‰์ธ์€ ๋ชฉ๋ก๊ณผ ๊ฐ™์€ ์˜๋ฏธ๋กœ ์“ฐ์ธ๋‹ค ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ๋กํ•  ๊ฒฝ์šฐ ๊ทธ ๋ฐ์ดํ„ฐ์˜ ์ด๋ฆ„, ํฌ๊ธฐ ๋“ฑ์˜ ์†์„ฑ๊ณผ ๊ทธ ๊ธฐ๋ก ์žฅ์†Œ๋“ฑ์„ ํ‘œ์‹œํ•˜๋Š”๊ฒƒ ์ฆ‰ ์ฐธ์กฐ์šฉ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ƒ‰์ธํ‘œ ๋˜๋Š” ์ธ๋ฑ์Šค๋ผ๊ณ ๋„ ๋ถ€๋ฅธ๋‹ค. ํƒญ UI์˜ ํŠน์ง• ์—ฌ๋Ÿฌ ๋ฌธ์„œ ๋˜๋Š” ํŒจ๋„

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 14. ๋ฉ”๋‰ด

๋ฉ”๋‰ด ์†Œ๊ฐœ ๋ฉ”๋‰ด: ๋‚ด๋น„๊ฒŒ์ด์…˜์ด๋ผ๊ณ ๋„ ๋ถˆ๋ฆผ ๋‚ด๋น„๊ฒŒ์ด์…˜์€ ์›น ์‚ฌ์ดํŠธ ๋‚ด์—์„œ ์ œ๊ณต๋˜๋Š” ์ •๋ณด๋ฅผ ์‰ฝ๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ์—ญํ• ์„ ํ•จ. ์‚ฌ์šฉ์ž๊ฐ€ ์›น ์‚ฌ์ดํŠธ์—์„œ ์ œ๊ณต๋˜๋Š” ํŽ˜์ด์ง€๋ฅผ ์ž˜ ๋ชจ๋ฅผ ์ˆ˜ ์žˆ์Œ. ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ์›น ์‚ฌ์ดํŠธ์—์„œ ์ œ๊ณตํ•˜๊ณ  ์žˆ๋Š” ๋‹ค์–‘ํ•œ ํŽ˜์ด์ง€๋“ค์„ ํ•œ๋ˆˆ์— ๋ณด๊ธฐ ์ข‹๊ฒŒ

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 13. ๋ ˆ์ด์•„์›ƒ

๋ ˆ์ด์•„์›ƒ ์†Œ๊ฐœ ๋ ˆ์ด์•„์›ƒ์˜ ์‚ฌ์ „์  ์˜๋ฏธ ์ฑ…์ด๋‚˜ ์‹ ๋ฌธ, ์žก์ง€ ๋”ฐ์œ„์—์„œ ๊ธ€์ด๋‚˜ ๊ทธ๋ฆผ ๋”ฐ์œ„๋ฅผ ํšจ๊ณผ์ ์œผ๋กœ ์ •๋ฆฌํ•˜๊ณ  ๋ฐฐ์น˜ํ•˜๋Š” ์ผ. ์ด์ฒ˜๋Ÿผ ์›น์—์„œ ๋””์ž์ธ์ด ๋œ ์›นํŽ˜์ด์ง€์˜ ๊ตฌ์„ฑ ์š”์†Œ๋“ค์„ ํšจ๊ณผ์ ์œผ๋กœ ์ •๋ฆฌํ•˜๊ณ  ๋ฐฐ์น˜ํ•˜๋Š” ์ผ์„ layout์ด๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค. ๋ ˆ์ด์•„์›ƒ์€ ๋ฐฐ์น˜ ๊ตฌ์„ฑ์— ๋”ฐ๋ผ์„œ ๋‹ค

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 12. float ํ•ด์ œ

float ํ•ด์ œ float์˜ ํŠน์„ฑ float์ด ์ ์šฉ๋œ ์š”์†Œ๋Š” ๊ทธ ํ๋ฆ„์—์„œ ๋ฒ—์–ด๋‚˜์„œ ๋ ˆ์ด์•„์›ƒ ์ƒ ๋„์›Œ์ง€๊ฒŒ ๋œ๋‹ค. ์ฃผ๋ณ€ ํ…์ŠคํŠธ๋‚˜ ์ธ๋ผ์ธ ์š”์†Œ๊ฐ€ ์ฃผ์œ„๋ฅผ ๊ฐ์‹ธ๋Š” ํŠน์ง•์ด ์žˆ๋‹ค. float์œผ๋กœ ์ž„์˜์˜ ์š”์†Œ๋ฅผ ์™ผ์ชฝ/์˜ค๋ฅธ์ชฝ์œผ๋กœ ๋ฐฐ์น˜ํ•˜๋ ค๊ณ  ํ•˜์ง€๋งŒ float์˜ ํŠน์ง•๋•Œ๋ฌธ์— ์ฃผ๋ณ€ ์š”์†Œ๋“ค

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 11. IR ๊ธฐ๋ฒ•

IR ๊ธฐ๋ฒ• IR ๊ธฐ๋ฒ•์ด๋ž€? Image Replacement ์ด๋ฏธ์ง€๋ฅผ ๋ณผ ์ˆ˜ ์—†๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ ์ ์ ˆํ•œ ๋Œ€์ฒด ํ…์ŠคํŠธ๋ฅผ ์ œ๊ณตํ•˜๋Š”๊ฒƒ ์›น ์ ‘๊ทผ์„ฑ 1. ์ ์ ˆํ•œ ๋Œ€์ฒด ํ…์ŠคํŠธ ์ œ๊ณต - ๋งˆํฌ์—…์œผ๋กœ ๋Œ€์ฒด ํ…์ŠคํŠธ ์ œ๊ณต ์ฐธ๊ณ  ์ด๋ฏธ์ง€ ํƒœ๊ทธ์—๋Š” ๋ฐ˜๋“œ์‹œ alt ์†์„ฑ์„ ์‚ฌ์šฉํ•ด์„œ ๋Œ€์ฒด ํ…์ŠคํŠธ๋ฅผ

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 10. CSS ๋ฆฌ์…‹

CSS ๋ฆฌ์…‹ ํฌ๋กœ์Šค๋ธŒ๋ผ์šฐ์ง•์ด๋ž€? Cross Browsing : ์–ด๋–ค ์›น ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์จ๋„ ํ™”๋ฉด์ด ๋˜‘๊ฐ™์ด ๋‚˜์˜ค๊ณ , ๋ธŒ๋ผ์šฐ์ €์— ๋”ฐ๋ผ ์ž…๋ ฅ๊ณผ ์‚ฌ์šฉ์— ๋ฌธ์ œ๊ฐ€ ์ƒ๊ธฐ์ง€ ์•Š์Œ ๋งˆํฌ์—… ์›์น™ ์›น ํ‘œ์ค€, ์›น ์ ‘๊ทผ์„ฑ, ์‹œ๋ฉ˜ํ‹ฑ ๋งˆํฌ์—…, ํฌ๋กœ์Šค๋ธŒ๋ผ์šฐ์ง• ๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค ๊ฐ™์€ ์ฝ”๋“œ์—ฌ๋„ ํ•ด์„ํ•˜๋Š”

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 9. ์›น ์ ‘๊ทผ์„ฑ

์›น ์ ‘๊ทผ์„ฑ ํ•™์Šต๋ชฉํ‘œ ์›นํŽ˜์ด์ง€๋ฅผ ์ œ์ž‘ํ• ๋•Œ ์–ด๋–ป๊ฒŒ ์ ‘๊ทผ์„ฑ์„ ์ค€์ˆ˜ํ•ด์•ผ ํ•˜๋Š”์ง€ ์•Œ์•„๋ณธ๋‹ค. ์›น ์ ‘๊ทผ์„ฑ ์ง€์นจ์— ๋”ฐ๋ผ ์‹ค๋ฌด์—์„œ ์ ‘๊ทผ์„ฑ์„ ์–ด๋–ป๊ฒŒ ์ค€์ˆ˜ํ•ด์•ผ ํ•˜๋Š”์ง€ ์ˆ™์ง€ํ•œ๋‹ค. ์žฅ์• ํ™˜๊ฒฝ : ์›น ์ ‘๊ทผ์„ฑ์„ ์ค€์ˆ˜ํ•ด์•ผ ํ•˜๋Š” ์ด์œ ๋ฅผ ์•Œ์•„๋ณธ๋‹ค. ์›น ์ ‘๊ทผ์„ฑ ์ง€์นจ : KWCAG์˜ ์ง€์นจ์— ๋”ฐ๋ฅธ 24๊ฐ€์ง€

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 8. ๋ฏธ๋””์–ด์ฟผ๋ฆฌ

๋ฏธ๋””์–ด์ฟผ๋ฆฌ ์†Œ๊ฐœ ๋ฏธ๋””์–ด์ฟผ๋ฆฌ๋Š” ๋ฐ˜์‘ํ˜• ์›น ์‚ฌ์ดํŠธ๋ฅผ ์ œ์ž‘ํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋ฐ˜๋“œ์‹œ ํ•„์š”ํ•œ ๋‚ด์šฉ Media Queires ๊ฐ ๋ฏธ๋””์–ด ๋งค์ฒด์— ๋”ฐ๋ผ ๋‹ค๋ฅธ ์Šคํƒ€์ผ ์‹œํŠธ๋ฅผ ์ ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋งŒ๋“œ๋Š”๊ฒƒ ์—ฌ๊ธฐ์„œ์˜ ๋ฏธ๋””์–ด ๋งค์ฒด : ๋ชจ๋‹ˆํ„ฐ์™€ ๊ฐ™์€ ์Šคํฌ๋ฆฐ ๋งค์ฒด, ํ”„๋ฆฐํŠธ ๋งค์ฒด, ์Šคํฌ๋ฆฐ ๋ฆฌ๋”๊ธฐ ๋“ฑ ์ฆ‰,

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

๐Ÿ’›[๋ถ€์ŠคํŠธ์ฝ”์Šค_์›น UI ๊ฐœ๋ฐœ] 7. ๋ ˆ์ด์•„์›ƒ

์†์„ฑ-display display ์†์„ฑ ์š”์†Œ์˜ rendering box ์œ ํ˜•์„ ๊ฒฐ์ • html์š”์†Œ๋Š” ๋ธ”๋ก๋ ˆ๋ฒจ์š”์†Œ์™€ ์ธ๋ผ์ธ ๋ ˆ๋ฒจ ์š”์†Œ๋กœ ๋‚˜๋‰œ๋‹ค. css์˜ display์†์„ฑ์„ ์ด์šฉํ•˜๋ฉด ํ™”๋ฉด์ƒ์—์„œ ๋ธ”๋ก์š”์†Œ๋ฅผ ์ธ๋ผ์ธ์š”์†Œ์ฒ˜๋Ÿผ ๋ณด์—ฌ์ค„์ˆ˜๋„ ์žˆ๊ณ  ๋ฐ˜๋Œ€๋กœ ์ธ๋ผ์ธ ์š”์†Œ๋ฅผ ๋ธ”๋ก์š”์†Œ์ฒ˜๋Ÿผ ๋ณด์—ฌ

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