๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•
SMALL

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

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์กฐ๊ฑด๋ฌธ ์™„์ „ ์ •๋ณต: ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์‹ค์ „๊นŒ์ง€ ํ•œ ๋ฒˆ์— ๋ฐฐ์šฐ๊ธฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์กฐ๊ฑด๋ฌธ์€ ๋กœ์ง์„ ์ œ์–ดํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ธ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋‹ค์–‘ํ•œ ์กฐ๊ฑด๋ฌธ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ณ , ์ดˆ๋ณด์ž๋„ ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์˜ˆ์ œ์™€ ์‹ค์Šต์„ ํ†ตํ•ด ํ™œ์šฉ๋ฒ•์„ ์ตํ˜€๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.โ‰ฃ ๋ชฉ์ฐจ์กฐ๊ฑด๋ฌธ์˜ ๊ธฐ๋ณธ ๊ฐœ๋…๐Ÿ“šif ๋ฌธโœ…else์™€ else if๐Ÿ”„switch ๋ฌธ๐Ÿ”€์‚ผํ•ญ ์—ฐ์‚ฐ์ž๐ŸŽญ์‹ค์Šต ๋ฌธ์ œ๐Ÿ› ๏ธ๊ณ ๊ธ‰ ์กฐ๊ฑด๋ฌธ ์‚ฌ์šฉ๋ฒ•๐Ÿš€ํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์กฐ๊ฑด๋ฌธ์€ ์—ฐ์‚ฐ์ž์™€ ํ•จ๊ป˜ ์œ ์šฉํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž์— ๋Œ€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ํฌ์ŠคํŒ…์„ ์ฐธ๊ณ ํ•ด ์ฃผ์„ธ์š”๐Ÿ˜" "[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž ์™„๋ฒฝ ๊ฐ€์ด๋“œ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž๋Š” ๋ณ€์ˆ˜์™€ ๊ฐ’์„ ์กฐ์ž‘ํ•˜๋Š” ๋ฐ ์žˆ์–ด ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ ๋‹ค๋ฃจ๋Š” ๋‹ค์–‘ํ•œ ์—ฐ์‚ฐ์ž์˜ ์„ค๋ช…์„ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž๋ฅผ ์™„๋ฒฝํ•˜๊ฒŒ ์ดํ•ดํ•˜๊ณ  ํšจ์œจ์ ์œผ๋กœ ํ™œ์šฉ.. 2024. 6. 14.
[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž ์™„๋ฒฝ ๊ฐ€์ด๋“œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž๋Š” ๋ณ€์ˆ˜์™€ ๊ฐ’์„ ์กฐ์ž‘ํ•˜๋Š” ๋ฐ ์žˆ์–ด ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ ๋‹ค๋ฃจ๋Š” ๋‹ค์–‘ํ•œ ์—ฐ์‚ฐ์ž์˜ ์„ค๋ช…์„ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž๋ฅผ ์™„๋ฒฝํ•˜๊ฒŒ ์ดํ•ดํ•˜๊ณ  ํšจ์œจ์ ์œผ๋กœ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.โ‰ฃ ๋ชฉ์ฐจ๊ธฐ๋ณธ ์—ฐ์‚ฐ์ž๐Ÿ”ขํ• ๋‹น ์—ฐ์‚ฐ์ž๐Ÿ› ๏ธ๋น„๊ต ์—ฐ์‚ฐ์žโš–๏ธ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž๐Ÿ”„์‚ผํ•ญ ์กฐ๊ฑด ์—ฐ์‚ฐ์žโ“๊ธฐํƒ€ ์—ฐ์‚ฐ์ž๐Ÿ› ๏ธ์—ฐ์‚ฐ์ž ์šฐ์„ ์ˆœ์œ„๐Ÿ“Šํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€01. ๊ธฐ๋ณธ ์—ฐ์‚ฐ์ž๐Ÿ”ข1. ์‚ฐ์ˆ ์—ฐ์‚ฐ์žJavaScript์—์„œ์˜ ์‚ฐ์ˆ ์—ฐ์‚ฐ์ž๋Š” ์ˆซ์žํ˜• ๋ฐ์ดํ„ฐ๋ฅผ ์ด์šฉํ•˜์—ฌ ์ˆ˜ํ•™์ ์ธ ์—ฐ์‚ฐ์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ์ฃผ์š” ์‚ฐ์ˆ ์—ฐ์‚ฐ์ž๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.1. ๋ง์…ˆ (+)๋ง์…ˆ ์—ฐ์‚ฐ์ž๋Š” ์ˆซ์ž๋ฅผ ๋”ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.let a = 5;let b = 3;let sum = a + b; // 5 + 3console.log(sum); // ์ถœ๋ ฅ: 82. ๋บ„์…ˆ (-)๋บ„์…ˆ .. 2024. 6. 13.
[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ]์ดˆ๋ณด์ž๋ฅผ ์œ„ํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ž๋ฃŒํ˜• ๊ฐ€์ด๋“œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ž๋ฃŒํ˜•์„ ์ดํ•ดํ•˜๋Š” ๊ฒƒ์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ๊ธฐ์ดˆ์ด์ž ํ•„์ˆ˜์ž…๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋‹ค์–‘ํ•œ ์ž๋ฃŒํ˜•์„ ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์‹ฌํ™”๊นŒ์ง€ ์ž์„ธํžˆ ๋‹ค๋ฃน๋‹ˆ๋‹ค.โ‰ฃ ๋ชฉ์ฐจ์ž๋ฃŒํ˜•์˜ ์ข…๋ฅ˜๐Ÿ“š๊ธฐ๋ณธ ์ž๋ฃŒํ˜• ์ƒ์„ธ ์„ค๋ช…๐Ÿ” ์ฐธ์กฐ ์ž๋ฃŒํ˜• ์ƒ์„ธ ์„ค๋ช…๐Ÿงฉ ์ž๋ฃŒํ˜• ๋ณ€ํ™˜๐Ÿ”„ ์ž๋ฃŒํ˜• ํ™•์ธ ๋ฐฉ๋ฒ•๐Ÿ” ์‹ฌํ™” ๋‚ด์šฉ๐Ÿ“˜ ํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€ ์ž๋ฃŒํ˜•์˜ ์ข…๋ฅ˜๐Ÿ“š๊ธฐ๋ณธ ์ž๋ฃŒํ˜• (Primitive Types)์ˆซ์ž(Number): ์ •์ˆ˜์™€ ์‹ค์ˆ˜๋ฅผ ๋ชจ๋‘ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค. ex) let age = 25;๋ฌธ์ž์—ด(String): ๋ฌธ์ž์—ด ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค. ex) let name = "John";๋ถˆ๋ฆฌ์–ธ(Boolean): ์ฐธ(true) ๋˜๋Š” ๊ฑฐ์ง“(false)์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. ex) let isStudent = true;null: ์˜๋„์ ์œผ๋กœ ๊ฐ’์ด ์—†์Œ์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. ex) .. 2024. 6. 12.
[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜ ์ดํ•ดํ•˜๊ธฐ: var, let, const ์ฐจ์ด์  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ํ•ต์‹ฌ ์š”์†Œ๋กœ, ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ณ  ์กฐ์ž‘ํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ธ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๊ณ  ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ž์„ธํžˆ ์„ค๋ช…ํ•˜๊ณ , var, let, const์˜ ์ฐจ์ด์ ์„ ๋ช…ํ™•ํ•˜๊ฒŒ ๋ถ„์„ํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.โ‰ฃ ๋ชฉ์ฐจ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜๋ž€?๐Ÿ”๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐฉ๋ฒ•โœ๏ธvar, let, const ์ฐจ์ด์ โš–๏ธ๋ณ€์ˆ˜ ์ดˆ๊ธฐํ™”์™€ ํ• ๋‹น๐ŸŽฏ๋ณ€์ˆ˜๋ช… ์ž‘์„ฑ ๊ทœ์น™๐Ÿ“ํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€01. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜๋ž€?๐Ÿ”๋จผ์ €, ๋ณ€์ˆ˜๋ž€ ๋ฌด์—‡์ผ๊นŒ์š”? ๊ฐ„๋‹จํžˆ ๋งํ•ด, ๋ณ€์ˆ˜๋Š” ๊ฐ’์„ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค. ๋ณ€์ˆ˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ณ , ๊ทธ ๋ฐ์ดํ„ฐ๋ฅผ ํ•„์š”ํ•  ๋•Œ ๋‹ค์‹œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด ์ค๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜๋Š” ๋‹ค์–‘ํ•œ ํƒ€์ž…์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ด๋Ÿฌํ•œ ์œ ์—ฐ์„ฑ ๋•๋ถ„์— ๋‹ค์–‘ํ•œ ์ƒํ™ฉ์—์„œ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค... 2024. 6. 11.
[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ]์ดˆ๋ณด์ž๋ฅผ ์œ„ํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŠœํ† ๋ฆฌ์–ผ: ๋‚ด๋ถ€ ๋ฐ ์™ธ๋ถ€์Šคํฌ๋ฆฝํŠธ, ์ฃผ์„ ๋ฐ ๋””๋ฒ„๊น… ์›น ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•˜๋ฉด์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฐ์šฐ๋Š” ๊ฒƒ์€ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ฒ˜์Œ ๋ฐฐ์šฐ๋Š” ๋ถ„๋“ค์„ ์œ„ํ•ด ์ด๋ฒˆ ๊ธ€์—์„œ๋Š” ๋‚ด๋ถ€์Šคํฌ๋ฆฝํŠธ์™€ ์™ธ๋ถ€์Šคํฌ๋ฆฝํŠธ์˜ ์‚ฌ์šฉ๋ฒ•, ์ฃผ์„์„ ํ†ตํ•ด ์ฝ”๋“œ์˜ ๊ฐ€๋…์„ฑ์„ ๋†’์ด๋Š” ๋ฐฉ๋ฒ•, ๊ทธ๋ฆฌ๊ณ  ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ์˜ค๋ฅ˜๋ฅผ ํ™•์ธํ•˜๊ณ  ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด ๋„ค ๊ฐ€์ง€ ์ฃผ์ œ๋ฅผ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๊ธฐ์ดˆ๋ฅผ ํƒ„ํƒ„ํžˆ ๋‹ค์ ธ๋ด…์‹œ๋‹ค.โ‰ฃ ๋ชฉ์ฐจ๋‚ด๋ถ€์Šคํฌ๋ฆฝํŠธ๐Ÿ“˜์™ธ๋ถ€์Šคํฌ๋ฆฝํŠธ๐Ÿ‘จ‍๐Ÿ’ป์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฃผ์„๐Ÿ“์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์˜ค๋ฅ˜ ํ™•์ธ ๋ฐฉ๋ฒ•๐Ÿ› ๏ธํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€01. ๋‚ด๋ถ€์Šคํฌ๋ฆฝํŠธ๐Ÿ“˜์ •์˜๋‚ด๋ถ€์Šคํฌ๋ฆฝํŠธ๋Š” HTML ํŒŒ์ผ ๋‚ด์— ์ง์ ‘ ์ž‘์„ฑํ•˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค. 02. ์™ธ๋ถ€์Šคํฌ๋ฆฝํŠธ๐Ÿ‘จ‍์ •์˜์™ธ๋ถ€์Šคํฌ๋ฆฝํŠธ๋Š” ๋ณ„๋„์˜. js ํŒŒ์ผ๋กœ ์ž‘์„ฑ๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค. HTML ํŒŒ์ผ์—์„œ๋Š” ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์™ธ๋ถ€ ํŒŒ์ผ์„ ๋ถˆ๋Ÿฌ์˜ต๋‹ˆ๋‹ค.์žฅ์ ์ฝ”๋“œ์˜ ๋ชจ๋“ˆํ™”: .. 2024. 6. 10.
[DBMS]MariaDB ์™ธ๋ž˜ ํ‚ค ์ œ์•ฝ ์กฐ๊ฑด: ์™„๋ฒฝ ๊ฐ€์ด๋“œ ๋ฐ ์‹ค์ „ ํŒ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๊ด€๋ฆฌ์—์„œ ๋ฌด๊ฒฐ์„ฑ์€ ๋งค์šฐ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ๋ณด์žฅํ•˜๊ธฐ ์œ„ํ•œ ๋ฐฉ๋ฒ• ์ค‘ ํ•˜๋‚˜๊ฐ€ ๋ฐ”๋กœ ์™ธ๋ž˜ ํ‚ค(Foreign Key) ์ œ์•ฝ ์กฐ๊ฑด์ž…๋‹ˆ๋‹ค. MariaDB์—์„œ๋„ ์™ธ๋ž˜ ํ‚ค ์ œ์•ฝ ์กฐ๊ฑด์„ ํ†ตํ•ด ๋ฐ์ดํ„ฐ์˜ ์ผ๊ด€์„ฑ๊ณผ ๋ฌด๊ฒฐ์„ฑ์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” MariaDB ์™ธ๋ž˜ ํ‚ค ์ œ์•ฝ ์กฐ๊ฑด์˜ ๊ฐœ๋…๋ถ€ํ„ฐ ์„ค์ • ๋ฐฉ๋ฒ•, ๋‹ค์–‘ํ•œ ์˜ต์…˜, ์‹ค์ „ ์˜ˆ์ œ, ๊ทธ๋ฆฌ๊ณ  ์ž์ฃผ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ์™€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•๊นŒ์ง€ ์™„๋ฒฝํ•˜๊ฒŒ ์•ˆ๋‚ดํ•ด ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.โ‰ฃ ๋ชฉ์ฐจ๊ธฐ๋ณธ ๊ฐœ๋…๐ŸงฉMariaDB์—์„œ ์™ธ๋ž˜ ํ‚ค ์ œ์•ฝ ์กฐ๊ฑด ์„ค์ •ํ•˜๊ธฐ๐Ÿ”ง์™ธ๋ž˜ ํ‚ค ์ œ์•ฝ ์กฐ๊ฑด ์˜ต์…˜โš™๏ธ์‹ค์ „ ์˜ˆ์ œ๐Ÿ’ป์™ธ๋ž˜ ํ‚ค ์ œ์•ฝ ์กฐ๊ฑด ๊ด€๋ฆฌ๐Ÿ› ๏ธ์ž์ฃผ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ์™€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•๐Ÿ”ํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€๊ธฐ๋ณธ ๊ฐœ๋…๐Ÿงฉ์™ธ๋ž˜ ํ‚ค ์ œ์•ฝ ์กฐ๊ฑด์˜ ์ •์˜์™ธ๋ž˜ ํ‚ค ์ œ์•ฝ ์กฐ๊ฑด์€ ํ•œ ํ…Œ์ด๋ธ”์˜ ํ•„๋“œ๊ฐ€ ๋‹ค๋ฅธ ํ…Œ์ด๋ธ”์˜ ๊ธฐ๋ณธ ํ‚ค(Primary Key.. 2024. 6. 7.
[CSS3]CSS ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ: ๋ชจ๋ฐ”์ผ ์นœํ™”์ ์ธ ํ™”๋ฉด ๊ตฌ์„ฑ ๋ฐฉ๋ฒ• CSS ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ๋Š” ๋ฐ˜์‘ํ˜• ์›น ๋””์ž์ธ์˜ ํ•ต์‹ฌ ์š”์†Œ๋กœ, ๋‹ค์–‘ํ•œ ๋””๋ฐ”์ด์Šค์—์„œ ์ผ๊ด€๋œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์€ ์ดˆ๋ณด์ž๋„ ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก CSS ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ์˜ ๊ธฐ๋ณธ ๊ฐœ๋…, ๊ณ ๊ธ‰ ํ™œ์šฉ๋ฒ•, ์‹ค์ „ ์˜ˆ์ œ, ๋””๋ฒ„๊น…๊ณผ ์ตœ์ ํ™” ๋ฐฉ๋ฒ•์„ ํฌํ•จํ•˜์—ฌ ์™„๋ฒฝํ•˜๊ฒŒ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค. ๋ฐ˜์‘ํ˜• ์›น ๋””์ž์ธ์„ ์œ„ํ•œ ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ ์ž‘์„ฑ๋ฒ•๊ณผ ๋ธŒ๋ ˆ์ดํฌํฌ์ธํŠธ ์„ค์ •, ์œ ์—ฐํ•œ ๋ ˆ์ด์•„์›ƒ ๊ตฌ์„ฑ๊นŒ์ง€, CSS ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ์˜ ๋ชจ๋“  ๊ฒƒ์„ ์•Œ์•„๋ณด์„ธ์š”๐Ÿ˜Šโ‰ฃ ๋ชฉ์ฐจ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ์˜ ๊ธฐ๋ณธ ๋ฌธ๋ฒ•๐Ÿ”ค๋ฐ˜์‘ํ˜• ๋””์ž์ธ์„ ์œ„ํ•œ ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ ์ž‘์„ฑ๋ฒ•โœ๏ธ๊ณ ๊ธ‰ ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ ํ™œ์šฉ๋ฒ•๐Ÿš€์‹ค์ „ ์˜ˆ์ œ๐Ÿ› ๏ธ๋””๋ฒ„๊น…๊ณผ ์ตœ์ ํ™”๐Ÿ› ๏ธํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€๋ฐ˜์‘ํ˜• ๋””์ž์ธ์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐ์—๋Š” ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ ๋Œ€์‹  CSS grid์™€ flexbox๊ฐ€ ์œ ์šฉํ•œ ๋Œ€์•ˆ์œผ๋กœ ์“ฐ์ž…๋‹ˆ๋‹ค. ์ด๋“ค์„ ์ด์šฉํ•˜๋ฉด ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ.. 2024. 6. 6.
[DBMS]MariaDB Union: ๋ฐ์ดํ„ฐ ํ•ฉ์น˜๊ธฐ์˜ ๊ฐ•๋ ฅํ•œ ๋„๊ตฌ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ๋‹ค๋ฃจ๋‹ค ๋ณด๋ฉด ์—ฌ๋Ÿฌ ํ…Œ์ด๋ธ”์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์กฐํšŒํ•˜๊ณ  ์ด๋ฅผ ํ•˜๋‚˜์˜ ๊ฒฐ๊ณผ๋กœ ํ†ตํ•ฉํ•ด์•ผ ํ•  ๋•Œ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ์ด๋•Œ MariaDB์˜ Union ์—ฐ์‚ฐ์ž๋Š” ๋งค์šฐ ์œ ์šฉํ•œ ๋„๊ตฌ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” Union์˜ ๊ธฐ๋ณธ ๊ฐœ๋…๋ถ€ํ„ฐ ํ™œ์šฉ๋ฒ•, ์ฃผ์˜์‚ฌํ•ญ๊นŒ์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.โ‰ฃ ๋ชฉ์ฐจUNION ๊ธฐ๋ณธ ๊ฐœ๋…๊ณผ ์ข…๋ฅ˜๐Ÿ“šUNION ํ™œ์šฉ ์˜ˆ์ œ๐Ÿ“ˆ์ฃผ์˜ํ•  ์ ๊ณผ ์ตœ์ ํ™” ๋ฐฉ๋ฒ•โš ๏ธํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€UNION๊ณผ JOIN์€ ์œ ์‚ฌํ•œ ๊ธฐ๋Šฅ์„ ํ•˜์ง€๋งŒ ์ค‘์š”ํ•œ ์ฐจ์ด๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. UNION์€ ๋‘ ๊ฐœ ์ด์ƒ์˜ SELECT ๊ฒฐ๊ณผ๋ฅผ ๊ฒฐํ•ฉํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ JOIN์€ ๋‘ ํ…Œ์ด๋ธ”์˜ ๊ด€๋ จ ๋ฐ์ดํ„ฐ๋ฅผ ํ•จ๊ป˜ ๊ฒฐํ•ฉํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. JOIN์— ๊ด€ํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ํฌ์ŠคํŒ…์„ ์ฐธ๊ณ ํ•ด ์ฃผ์„ธ์š”" "[DBMS]MariaDB JOIN: ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ํ…Œ์ด๋ธ”์„ ํšจ๊ณผ์ ์œผ๋กœ ๊ฒฐํ•ฉํ•˜.. 2024. 6. 5.
[CSS3]CSS Grid ์™„์ „ ์ •๋ณต: ์›น ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ์ตœ๊ณ ์˜ ๋ ˆ์ด์•„์›ƒ ์‹œ์Šคํ…œ CSS Grid๋Š” 2์ฐจ์› ๋ ˆ์ด์•„์›ƒ์„ ์‰ฝ๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ์–ด ๋ณต์žกํ•œ ๋””์ž์ธ๋„ ๊ฐ„๋‹จํžˆ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์ด ๊ธ€์˜ ๋ชฉ์ ์€ CSS Grid๋ฅผ ์ฒ˜์Œ ์ ‘ํ•˜๋Š” ์ดˆ๋ณด์ž๋ถ€ํ„ฐ ๊ณ ๊ธ‰ ์‚ฌ์šฉ์ž๊นŒ์ง€ ๋ชจ๋‘๊ฐ€ ์ดํ•ดํ•˜๊ณ  ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ธฐ๋ณธ ๊ฐœ๋…, ํ•ต์‹ฌ ์†์„ฑ, ์‹ค์ „ ์˜ˆ์ œ๋ฅผ ํ†ตํ•ด CSS Grid๋ฅผ ์™„๋ฒฝํžˆ ๋งˆ์Šคํ„ฐํ•ด ๋ณด์„ธ์š”.โ‰ฃ ๋ชฉ์ฐจCSS Grid๋ž€ ๋ฌด์—‡์ธ๊ฐ€?๐ŸŒŸCSS Grid์˜ ๊ธฐ๋ณธ ๊ฐœ๋…๐Ÿ“šCSS Grid์˜ ๊ธฐ๋ณธ ์†์„ฑ๐Ÿ”ฎCSS Grid์˜ ์ •๋ ฌ ์†์„ฑ↔CSS Grid ๋ ˆ์ด์•„์›ƒ ๋ฐฐ์น˜ ์†์„ฑ๐ŸงฉCSS Grid์˜ ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ๐Ÿš€๋ฐ˜์‘ํ˜• ๋ ˆ์ด์•„์›ƒ ๋งŒ๋“ค๊ธฐ๐Ÿ“ฑ๋‹ค์–‘ํ•œ ์˜ˆ์ œ๐Ÿ› ๏ธ๋””๋ฒ„๊น…๊ณผ ์ตœ์ ํ™”๐Ÿ›ก๏ธํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€ํšจ๊ณผ์ ์ธ ๋ ˆ์ด์•„์›ƒ์„ ์œ„ํ•œ CSS ์†์„ฑ ์ค‘์—๋Š” Flexbox์™€ Grid๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. CSS Grid์™€ Flexbox์˜ ์ฐจ์ด์ ์€ .. 2024. 6. 4.
[DBMS]MariaDB์˜ GROUP BY ๊ตฌ๋ฌธ: ๋ฐ์ดํ„ฐ๋ฅผ ๊ทธ๋ฃนํ™”ํ•˜์—ฌ ํšจ์œจ์ ์œผ๋กœ ๋ถ„์„ํ•˜๊ธฐ GROUP BY ๊ตฌ๋ฌธ์€ ๋ฐ์ดํ„ฐ๋ฅผ ๊ทธ๋ฃนํ™”ํ•˜์—ฌ ํŠน์ • ๊ธฐ์ค€์— ๋”ฐ๋ผ ์ง‘๊ณ„ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ•๋ ฅํ•œ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์ด๋ฒˆ ๊ธ€์—์„œ๋Š” ๋งˆ๋ฆฌ์•„ DB์˜ GROUP BY ๊ตฌ๋ฌธ์„ ์†Œ๊ฐœํ•˜๊ณ , ๊ทธ ํ™œ์šฉ๋ฒ•๊ณผ ์ค‘์š”์„ฑ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.โ‰ฃ ๋ชฉ์ฐจGROUP BY ๊ตฌ๋ฌธ์˜ ๊ธฐ๋ณธ ๊ฐœ๋…๐Ÿ“˜GROUP BY ๊ตฌ๋ฌธ์˜ ํ™œ์šฉ๐Ÿ’กGROUP BY์™€ ์ง‘๊ณ„ ํ•จ์ˆ˜๐Ÿ“ˆGROUP BY์˜ ํ™œ์šฉ ์‚ฌ๋ก€๐Ÿ’ผ์ฃผ์˜ํ•  ์ ๊ณผ ์ตœ์ ํ™” ํŒโš ๏ธํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€GROUP BY ๊ตฌ๋ฌธ์˜ ๊ธฐ๋ณธ ๊ฐœ๋…๐Ÿ“˜ GROUP BY ๊ตฌ๋ฌธ์€ ๋ฐ์ดํ„ฐ๋ฅผ ํŠน์ • ์—ด ๋˜๋Š” ์—ด์˜ ์กฐํ•ฉ์— ๋”ฐ๋ผ ๊ทธ๋ฃนํ™”ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๋ฐ์ดํ„ฐ๋ฅผ ์„ธ๋ถ„ํ™”ํ•˜๊ณ  ์ง‘๊ณ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ์ฃผ๋ฌธ ๋ฐ์ดํ„ฐ์—์„œ ์ง€์—ญ๋ณ„ ํŒ๋งค๋Ÿ‰์„ ๊ตฌํ•˜๊ฑฐ๋‚˜, ๊ณ ๊ฐ๋ณ„๋กœ ๊ตฌ๋งคํ•œ ์ƒํ’ˆ ์ˆ˜๋ฅผ ํŒŒ์•…ํ•˜๋Š” ๋“ฑ์˜ ์ž‘์—…์— ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. GROUP BY ๊ตฌ๋ฌธ์˜ ํ™œ์šฉ๐Ÿ’ก ๊ธฐ๋ณธ์ ์ธ G.. 2024. 6. 3.
728x90
๋ฐ˜์‘ํ˜•
LIST