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

Today I Learned(TIL)/์ŠคํŒŒ๋ฅดํƒ€ ๋‚ด์ผ๋ฐฐ์›€์บ ํ”„55

์›น ๊ฐœ๋ฐœ ์ข…ํ•ฉ_3์ฃผ์ฐจ ์›น ๊ฐœ๋ฐœ 3์ฃผ ์ฐจ์— ๋ฐฐ์šด ๋‚ด์šฉJquery + fetch2์ฃผ ์ฐจ์— JQuery๋ฅผ ๋ง›๋ณด๊ธฐ ํ–ˆ์—ˆ๋Š”๋ฐ 3์ฃผ ์ฐจ์—๋Š” ๋ฐฐ์šด JQuery๋ฅผ ํ”„๋กœ์ ํŠธ์— ์ ์šฉํ•ด ๋ดค๋‹ค!fetch๋ผ๋Š” ์ƒˆ๋กœ์šด ๊ฐœ๋…๋„ ๋“ฑ์žฅํ•˜์˜€๊ณ , ๋งˆ์ง€๋ง‰ ์ˆ™์ œ๋กœ ๋ฐฐ์šด ๋‚ด์šฉ์„ ๋ฐ”ํƒ•์œผ๋กœ ํŽ˜์ด์ง€ ์˜ˆ์‹œ ์‚ฌ์ง„์„ ๋ณด๋ฉฐ ์ง์ ‘ ํŽ˜์ด์ง€๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ๋„ ๊ฒฝํ—˜ํ–ˆ๋‹ค๐Ÿ˜Ž์ถ”์–ต์•จ๋ฒ” - JQuery ์ ์šฉํ•˜๊ธฐ!์ „์— ๋งŒ๋“ค์—ˆ๋˜ ์ถ”์–ต์•จ๋ฒ”์˜ PostBox๋ฅผ ๋ฒ„ํŠผ์„ ํ†ตํ•ด ์—ด๊ณ  ๋‹ซ๋Š” ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ–ˆ๋‹ค!!function openClose() { $('#postingbox').toggle(); //display ๊ฐ’์ด none์œผ๋กœ ๋ฐ”๋€Œ๋ฉด์„œ ์•ˆ๋ณด์ด๊ฒŒ ๋˜๋Š” ์›๋ฆฌ์ด๋‹ค. } ๋‚˜๋งŒ์˜ ์ถ”์–ต์•จ๋ฒ” ํ˜„์žฌ ์„œ์šธ์˜ ๋ฏธ์„ธ๋จผ์ง€ : ๋‚˜์จ ์ถ”์–ต ์ €์žฅํ•˜๊ธฐ ์•จ๋ฒ” ์ด๋ฏธ์ง€ .. 2024. 10. 30.
์›น ๊ฐœ๋ฐœ ์ข…ํ•ฉ_2์ฃผ์ฐจ ์ŠคํŒŒ๋ฅดํƒ€ํ”Œ๋ฆญ์Šค_ํ”„๋กœ์ ํŠธํ™˜๊ฒฝ ์„ธํŒ…sparta ํด๋” ์•ˆ์— spartaflix ํด๋”๋ฅผ ๋งŒ๋“ ๋‹ค!spartaflix ์•ˆ์— index.html์„ ๋งŒ๋“  ํ›„ ์•„๋ž˜์˜ ํ…œํ”Œ๋ฆฟ์„ ๋„ฃ๋Š”๋‹ค! ํŽ˜์ด์ง€ ์ƒ๋‹จ ๋งŒ๋“ค๊ธฐ๋‹ค์Œ๊ณผ ๊ฐ™์€ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค ์˜ˆ์ •์ด๋‹ค!๋‚จ์ด ๋งŒ๋“ค์–ด ๋‘” ๊ฒƒ์„ ์“ธ ๋•Œ๋Š” ์ž˜ ์ฐพ์•„๋‹ค๊ฐ€ ์กฐ๊ธˆ์”ฉ๋งŒ ๊ณ ์ณ์„œ ์“ฐ๋Š” ๊ฒƒ์ด ๋‹ต์ด๋‹ค ๐Ÿ˜ŽBootstrap ์‚ฌ์ดํŠธ์—์„œ Jumbotron ๊ฒ€์ƒ‰ ํ›„ ์ถ”๊ฐ€ํ•˜๊ธฐ๊ตฌ๊ธ€ ํฐํŠธ ์ ์šฉํ•˜๊ธฐBootstrap ์‚ฌ์ดํŠธ์—์„œ Headers ์ฐพ์•„์„œ ์ถ”๊ฐ€ํ•˜๊ธฐ์œ„์˜ ๊ณผ์ •์„ ๊ฑฐ์น˜๋ฉด ์ŠคํŒŒ๋ฅดํƒ€ํ”Œ๋ฆญ์Šค์˜ ์ƒ๋‹จ ๋ถ€๋ถ„์ด ์™„์„ฑ๋œ๋‹ค!์นด๋“œ ์ถ”๊ฐ€ํ•˜๊ธฐBootstrap ์‚ฌ์ดํŠธ์—์„œ Cards ๊ฒ€์ƒ‰ ํ›„ ์ถ”๊ฐ€ํ•˜๊ธฐํฌ์Šคํ„ฐ ์ด๋ฏธ์ง€ ๋„ฃ๊ณ , ๊ฐœ์ˆ˜ ์กฐ์ ˆํ•˜๊ธฐ์นด๋“œ ๋‚ด์šฉ ๋ณ€๊ฒฝ ํ›„ ๋ณ„์  ์ถ”๊ฐ€ํ•˜๊ธฐ์˜ํ™” ์ œ๋ชฉ, ์˜ํ™” ์ฝ”๋ฉ˜ํŠธ ๋ณ€๊ฒฝ์˜ํ™” ์ œ๋ชฉ, ์˜ํ™” ์ฝ”๋ฉ˜ํŠธ ์‚ฌ์ด์— ํƒœ๊ทธ๋ฅผ ํ™œ์šฉํ•˜์—ฌ .. 2024. 10. 29.
Spring ์‚ฌ์ „์บ ํ”„ ํ€˜์ŠคํŠธ_๋ฐ˜๋ณต๋ฌธ ์—ฐ์Šตํ•˜๊ธฐ ๋ฐ˜๋ณต๋ฌธ ์—ฐ์Šตํ•˜๊ธฐ Part 1๋ฌธ์ œ : 1๋ถ€ํ„ฐ 100๊นŒ์ง€์˜ ์ˆซ์ž ์ถœ๋ ฅํ•˜๊ธฐfor ๋˜๋Š” while ๋ฐ˜๋ณต๋ฌธ์„ ์‚ฌ์šฉํ•˜์—ฌ 1๋ถ€ํ„ฐ 100๊นŒ์ง€์˜ ์ˆซ์ž๋ฅผ ์ถœ๋ ฅํ•˜์„ธ์š”.For๋ฌธpublic class Main { public static void main() { for (int i = 1; i While๋ฌธpublic class Main { public static void main() { int i = 1; while (i  ๋ฐ˜๋ณต๋ฌธ ์—ฐ์Šตํ•˜๊ธฐ Part 2๋ฌธ์ œ : 1๋ถ€ํ„ฐ 100๊นŒ์ง€์˜ ์ง์ˆ˜๋งŒ ์ถœ๋ ฅํ•˜๊ธฐ๋ฐ˜๋ณต๋ฌธ์„ ์‚ฌ์šฉํ•˜์—ฌ 1๋ถ€ํ„ฐ 100๊นŒ์ง€์˜ ์ˆซ์ž ์ค‘ ์ง์ˆ˜๋งŒ ์ถœ๋ ฅํ•˜์„ธ์š”.For๋ฌธpublic class Main { public static void main() { .. 2024. 10. 29.
์›น ๊ฐœ๋ฐœ ์ข…ํ•ฉ_1์ฃผ์ฐจ ์›น์€ ๊ฐœ๋ฐœ์˜ ๊ธฐ์ดˆ์ด๋‹ค๐Ÿคจ์›น์€ ๊ฐœ๋ฐœ์„ ์ž…๋ฌธํ•  ๋•Œ ๋ฐฐ์šฐ๋Š” ๊ฐœ๋ฐœ์˜ ๊ธฐ์ดˆ๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค!์•ฑ ๊ฐœ๋ฐœ์ž๋„, ๊ฒŒ์ž„ ๊ฐœ๋ฐœ์ž๋„ ์ฒ˜์Œ์—๋Š” ์›น์œผ๋กœ ์‹œ์ž‘ํ•œ๋‹ค๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค!! 1์ฃผ์ฐจ : HTML, CSS, BootstrapHTML๊ณผ CSS๋ฅผ ๋ฐฐ์šฐ๋ฉด ๋ธŒ๋ผ์šฐ์ €์—์„œ ์šฐ๋ฆฌ ๋ˆˆ์— ๋ณด์ด๋Š” ์›น์˜ ๋ผˆ๋Œ€๋ฅผ ๋งŒ๋“ค๊ณ  ๊พธ๋ฐ€ ์ˆ˜ ์žˆ๋‹ค!์›น์„ ์‰ฝ๊ฒŒ ๊พธ๋ฐ€ ์ˆ˜ ์žˆ๋Š” ๋ถ€ํŠธ์ŠคํŠธ๋žฉ๋„ ํ™œ์šฉ ๊ฐ€๋Šฅํ•˜๋‹ค. ๐Ÿ˜Š์ฃผ๋กœ ๋ฐฐ์šด ๋‚ด์šฉ์€ HTML & CSS ์ด๋‹ค! ์›น ๋ธŒ๋ผ์šฐ์ € ์ž‘๋™ ์›๋ฆฌ๋ธŒ๋ผ์šฐ์ €์˜ ์—ญํ•  : ์š”์ฒญ์„ ๋ณด๋‚ด๊ณ  ๋ฐ›์€ HTML ํŒŒ์ผ์„ ๊ทธ๋ ค์ฃผ๋Š” ๊ฒƒ์ด๋‹ค!์šฐ๋ฆฌ๊ฐ€ ๋ณด๋Š” ์›น ํŽ˜์ด์ง€๋Š” ์„œ๋ฒ„์—์„œ ์ค€๋น„ํ•ด ๋‘์—ˆ๋˜ ๊ฒƒ์„ ๋ฐ›์•„์„œ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์šฐ๋ฆฌ๊ฐ€ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ๊ทธ๋ ค์ฃผ๋Š” ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•œ๋‹ค.์š”์ฒญํ•˜๋Š” ์ชฝ : ํด๋ผ์ด์–ธํŠธ(๋ธŒ๋ผ์šฐ์ €), ์ฃผ๋Š” ์ชฝ : ์„œ๋ฒ„์ฆ‰, ๋ธŒ๋ผ์šฐ์ €๋Š” ์š”์ฒญ์„ ๋ณด๋‚ด๊ณ , ์š”์ฒญ์˜ ๋‹ต์œผ๋กœ ๋ฐ›์€.. 2024. 10. 28.
Java Handbook_Part 1โœ๏ธ ์–ธ์–ด์˜ ์—ญ์‚ฌ์ปดํ“จํ„ฐ๋Š” ๋งค์šฐ ๋น ๋ฅธ ์†๋„๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค. ํ•˜์ง€๋งŒ 2์ง„๋ฒ•๋ฐ–์— ํ•  ์ค„ ๋ชจ๋ฅธ๋‹ค.... ๋”ฐ๋ผ์„œ ์ปดํ“จํ„ฐ๋Š” ๋ฐ”๋ณด์ง€๋งŒ ๋น ๋ฅด๊ณ  ์ •ํ™•ํ•œ ์นœ๊ตฌ์ด๋‹ค!!์ปดํ“จํ„ฐ๊ฐ€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๊ฒŒ '01010101 00000001 00001001' ์ฒ˜๋Ÿผ ํ‘œํ˜„๋˜๋Š” ์–ธ์–ด : ๊ธฐ๊ณ„์–ดํ•˜์ง€๋งŒ ์‚ฌ๋žŒ์˜ ์ž…์žฅ์—์„œ ๊ธฐ๊ณ„์–ด๋Š” ๋„ˆ๋ฌด ๋ณต์žกํ•˜๊ณ  ์–ด๋ ต๋‹ค.๊ทธ๋ž˜์„œ ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๊ธฐ๊ณ„ ๋ช…๋ น์–ด์™€ ์ผ์ƒ ์šฉ์–ด๋ฅผ 1:1๋กœ ๋งค์นญํ•˜๋Š” ๊ธฐ๊ณ„์–ด์™€ ๋‹ˆ๋ชจ๋‹‰์˜ ๋งค์นญ ์ฝ”๋“œํ‘œ๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค!์–ด์…ˆ๋ธ”๋ฆฌ์–ด๋งค์นญ ์ฝ”๋“œํ‘œ = ์–ด์…ˆ๋ธ”๋ฆฌCPU๋งˆ๋‹ค ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๊ณ„์–ด๊ฐ€ ๋‹ฌ๋ž๊ธฐ ๋•Œ๋ฌธ์— ์–ด์…ˆ๋ธ”๋ฆฌ์–ด๋„ ๋‹ค๋ฅด๊ฒŒ ๋งŒ๋“ค์–ด์กŒ๋‹ค.์–ด์…ˆ๋ธ”๋ฆฌ์–ด๋ฅผ ๊ธฐ๊ณ„์–ด๋กœ ๋ฒˆ์—ญํ•ด ์ฃผ๋Š” ์†Œํ”„ํŠธ์›จ์–ด = ์–ด์…ˆ๋ธ”๋Ÿฌ์–ด์…ˆ๋ธ”๋ฆฌ์–ด์˜ ๋“ฑ์žฅ์œผ๋กœ ๋งŽ์€ ๊ฐœ๋ฐœ์ž๋“ค์ด ํŽธํ•ด์กŒ์ง€๋งŒ ๊ฐœ์„ ํ•ด์•ผ ํ•  ์ ์ด ์žˆ์—ˆ๋‹ค...C์–ธ์–ดC์–ธ์–ด์˜ ๋“ฑ์žฅ์œผ๋กœ ์†Œ์ŠคํŒŒ์ผ์„ ๋‹จ ํ•˜๋‚˜๋งŒ ๋งŒ๋“ค์–ด๋„ .. 2024. 10. 22.
๋‚ด์ผ๋ฐฐ์›€์บ ํ”„ ์Šคํƒ€ํ„ฐ ๋…ธํŠธ ์ž‘์„ฑโœ๏ธ ๋‚ด๊ฐ€ ๋‚ด์ผ๋ฐฐ์›€์บ ํ”„์— ์ฐธ์—ฌํ•œ ๊ณ„๊ธฐ๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”?์ทจ์—…์„ ์ค€๋น„ํ•˜๋˜ ๋„์ค‘ ๋จผ์ € ์ฐธ์—ฌํ•˜๊ณ  ์žˆ๋˜ ์นœ๊ตฌ์˜ ๊ถŒ์œ ๋ฅผ ํ†ตํ•ด ์•Œ๊ฒŒ ๋˜์—ˆ๊ณ  ๋‚ด์ผ๋ฐฐ์›€์บ ํ”„์˜ ์—ฌ๋Ÿฌ ๊ณผ์ • ์ค‘์—์„œ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ ๊ณผ์ •์ด ๋ˆˆ์— ๊ฐ€์žฅ ๋“ค์–ด์™€์„œ ์ฐธ์—ฌํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค! ์„ฑ์‹คํ•˜๊ฒŒ ์ปค๋ฆฌํ˜๋Ÿผ์„ ๋”ฐ๋ผ ๊ณต๋ถ€ํ•˜๋‹ค๋ณด๋ฉด ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž์˜ ์—ญ๋Ÿ‰์„ ์ฐจ๊ณก์ฐจ๊ณก ์Œ“์„ ์ˆ˜ ์žˆ์ง€ ์•Š์„๊นŒ ์ƒ๊ฐํ–ˆ์Šต๋‹ˆ๋‹ค!๋‚ด๊ฐ€ ์ดํ•ดํ•œ ๊ฐœ๋ฐœ์ž๋Š” ์–ด๋–ค ์—ญํ• ์„ ํ•˜๋Š” ์‚ฌ๋žŒ์ธ๊ฐ€์š”?์‚ฌ๋žŒ๋“ค์ด ์˜จ๋ผ์ธ ์ƒ์—์„œ ๋ถˆํŽธํ•จ์„ ๋Š๋ผ๊ณ  ํ•„์š”๋กœ ํ•˜๋Š” ๋ถ€๋ถ„์„ ์ฐธ๊ณ ํ•˜์—ฌ ํ”„๋กœ๊ทธ๋žจ์„ ๊ฐœ๋ฐœํ•˜์—ฌ ๋ถˆํŽธํ•จ์„ ํ•ด์†Œ์‹œ์ผœ์ค„ ์ˆ˜ ์žˆ๋Š” ์‚ฌ๋žŒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ๊ฒฝํ—˜ํ•ด๋ณด์…จ๋‚˜์š”? ํ•ด๋ณด์…จ๋‹ค๋ฉด ์–ด๋–ค ๊ฒฝํ—˜์„ ํ•˜์…จ๋Š”์ง€๋ฅผ ์ž‘์„ฑํ•ด์ฃผ์‹œ๊ณ , ์•„๋‹ˆ๋ผ๋ฉด ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ๋Œ€ํ•ด ์ฐพ์•„๋ณธ ๊ฒƒ์„ ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”.๋Œ€ํ•™๊ต์—์„œ ์ž๋ฐ”, ํŒŒ์ด์ฌ, SQL ๋“ฑ์„ ๋ฐฐ์šฐ๋Š” ๊ณผ๋ชฉ์ด ์กด์žฌํ•˜์˜€๊ณ , ํŒŒ์ด์ฌ์„ ํ†ตํ•ด .. 2024. 10. 21.