๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ธ”๋กœ๊ทธ์ด์ „3

[TextField] TextField ์•„์ด์ฝ˜(์ „ํ›„) prefixIcon : TextField์—์„œ ์•ž(์™ผ์ชฝ) ์•„์ด์ฝ˜ ๋„์šฐ๊ธฐsuffixIcon : TextField์—์„œ ๋’ค(์˜ค๋ฅธ์ชฝ) ์•„์ด์ฝ˜ ๋„์šฐ๊ธฐ 2023. 10. 25.
ํ˜ธ์ด์ŠคํŒ…์ด๋ž€? ํ˜ธ์ด์ŠคํŒ…(Hoisting)ํ˜ธ์ด์ŠคํŒ…์€ ๋ณ€์ˆ˜๋‚˜ ํ•จ์ˆ˜ ์„ ์–ธ์„ ํ•จ์ˆ˜ ์œ ํšจ ๋ฒ”์œ„(๋˜๋Š” ํ•จ์ˆ˜ ์™ธ๋ถ€์˜ ๊ฒฝ์šฐ ์ „์—ญ ๋ฒ”์œ„)๊ฐ€ JS ์—”์ง„์—์˜ํ•ด๋งจ ์œ„๋กœ ์ด๋™ํ•˜๋Š” ํ˜„์ƒ์„ ๋งํ•œ๋‹ค. ( ๐Ÿธ : ์ด๋ ‡๊ฒŒ ๋งํ•˜๋ฉด ์‰ฌ์šด ๋ฌธ์žฅ ๊ฐ™์œผ๋ฉด์„œ๋„ ์–ด๋ ค์šด๊ฑฐ ์•Œ์•„์š” ์ €๋„ ๊ทธ๋žฌ์œผ๋‹ˆ๊นŒ ์ฒœ์ฒœํžˆ ์ฝ์œผ๋ฉด์„œ ๋‚ด๋ ค๊ฐ€๋ณด๋ฉด ์กฐ๊ธˆ์”ฉ ์ดํ•ด๋ ๊ฒ๋‹ˆ๋‹ค..! ) JavaScript ์—”์ง„์€ ์‹คํ–‰ํ•˜๊ธฐ ์ „์— ์ฝ”๋“œ๋ฅผ ๊ตฌ๋ฌธ ๋ถ„์„ํ•˜๊ณ  ๊ตฌ๋ฌธ ๋ถ„์„ ๋‹จ๊ณ„ ์ค‘์— ๋ชจ๋“  ๋ณ€์ˆ˜ ๋ฐ ํ•จ์ˆ˜ ์„ ์–ธ ์„ ๋ฒ”์œ„์˜ ๋งจ ์œ„๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค. JS ์—”์ง„์˜ ์ด๋Ÿฌํ•œ ๋™์ž‘์„ ํ˜ธ์ด์ŠคํŒ…( hoisting)์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค.์ด๋ฅผ ์ œ๋Œ€๋กœ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” TDZ์™€ ๋ณ€์ˆ˜์˜ ์ƒ์„ฑ ๋‹จ๊ณ„์— ๋Œ€ํ•œ ์ดํ•ด๊ฐ€ ํ•„์š”ํ•˜๋‹ค.TDZTDZ(Temporal Dead Zone)  ์ง์—ญ์‹œ ์ผ์‹œ์ ์ธ ์‚ฌ๊ฐ์ง€๋Œ€๋ž€ ๋œป์ด๋‹ค.์ด ์ผ์‹œ์ ์ธ ์‚ฌ๊ฐ์ง€๋Œ€๋Š” ์Šค์ฝ”ํ”„์˜ ์‹œ์ž‘ ์ง€์ ๋ถ€ํ„ฐ.. 2022. 10. 22.
๋ธŒ๋ผ์šฐ์ € ๋™์ž‘ ์›๋ฆฌ 1๏ธโƒฃ๋ธŒ๋ผ์šฐ์ €์˜ ์ฃผ์š” ๊ธฐ๋Šฅ์€ ์‚ฌ์šฉ์ž๊ฐ€ ์„ ํƒํ•œ ์ž์›์„ ์„œ๋ฒ„์— ์š”์ฒญํ•˜๊ณ  ๋ธŒ๋ผ์šฐ์ €์— ํ‘œ์‹œํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์ž์›์€ ๋ณดํ†ต HTML ๋ฌธ์„œ์ง€๋งŒ PDF๋‚˜ ์ด๋ฏธ์ง€ ๋˜๋Š” ๋‹ค๋ฅธ ํ˜•ํƒœ์ผ ์ˆ˜ ์žˆ๋‹ค. ์ž์›์˜ ์ฃผ์†Œ๋Š” URI(Uniform Resource Identifier)์— ์˜ํ•ด ์ •ํ•ด์ง„๋‹ค.2๏ธโƒฃ๋ธŒ๋ผ์šฐ์ €๋Š” HTML๊ณผ CSS ๋ช…์„ธ์— ๋”ฐ๋ผ HTML ํŒŒ์ผ์„ ํ•ด์„ํ•ด์„œ ํ‘œ์‹œํ•˜๋Š”๋ฐ ์ด ๋ช…์„ธ๋Š” ์›น ํ‘œ์ค€ํ™” ๊ธฐ๊ตฌ์ธ W3C(World Wide Web Consortium)์—์„œ ์ •ํ•œ๋‹ค. ๊ณผ๊ฑฐ์—๋Š” ๋ธŒ๋ผ์šฐ์ €๋“ค์ด ์ผ๋ถ€๋งŒ ์ด ๋ช…์„ธ์— ๋”ฐ๋ผ ๊ตฌํ˜„ํ•˜๊ณ  ๋…์ž์ ์ธ ๋ฐฉ๋ฒ•์œผ๋กœ ํ™•์žฅํ•จ์œผ๋กœ์จ ์›น ์ œ์ž‘์ž๊ฐ€ ์‹ฌ๊ฐํ•œ ํ˜ธํ™˜์„ฑ ๋ฌธ์ œ๋ฅผ ๊ฒช์—ˆ์ง€๋งŒ ์ตœ๊ทผ์—๋Š” ๋Œ€๋ถ€๋ถ„์˜ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ํ‘œ์ค€ ๋ช…์„ธ๋ฅผ ๋”ฐ๋ฅธ๋‹ค.์š”์•ฝ์ •๋ฆฌ1. DOM, CSSOM์ƒ์„ฑ: ๊ฐ€์žฅ ์ฒซ๋ฒˆ์งธ ๋‹จ๊ณ„๋กœ ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ๋ฐ›์€ HTML, CSS๋ฅผ ๋‹ค์šด.. 2022. 9. 30.