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

์ „์ฒด ๊ธ€118

<TIL> / CSS์™€ JavaScript์˜ ์ฐจ์ด ๋ฐ fetch์™€ ํ•ด์„ ์ด ๊ธ€์€ ์Šค์Šค๋กœ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ์ƒ๊ธฐ์‹œํ‚ค๊ณ ์ž ์ž‘์„ฑํ•˜๋Š” ๊ธ€์ด๋ฏ€๋กœ, ํ˜น์—ฌ๋‚˜ ์ฝ”๋“œ๋‚˜ ์ •์˜๊ฐ€ ์ž˜๋ชป ์–ธ๊ธ‰๋œ ๋ถ€๋ถ„์ด ์žˆ๋‹ค๋ฉด, ํ”ผ๋“œ๋ฐฑ ๋ถ€ํƒ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. HTML : ๋ผˆ๋Œ€ CSS : ๊พธ๋ฏธ๊ธฐ JavaScript : ์›€์ง์ด๊ธฐ HTML์€ ๋‚ด ์ƒ์— ์ตœ๊ณ ์˜ ์˜ํ™”๋“ค ํ˜„์žฌ ์„œ์šธ์˜ ๋‚ ์”จ : 20๋„ ์˜ํ™” ๊ธฐ๋ก ๋ฒ„ํŠผ ์˜ํ™” URL ๋ณ„ ์  --โญ์„ ํƒโญ-- โญ โญโญ โญโญโญ โญโญโญโญ โญโญโญโญโญ ์ฝ”๋ฉ˜ํŠธ ๋‚จ๊ฒจ์ฃผ์„ธ์š”. ๊ธฐ๋ก ๋‹ซ๊ธฐ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์œ„ ์ „์ฒด์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด CSS๋Š” HTML์˜ ๊ตฌ์„ฑ์š”์†Œ์ธ ์ง€์นญํ•œ ๋Œ€์ƒ์ด (๊พธ๋ฉฐ์ค˜์•ผ ํ•  ๋Œ€์ƒ์ด) div(๊ตฌ์—ญ) ์ด๋ผ๋ฉด ? 1. background-color ๋ถ€ํ„ฐ ๋ณ€๊ฒฝ (๋ฐ•์Šค์˜ ๋ฒ”์œ„๋ฅผ ์•Œ๊ธฐ ์œ„.. 2023. 5. 17.
<TIL> / Git ๊ธฐ์ดˆ (Git bash ๋‹จ์ถ•ํ‚ค) .1 //2023.05.15 ์˜ค๋Š˜์€ Git์˜ ๊ธฐ์ดˆ๊ฐ•์˜๋ฅผ ๋“ค์œผ๋ฉด์„œ ๋ณด๊ณ  ๋ฐฐ์šด ์ ์„ ๋„์ ์—ฌ ๋ณด๋ ค ํ•ฉ๋‹ˆ๋‹ค. ํ”ผ๋“œ๋ฐฑ์ด ํ•„์š”ํ•œ ๋ถ€๋ถ„์ด ๋ณด์ด์‹œ๋ฉด, ๋‹ต๊ธ€ ๋‹ฌ์•„์ฃผ์‹œ๋ฉด ํ™•์ธํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค !! ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค 'ใ…' Git bash ๋ช…๋ น์–ด $ pwd : ํ˜„์žฌ ๊ฒฝ๋กœ ํ™•์ธํ•˜๊ธฐ $ pwd /c/Users/USER /c: ๋กœ์ปฌ๋””์Šคํฌ ์•ˆ์— /Users์•ˆ์— /USER ํด๋”์—์„œ ํ˜„์žฌ ์ž‘์—… ์ง„ํ–‰์ค‘์ด๋‹ค~ ๋ผ๋Š” ๋œป์œผ๋กœ ๋ฐฐ์‰ฌ์— pwd๋ฅผ ํƒ€์ดํ•‘ํ•ด์„œ ํ˜„์žฌ ๊ฒฝ๋กœ ํ™•์ธ์ด ๊ฐ€๋Šฅํ•˜๋‹ค. ๊ฒฝ๋กœ์—๋Š” ์ด ๋‘ ๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค. 1. ์ ˆ๋Œ€๊ฒฝ๋กœ 2. ์ƒ๋Œ€๊ฒฝ๋กœ Cli๋ช…๋ น์–ด $ ls : ํ˜„์žฌ ๊ฒฝ๋กœ์˜ ํŒŒ์ผ ๋ฐ ํด๋”๋ฅผ ์กฐํšŒํ•˜๋Š” ๋ช…๋ น์–ด ์–ด? ๊ทผ๋ฐ ๋ญ”๊ฐ€ ์ด์ƒํ•˜๋‹ค.... ์ด๊ฒŒ ํด๋”์•ˆ์˜ ํŒŒ์ผ์ด ์ˆœ์„œ๋Œ€๋กœ ๋‚˜์˜ค๋Š”๊ฑด ์•„๋‹ˆ๊ตฌ๋‚˜~ ์‹ถ์—ˆ๋Š”๋ฐ? ์‹ค์ œ ํด๋”๋ฅผ ์ž์„ธํžˆ ๋ณด๋‹ˆ ์ด๋ฆ„์•ž์— ์ฉœ(.)์ด ๋ถ™์€ ์• ๋“ค์€ ์ƒ๋žต์ด.. 2023. 5. 15.
<TIL> / SQL ๋ฌธ๋ฒ• ์ด ์ •๋ฆฌ 1์ฃผ์ฐจ ์ฟผ๋ฆฌ๋ฌธ : ์ฟผ๋ฆฌ๋Š” ์งˆ์˜๋ฅผ ๋œปํ•œ๋‹ค.(๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์— ๋ช…๋ น์„ ๋‚ด๋ฆฌ๋Š” ๊ฒƒ์„ ์˜๋ฏธ!) ํ…Œ์ด๋ธ” : ๋ฐ์ดํ„ฐ๊ฐ€ ๋‹ด๊ฒจ์ ธ ์žˆ๋Š” ํ‘œ!(ํ•œ ๋งˆ๋””๋กœ, ์—‘์…€์˜ ์‹œํŠธ๋ช…์„ ์˜๋ฏธํ•œ๋‹ค.) show tables : ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์•ˆ์— ์žˆ๋Š” ํ…Œ์ด๋ธ”๋“ค์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. * : ๋ชจ๋“  ํ•„๋“œ๋ผ๋Š” ๋œป. ex) select * from orders ->์ „์ฒด ํ…Œ์ด๋ธ” ์ค‘ orders ํ…Œ์ด๋ธ”์„ ๊ฐ€์ ธ์™€ ์ฃผ์„ธ์š”! ํŠน์ • ํ•„๋“œ๋ฅผ ๊ฐ€์ง€๊ณ  ์˜ค๊ณ  ์‹ถ์„ ๋•? -> ( *) ๋Œ€์‹ ์— ordersํ…Œ์ด๋ธ”์— ์žˆ๋Š” ๊ฐ€์ง€๊ณ ์˜ค๊ณ  ์‹ถ์€ ํ•„๋“œ๋ช…์„ ๋„ฃ์œผ๋ฉด ๋œ๋‹ค. (๊ฐ–๊ณ  ์˜ค๊ณ  ์‹ถ์€ ํ•„๋“œ๊ฐ€ 2๊ฐœ ์ด์ƒ์ผ ๊ฒฝ์šฐ๋Š” (,)๋ฅผ ์ด์šฉํ•ด์„œ ๋‚˜์—ดํ•œ๋‹ค.) ex) select order_no, payment_method from orders ์กฐ๊ฑด์„ ๊ฑฐ๋Š” where ๋ฌธ๋ฒ•. ๋ช…๋ฌธ๊ณ ๋ผ๋Š” 'ํ…Œ์ด๋ธ”'์—์„œ, 3ํ•™๋…„์ด๋ผ.. 2023. 5. 14.
<TIL> / SQL 1์ฃผ์ฐจ ๋งˆ๋ฌด๋ฆฌ ๊ฐœ๋ฐœ์ผ์ง€ / DBeaver(ํ”„๋กœ๊ทธ๋žจ) ์‚ฌ์šฉ๊ธฐ SQL์—์„œ ์‚ฌ์šฉ๋˜๋Š” ๊ฐœ๋…์ธ 'table' / 'field' ๋ฅผ ๋ฐฐ์šฐ๊ณ , ๊ทธ ์•ˆ์—์„œ ์‚ฌ์šฉ๋˜๋Š” ๋‹ค์–‘ํ•œ ๋ฌธ๋ฒ•๋“ค ( select, where, like, '', (), %, != ...) ๋‹ค์–‘ํ•œ ๋ฌธ๋ฒ•๋“ค์„ ๋ง›๋ณด๊ธฐ๋กœ ์‚ด์ง ๋ง› ๋ณด์•˜๋‹ค. ์ผ๋‹จ ๋””๋น„๋ฒ„๋ผ๋Š” ํ”„๋กœ๊ทธ๋žจ์„ ์ฒ˜์Œ ์‚ฌ์šฉํ•˜๋ฉด์„œ ๋„ˆ๋ฌด ์‹ ๊ธฐํ–ˆ๊ณ , ๋‚ด๊ฐ€ ์›ํ•˜๋Š” '๋ฐ์ดํ„ฐ'๋ฅผ ๊ทธ ๋•Œ ๊ทธ ๋•Œ '์ถ”์ถœ'ํ•ด์„œ ๋ฝ‘์•„์“ธ ์ˆ˜ ์žˆ๋‹ค๋Š”๊ฒŒ ๊ต‰์žฅํžˆ ์‹ค์šฉ์ ์ด๋‹ค....๋ผ๋Š” ์ƒ๊ฐ์ด ๊ฐ•๋ ฅํžˆ ๋“ค์—ˆ๋‹ค. ์•ž์œผ๋กœ 5์ฃผ๊ฐ„ SQL์— ๋Œ€ํ•ด์„œ ๋ฐฐ์šฐ๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์งˆ๊ฒƒ์ธ๋ฐ, 1์ฃผ์ฐจ์— ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ๋ฝ‘์•„๋ณด๋Š” ์—ฐ์Šต์„ ํ•˜๋ฉด์„œ ์•ž์œผ๋กœ ๋ณด๋‹ค ๋” ์–ด๋–ป๊ฒŒ ์‹ค์šฉ์ ์ด๊ณ  ํŽธ๋ฆฌํ•˜๊ฒŒ ์ด ํ”„๋กœ๊ทธ๋žจ์„ ํ™œ์šฉ์„ ํ•ด ๋‚˜๊ฐˆ์ง€์— ๋Œ€ํ•ด์„œ ๋ฐฐ์šธ ์ƒ๊ฐ์„ ํ•˜๋‹ˆ ์•ฝ๊ฐ„์€ ์„ค๋ ˆ๊ธฐ๋„ ํ•œ๋‹ค. 1์ฃผ์ฐจ ์ˆ™์ œ Q. ๋„ค์ด๋ฒ„ ์ด๋ฉ”์ผ์„ ์‚ฌ์šฉํ•˜๋ฉด์„œ, ์›น๊ฐœ๋ฐœ ์ข…ํ•ฉ๋ฐ˜์„ ์‹ ์ฒญํ–ˆ๊ณ .. 2023. 5. 3.