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

๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ168

2023๋…„ 11์›” 17์ผ ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ ํ•œ๊ตญ์‹œ๊ฐ„ ๊ทน๋Œ€๊ธฐ 2023๋…„ 11์›” 17์ผ ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ ํ•œ๊ตญ์‹œ๊ฐ„ ๊ทน๋Œ€๊ธฐ ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ๋ž€ ๋ฌด์—‡์ธ๊ฐ€? ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ๋Š” ๋งค๋…„ 11์›” ์ค‘์ˆœ๊ฒฝ ์ง€๊ตฌ์ƒ์—์„œ ๊ด€์ธก๋˜๋Š” ๋Œ€ํ‘œ์ ์ธ ์œ ์„ฑ์šฐ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ์ด ์œ ์„ฑ์šฐ๋Š” ํ…œํŽ -ํ„ฐํ‹€ ํ˜œ์„ฑ์˜ ์ž”ํ•ด๊ฐ€ ์ง€๊ตฌ ๋Œ€๊ธฐ์™€ ์ถฉ๋Œํ•˜๋ฉด์„œ ๋ฐ์€ ๊ด‘์„ ์„ ๋งŒ๋“ค์–ด๋‚ด๋ฉฐ, ๊ทธ ํ˜„์ƒ์ด ๋งˆ์น˜ ๋ณ„๋˜ฅ๋ณ„์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค. ํŠนํžˆ ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ๋Š” ๊ทธ ๋ฐ๊ธฐ์™€ ์ˆ˜๋งŽ์€ ์œ ์„ฑ๋“ค๋กœ ์ธํ•ด ๋งŽ์€ ์ฒœ๋ฌธํ•™์ž์™€ ๋ณ„์„ ์ข‹์•„ํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ํฐ ๊ด€์‹ฌ์„ ๋ฐ›๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. 2023๋…„ ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ์˜ ํŠน์ง• 2023๋…„ ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ๋Š” ํŠน๋ณ„ํ•œ ๊ด€์‹ฌ์„ ๋ฐ›๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ์œ ์„ฑ์šฐ์˜ ๊ทน๋Œ€๊ธฐ๋Š” 11์›” 17์ผ๋กœ ์˜ˆ์ƒ๋˜๋ฉฐ, ์ด ์‹œ๊ธฐ์—๋Š” ์‹œ๊ฐ„๋‹น ์ˆ˜์‹ญ ๊ฐœ์˜ ์œ ์„ฑ์ด ๊ด€์ธก๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ์˜ฌํ•ด๋Š” ๋‹ฌ๋น›์ด ์œ ์„ฑ์šฐ ๊ด€์ธก์— ํฐ ๋ฐฉํ•ด๊ฐ€ ๋˜์ง€ ์•Š์„ ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒ๋˜์–ด, ๋”์šฑ ๋งŽ์€ ์œ ์„ฑ.. 2023. 11. 9.
css,html ์ด์˜๊ฒŒ ์ •๋ฆฌ ์‚ฌ์ดํŠธ c style,json,js javascript beautifier Tabifier css, html ์ด์˜๊ฒŒ ์ •๋ฆฌ ์‚ฌ์ดํŠธ c style, json, js javascript beautifier Tabifier ์›น์‚ฌ์ดํŠธ ์†Œ๊ฐœ ์›น ๊ฐœ๋ฐœ ๋ฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ž‘์—…์—์„œ ๊ฐ€๋…์„ฑ ์ข‹๊ณ  ์ฒด๊ณ„์ ์œผ๋กœ ์ •๋ฆฌ๋œ ์ฝ”๋“œ๋Š” ๋งค์šฐ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ์ฝ”๋“œ๋ฅผ ๊น”๋”ํ•˜๊ฒŒ ์œ ์ง€ํ•˜๋Š” ๊ฒƒ์€ ๊ฐœ๋ฐœ์ž์˜ ๊ธฐ๋ณธ ์†Œ์–‘ ์ค‘ ํ•˜๋‚˜์ด๋ฉฐ, ์ด๋ฅผ ๋•๋Š” ๋‹ค์–‘ํ•œ ์˜จ๋ผ์ธ ๋„๊ตฌ๋“ค์ด ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ๊ธ€์—์„œ๋Š” HTML, CSS, JavaScript, C์–ธ์–ด ์Šคํƒ€์ผ, JSON, SQL ๋“ฑ ๋‹ค์–‘ํ•œ ์–ธ์–ด์˜ ์ฝ”๋“œ๋ฅผ ์•„๋ฆ„๋‹ต๊ฒŒ ์ •๋ฆฌํ•ด ์ฃผ๋Š” ์œ ์šฉํ•œ ์›น์‚ฌ์ดํŠธ๋“ค์„ ์†Œ๊ฐœํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์•„๋‹ˆ ๊ทผ๋ฐ, vscode๋“ , ์ดํด๋ฆฝ์Šค๋“  IDE์‚ฌ์šฉํ•˜๋ฉด ํ”Œ๋Ÿฌ๊ทธ์ธ์œผ๋กœ ๋ทฐํ‹ฐํŒŒ์ด์–ด ์ง€์›ํ•˜๋Š”๋ฐ ์ด๋Ÿฐ ์‚ฌ์ดํŠธ ์™œ ํ•„์š”ํ•จ? ์ด๋ผ๊ณ  ๋ฌด์„ ์‹ ๋‹ค๋ฉด... ๋‚ด ์ปด์ด ์•„๋‹Œ ๋ฐ์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋ฉ”๋ชจ์žฅ์—์„œ ์ฝ”๋“œ ์งœ์„œ ๋ง‰ FBIํ•ดํ‚นํ•˜.. 2023. 11. 8.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ”์ธ๋”ฉ: ํ™œ์šฉ๊ณผ ์ฃผ์˜์  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ”์ธ๋”ฉ: ํ™œ์šฉ๊ณผ ์ฃผ์˜์  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ฐ”์ธ๋”ฉ(binding)์ด๋ž€, ํŠน์ • ๊ฐ์ฒด์˜ ๋ฉ”์„œ๋“œ๋‚˜ ํ•จ์ˆ˜ ๋‚ด๋ถ€์—์„œ ์‚ฌ์šฉ๋˜๋Š” this์˜ ๊ฐ’์„ ๊ณ ์ •ํ•˜๋Š” ๊ฒƒ์„ ๋งํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” this๊ฐ€ ๊ฐ€๋ฆฌํ‚ค๋Š” ๊ฐ์ฒด๊ฐ€ ์‹คํ–‰ ์ปจํ…์ŠคํŠธ์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง€๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํŠน์„ฑ ๋•Œ๋ฌธ์— ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. this์˜ ๋™์ ์ธ ํŠน์„ฑ์€ ์œ ์šฉํ•  ๋•Œ๋„ ์žˆ์ง€๋งŒ, ์˜ˆ๊ธฐ์น˜ ์•Š์€ ๋ฌธ์ œ๋ฅผ ๋ฐœ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ๊ธฐ์— ๋ฐ”์ธ๋”ฉ์„ ํ†ตํ•ด ์•ˆ์ •์ ์œผ๋กœ ๊ด€๋ฆฌํ•  ํ•„์š”๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ”์ธ๋”ฉ์˜ ํ•„์š”์„ฑ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ•จ์ˆ˜๋Š” ํ˜ธ์ถœ๋˜๋Š” ๋ฐฉ์‹์— ๋”ฐ๋ผ this ๊ฐ’์ด ๊ฒฐ์ •๋ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ๋ฉ”์„œ๋“œ๋กœ ํ˜ธ์ถœ๋  ๋•Œ๋Š” this๊ฐ€ ๊ทธ ๋ฉ”์„œ๋“œ๋ฅผ ํ˜ธ์ถœํ•œ ๊ฐ์ฒด๋ฅผ ๊ฐ€๋ฆฌํ‚ค์ง€๋งŒ, ์ผ๋ฐ˜ ํ•จ์ˆ˜๋กœ ํ˜ธ์ถœ๋  ๋•Œ๋Š” this๊ฐ€ ์ „์—ญ ๊ฐ์ฒด(๋ธŒ๋ผ์šฐ์ €์—์„œ๋Š” window, Node.js์—์„œ๋Š” global)๋ฅผ ๊ฐ€๋ฆฌํ‚ค๊ฑฐ๋‚˜ un.. 2023. 11. 7.
์›๋“œ๋ผ์ด๋ธŒ ์‚ผ์„ฑ ๊ฐค๋Ÿญ์‹œ ๊ฐค๋Ÿฌ๋ฆฌ ๋™๊ธฐํ™” ํ•ด์ œํ•˜๊ธฐ ์›๋“œ๋ผ์ด๋ธŒ์™€ ์‚ผ์„ฑ ๊ฐค๋Ÿญ์‹œ ๊ฐค๋Ÿฌ๋ฆฌ ๋™๊ธฐํ™” ํ•ด์ œํ•˜๊ธฐ ์›๋“œ๋ผ์ด๋ธŒ(OneDrive)๋Š” ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ(Microsoft)๊ฐ€ ์ œ๊ณตํ•˜๋Š” ํด๋ผ์šฐ๋“œ ์ €์žฅ ์„œ๋น„์Šค๋กœ, ์‚ฌ์šฉ์ž๊ฐ€ ๋‹ค์–‘ํ•œ ๊ธฐ๊ธฐ์—์„œ ํŒŒ์ผ์„ ์ €์žฅํ•˜๊ณ  ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค. ์‚ผ์„ฑ ๊ฐค๋Ÿญ์‹œ ์Šค๋งˆํŠธํฐ ์‚ฌ์šฉ์ž์˜ ๊ฒฝ์šฐ, ๊ฐค๋Ÿฌ๋ฆฌ ์•ฑ์„ ํ†ตํ•ด ์‚ฌ์ง„๊ณผ ๋น„๋””์˜ค๋ฅผ ์›๋“œ๋ผ์ด๋ธŒ์™€ ๋™๊ธฐํ™”ํ•  ์ˆ˜ ์žˆ๋Š” ์˜ต์…˜์ด ์ œ๊ณต๋˜๋ฉฐ, ์ด๋ฅผ ํ†ตํ•ด ์‚ฌ์ง„์„ ์•ˆ์ „ํ•˜๊ฒŒ ๋ฐฑ์—…ํ•˜๊ณ  ์—ฌ๋Ÿฌ ๊ธฐ๊ธฐ ๊ฐ„์— ์‰ฝ๊ฒŒ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ฐœ์ธ ์ •๋ณด ๋ณดํ˜ธ, ์ €์žฅ ๊ณต๊ฐ„ ๊ด€๋ฆฌ, ๋˜๋Š” ๋‹จ์ˆœํžˆ ๋™๊ธฐํ™” ๊ธฐ๋Šฅ์„ ๋” ์ด์ƒ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์ง€ ์•Š์„ ๋•Œ ๋™๊ธฐํ™”๋ฅผ ํ•ด์ œํ•˜๊ณ ์ž ํ•  ์ˆ˜ ์žˆ๋‹ค. ์—ฌ๊ธฐ์„œ๋Š” ์›๋“œ๋ผ์ด๋ธŒ์™€ ์‚ผ์„ฑ ๊ฐค๋Ÿญ์‹œ ๊ฐค๋Ÿฌ๋ฆฌ์˜ ๋™๊ธฐํ™”๋ฅผ ํ•ด์ œํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ์•„๋ณด๊ฒ ๋‹ค. ์›๋“œ๋ผ์ด๋ธŒ ์‚ผ์„ฑ ๊ฐค๋Ÿญ์‹œ ๊ฐค๋Ÿฌ๋ฆฌ ๋™๊ธฐํ™” ํ•ด์ œ ๋ฐฉ๋ฒ• ์›๋“œ๋ผ์ด๋ธŒ ์‚ผ์„ฑ ๊ฐค๋Ÿญ์‹œ ๊ฐค.. 2023. 11. 5.
๋ฆฌ์•กํŠธ ํด๋” ๊ตฌ์กฐ React JS Folder Structure RJSFS ๋ฆฌ์•กํŠธ ํด๋” ๊ตฌ์กฐ React JS Folder Structure RJSFS ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๊ธฐ ์ „์—, ์ฒด๊ณ„์ ์ด๊ณ  ํšจ์œจ์ ์ธ ํด๋” ๊ตฌ์กฐ๋ฅผ ์„ธ์šฐ๋Š” ๊ฒƒ์€ ๋งค์šฐ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ๊ฐœ๋ฐœ์˜ ์ƒ์‚ฐ์„ฑ์„ ๋†’์ด๊ณ , ํŒ€์› ๊ฐ„์˜ ํ˜‘์—…์„ ์šฉ์ดํ•˜๊ฒŒ ํ•˜๋ฉฐ, ํ”„๋กœ์ ํŠธ์˜ ์œ ์ง€๋ณด์ˆ˜๋ฅผ ์‰ฝ๊ฒŒ ๋งŒ๋“œ๋Š” ๋ฐ ๋„์›€์„ ์ค๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ๋ฅผ ์œ„ํ•œ ํด๋” ๊ตฌ์กฐ์— ๋Œ€ํ•œ ๊ถŒ์žฅ ์‚ฌํ•ญ๊ณผ ํŒ์„ ์ œ๊ณตํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. ํ”„๋กœ์ ํŠธ ๊ทœ๋ชจ์— ๋”ฐ๋ฅธ ๊ตฌ์กฐํ™” ์†Œ๊ทœ๋ชจ ํ”„๋กœ์ ํŠธ ์†Œ๊ทœ๋ชจ ํ”„๋กœ์ ํŠธ์˜ ๊ฒฝ์šฐ, ๋ณต์žกํ•œ ํด๋” ๊ตฌ์กฐ๋ณด๋‹ค๋Š” ๊ฐ„๋‹จํ•˜๊ณ  ๋ช…ํ™•ํ•œ ๊ตฌ์กฐ๊ฐ€ ์œ ๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ๊ฐ ์ปดํฌ๋„ŒํŠธ์™€ ๊ด€๋ จ ํŒŒ์ผ๋“ค์„ ๊ธฐ๋Šฅ๋ณ„๋กœ ๊ทธ๋ฃนํ™”ํ•˜์—ฌ ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. src components Header Header.js Header.css Footer Footer.js Footer.css p.. 2023. 10. 27.
๋ถ€ํŠธ์ŠคํŠธ๋žฉ width grid incorrect ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์„ ํ™œ์šฉํ•œ ์›น ๋””์ž์ธ์—์„œ ๊ฐ€๋กœ ํญ ์กฐ์ ˆ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์€ ๋ฐ˜์‘ํ˜• ์›น ๋””์ž์ธ์„ ์‰ฝ๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋•Œ๋•Œ๋กœ, ํŠนํžˆ ์ƒˆ๋กœ ์‹œ์ž‘ํ•˜๋Š” ๋ถ„๋“ค์—๊ฒŒ๋Š” ๊ทธ๋ฆฌ๋“œ ์‹œ์Šคํ…œ์ด๋‚˜ ์ปจํ…Œ์ด๋„ˆ ์‚ฌ์šฉ์— ์žˆ์–ด ํ˜ผ๋ž€์„ ์ค„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ๋Š” ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์˜ ๊ฐ€๋กœ ํญ(width) ๊ด€๋ จ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์„ค๋ช…ํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์˜ ๊ทธ๋ฆฌ๋“œ ์‹œ์Šคํ…œ ์ดํ•ด ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์˜ ๊ทธ๋ฆฌ๋“œ ์‹œ์Šคํ…œ์€ ์ปจํ…Œ์ด๋„ˆ, ํ–‰(row), ๊ทธ๋ฆฌ๊ณ  ์—ด(column) ์„ธ ๊ฐ€์ง€ ์ฃผ์š” ๊ตฌ์„ฑ ์š”์†Œ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋“ค์€ ๋ฐ˜์‘ํ˜• ๋ ˆ์ด์•„์›ƒ์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ์„œ๋กœ ํ•จ๊ป˜ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ๊ธฐ๋ณธ์ ์œผ๋กœ, .row ํด๋ž˜์Šค๋Š” ๊ฐ€๋กœ ๋ฐฉํ–ฅ์˜ ์—ฌ๋ฐฑ์„ ๋งŒ๋“ค์–ด๋‚ด๋Š”๋ฐ, ์ด๋Š” ์—ด๋“ค์ด ์ ์ ˆํ•œ ๊ฐ„๊ฒฉ์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด ์—ฌ๋ฐฑ์€ .row๊ฐ€ ๋ถ€๋ชจ ์š”์†Œ์˜ ๊ฒฝ๊ณ„๋ฅผ ๋ฒ—์–ด๋‚˜.. 2023. 10. 22.