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

๋ฐ˜์‘ํ˜•

๐Ÿ’ป Deep Wide Programming

(79)
[์ƒํ™œ์ฝ”๋”ฉ] DATABASE2 MySQL - ํ…Œ์ด๋ธ” ๋ถ„๋ฆฌ & JOIN 1. ๋ฐ์ดํ„ฐ์˜ ์ค‘๋ณต์„ ์ค„์ด๊ธฐ ์œ„ํ•œ, ํ…Œ์ด๋ธ” ๋ถ„๋ฆฌ ์œ„์˜ ํ…Œ์ด๋ธ”์„ ์•„๋ž˜์˜ ๋‘ ํ…Œ์ด๋ธ”๋กœ ๋งŒ๋“ค๋ฉด, ์ž๋ฃŒ์˜ ์ค‘๋ณต์„ ์ค„์—ฌ ์œ ์ง€/๋ณด์ˆ˜๊ฐ€ ํ›จ์”ฌ ๋” ์šฉ์ดํ•ด์ง„๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์…€๋ ‰ํŠธ ๋ฌธ์œผ๋กœ ์ฝ์„ ๋•Œ๋Š” ๋‘๊ฐœ๋กœ ๋‚˜๋‰œ ํ…Œ์ด๋ธ”์„ ํ•ฉ์ณ์„œ ๋ณด๊ธฐ ํŽธํ•˜๊ฒŒ ์ฝ์„ ์ˆ˜๋„ ์žˆ๋‹ค. ์œ„์˜ ์Šคํ”„๋ ˆ๋“œ์‹œํŠธ๋ฅผ mysql๋กœ ์•„๋ž˜์™€ ๊ฐ™์ด ๋‘๊ฐœ์˜ ํ‘œ๋กœ ๋งŒ๋“ค์—ˆ๋‹ค. 1) author ํ‘œ 2) topic ํ‘œ 2. JOIN topic ํ…Œ์ด๋ธ”์˜ author_id์™€ authorํ…Œ์ด๋ธ”์˜ id ๊ฐ’์€ ๊ฐ™๋‹ค. ์ด๊ฑธ ์ด์šฉํ•ด์„œ, ๋‘ ํ…Œ์ด๋ธ”์„ ํ•œ ๋ฒˆ์— ํ•ฉ์ณ์„œ ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋ช…๋ น์–ด๋Š” ๋ฐ”๋กœ 'JOIN'์ด๋‹ค. SELECT * FROM topic LEFT JOIN author ON topic.author_id = author.id; SELECT๋ฌธ์„ ์ด์šฉํ•ด, ํ•ฉ์น˜๋ฉด์„œ ๋ณด๊ณ  ์‹ถ์€ ๋ฐ์ดํ„ฐ๋งŒ ๋ณผ ์ˆ˜ ์žˆ..
Mysql ๋ณต์Šต ๋ณต์Šตํƒ€์ž„ 1. mysql ์ ‘์†ํ•˜๊ธฐ ๋‚˜๋Š” ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์„ค์ •ํ•˜์ง€ ์•Š์•˜๊ธฐ ๋•Œ๋ฌธ์— ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ ‘์†ํ•œ๋‹ค. 2. ์ €์žฅ๋œ DB(์Šคํ‚ค๋งˆ) ์ฝ๊ธฐ: SHOW DATABASES; 3. DB(์Šคํ‚ค๋งˆ) ๋งŒ๋“ค๊ธฐ: CREATE DATABASE ______; 4. ์Šคํ‚ค๋งˆ ์ ‘์†ํ•˜๊ธฐ & ์Šคํ‚ค๋งˆ ๋‚ด์˜ ํ‘œ ํ™•์ธํ•˜๊ธฐ: USE _____; / show tables 5. ์Šคํ‚ค๋งˆ ๋‚ด์˜ ํ‘œ ๋ณด๊ธฐ: desc ____; topic์ด๋ผ๋Š” ์ด๋ฆ„์˜ ๋งŒ๋“ค์–ด๋‘์—ˆ๋˜ ํ‘œ๋ฅผ ์—ด์—ˆ๋‹ค. 6. table ๋‚ด์šฉ ํ™•์ธํ•˜๊ธฐ: SELECT * FROM ____; 7. ํ‘œ์— row(ํ–‰) ์ถ”๊ฐ€ํ•˜๊ธฐ: INSERT INTO _____( , , , , ) VALUES (' ', ' ', ' ', ' ', ' '); ๊ตฌ๊ธ€๋ง์„ ์ƒํ™œํ™”ํ•  ๊ฒƒ! https://www.w3schools.com/s..
[๋…ธ๋งˆ๋“œ์ฝ”๋”] ๋ฐ”๋‹๋ผ JS 2/ ๋ฐฑํ‹ฑ! ๊ณผ๊ฑฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋ฐฉ์‹์œผ๋กœ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ–ˆ๋‹ค. ๋ฐ”๋กœ ๋‚ด๊ฐ€ ์ƒํ™œ์ฝ”๋”ฉ์—์„œ ๋ฐฐ์› ๋˜ ๋ฐฉ์‹์ด๋‹ค! ์ด ๋ฐฉ์‹์—์„œ ๋ฌธ์ž์—ด์€ ' '๋“ , " "๋“  ๊ฐ™์•˜๋‹ค. ์—ฌ๊ธฐ์— ์ƒˆ๋กœ์šด ๋ฐฉ์‹์ด ์ถ”๊ฐ€๋˜์—ˆ๋Š”๋ฐ ๋ฐ”๋กœ ์ € ``๋ฐฑํ‹ฑ์ด๋ผ๋Š” ๊ฒƒ์ด๋‹ค. ๋งฅ ํ‚ค๋ณด๋“œ์—๋Š” ๋ˆˆ์„ ์”ป๊ณ  ์ฐพ์•„๋ด๋„ ์—†์—ˆ๋‹ค. ์•Œ๊ณ  ๋ดค๋”๋‹ˆ ๋ฐฑํ‹ฑ์€ ์ด๋ฏธ ์ฃฝ์€ ํ‚ค๋กœ.. option + โ‚ฉ ์„ ๋ˆ„๋ฅด๋ฉด ์ž…๋ ฅํ•  ์ˆ˜ ์žˆ๋‹ค. ``์„ ์ด์šฉํ•ด, ์œ„์˜ ์ฝ”๋“œ๋ฅผ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋ณด๋‹ค ํŽธํ•˜๊ฒŒ ๋งŒ๋“ค์–ด์ค„ ์ˆ˜ ์žˆ๋‹ค. function sayHello(name, age){ console.log(`Hello ${name} you are ${age} years old`); } ์ด๋ ‡๊ฒŒ! ์ด๋ฒˆ์—๋Š” greetNicolas๋ผ๋Š” ์ƒˆ๋กœ์šด ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•ด์„œ ์ด ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ํ•ด๋ณด๊ฒ ๋‹ค. greetNicolas๋Š” sayHello ํ•จ..
[๋…ธ๋งˆ๋“œ์ฝ”๋”] ๋ฐ”๋‹๋ผ JS 1~ 1-10 ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ.. ๋„ˆ....Super Cool! ๋‹ˆ์ฝœ๋ผ์Šค์˜ ๋ฐ”๋‹๋ผ JS ์‹œ๋ฆฌ์ฆˆ๋ฅผ ์‹œ์ž‘ํ–ˆ๋‹ค. ๊ทธ๋žฌ๋”๋‹ˆ, ์ƒํ™œ์ฝ”๋”ฉ์˜ js๋ฅผ ๋ฐฐ์šธ ๋•Œ์™€๋Š” ๋˜ ๋‹ค๋ฅธ ์„ธ๊ณ„๊ฐ€ ์—ด๋ ธ๋‹ค! ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ์ด๋ ‡๊ฒŒ ๋ฉ‹์ง€๊ณ  ์ฟจํ•œ ๊ฒƒ๋“ค์„ ํ•  ์ˆ˜ ์žˆ๋‹ค๋‹ˆ!! ๊ทธ๋ฆฌ๊ณ  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ทธ ์–ด๋– ํ•œ ๋‹ค๋ฅธ ์–ธ์–ด๋กœ๋„ ๋Œ€์ฒดํ•  ์ˆ˜ ์—†๋Š” ๊ฐ•๋ ฅํ•œ ์–ธ์–ด์˜€๋‹ค๋‹ˆ!! ์•„๋ž˜์˜ ์‚ฌ์ดํŠธ์—๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋งŒ๋“  ๊ฒŒ์ž„๋“ค์ด ์žˆ๋‹ค. ๋ฉ‹์ง€๋‹ค......๋‚˜๋„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•ด์„œ ์šฐ๋ฆฌ ์šฐ๋ด‰์ด๋กœ ๊ฒŒ์ž„ ๋งŒ๋“ค์–ด์•ผ์ง€!!! https://impactjs.com/games Impact Games impactjs.com ๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€? ์•ž์„œ์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ณต๋ถ€ํ•  ๋•Œ ๊ทธ๋Ÿฐ ์˜๋ฌธ์ด ์žˆ์—ˆ๋‹ค. ๊ตฌ๊ธ€์— ๊ฒ€์ƒ‰ํ•ด๋ณด๋ฉด, ์–ด๋–ค ๋ช…๋ น์„ ์œ„ํ•ด ์“ฐ์ด๋Š” ์ฝ”๋“œ๊ฐ€ ํฌ์ŠคํŒ…๋งˆ๋‹ค ์กฐ๊ธˆ์”ฉ ๋‹ค๋ฅธ๊ฑฐ๋‹ค. ๋‚˜๋Š” ์ƒํ™œ ์ฝ”๋”ฉ์—์„œ docu..
Backend ๋ฐฑ์—”๋“œ์˜ ๊ธฐ๋ณธ ์›๋ฆฌ(feat. ๋…ธ๋งˆ๋“œ์ฝ”๋” Nomad coders) https://www.youtube.com/watch?v=8oIJ26CNPXQ
[์ƒํ™œ์ฝ”๋”ฉ] Javascript ๊ฐ์ฒด(object) ์“ฐ๊ธฐ์™€ ์ฝ๊ธฐ ํ•จ์ˆ˜ ํ€ต ๋ฆฌ๋ทฐ function ํ•จ์ˆ˜์ด๋ฆ„(๋งค๊ฐœ๋ณ€์ˆ˜1, ๋งค๊ฐœ๋ณ€์ˆ˜2,...) { ํ•จ์ˆ˜๊ฐ€ ํ˜ธ์ถœ๋˜์—ˆ์„ ๋•Œ ์‹คํ–‰ํ•˜๊ณ ์ž ํ•˜๋Š” ์‹คํ–‰๋ฌธ; } 1. ๊ฐ์ฒด ์“ฐ๊ธฐ 2. ๊ฐ์ฒด ์ฝ๊ธฐ 3. ๊ฐ์ฒด์— ์ถ”๊ฐ€ํ•˜๊ธฐ 4. ๋„์–ด์“ฐ๊ธฐ ์žˆ๋Š” ๊ฐ์ฒด ์ถ”๊ฐ€ํ•˜๊ณ  ์ฝ๊ธฐ for(var key in coworkers) { document.write(key+':'+coworkers[key]+' '); } (Array ๋ฐฐ์—ด ๊ธฐ์ดˆ ์ฐธ๊ณ : http://tcpschool.com/javascript/js_array_basic) ๊ฐ์ฒด์— ์†Œ์†๋œ ํ•จ์ˆ˜ = method ๊ฐ์ฒด์— ์†Œ์†๋œ ๋ณ€์ˆ˜ = property ์œ„์˜ ๋‚ด์šฉ์œผ๋กœ ์น˜๋ฉด, coworkers์— ๊ฑธ๋ ค์žˆ๋Š” ํ•จ์ˆ˜์ธ function(){ }์— ํ•ด๋‹นํ•˜๋Š” ๋‚ด์šฉ์ด ๋ฐ”๋กœ method์ด๊ณ , coworkers์— ๊ฑธ๋ ค์žˆ๋Š” ๋ณ€์ˆ˜์ธ progra..
[์ƒํ™œ์ฝ”๋”ฉ] ๋ฐฐ์—ด๊ณผ ๋ฐ˜๋ณต๋ฌธ์˜ ํ™œ์šฉ / ํ•จ์ˆ˜์˜ ๊ธฐ๋ณธ, ๋งค๊ฐœ๋ณ€์ˆ˜์™€ ์ธ์ž, ์ถœ๋ ฅ ๋ฐฐ์—ด๊ณผ ๋ฐ˜๋ณต๋ฌธ์˜ ํ™œ์šฉ ํ•จ์ˆ˜ ์ด๋ ‡๊ฒŒ, ์œ„์— two๋ผ๋Š” ์ด๋ฆ„์˜ ํ•จ์ˆ˜๋ฅผ ์ง€์ •ํ•ด์คฌ๊ณ , ์ดํ›„์— two()๋ผ๊ณ ๋งŒ ์ ์–ด์ฃผ๋ฉด, ๊ธธ๊ฒŒ ์ฝ”๋“œ๋ฅผ ๋ฐ˜๋ณตํ•ด์ค„ ํ•„์š”์—†์ด ํ•ด๋‹น ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋‹ค! ๋งค๊ฐœ๋ณ€์ˆ˜์™€ ์ธ์ž parameter & Argumnet ์ž…๋ ฅ(๋งค๊ฐœ๋ณ€์ˆ˜)๊ณผ Parameter & Argument(์ธ์ž) function sum(left, right){ document.write(left+rigth+' '); } ํƒœ๊ทธ ์•ˆ์—์„œ ํ•จ์ˆ˜์˜ ๋‚ด์šฉ์„ ์œ„์™€ ๊ฐ™์ด ์ •์˜ํ•ด์ค€๋‹ค. sum(2,3); sum(3,4); ์ด๋ ‡๊ฒŒ ์‹คํ–‰์‹œ์ผœ์ฃผ๋ฉด ์™ผ์ชฝ์˜ ํ™”๋ฉด์ฒ˜๋Ÿผ 5์™€ 7์ด ์‚ฐ์ถœ๋œ ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์ถœ๋ ฅ Return ์ถœ๋ ฅ์„ ์ด์šฉํ•˜๋ฉด, ๋‹จ์ˆœ ๋ง์…ˆ ๋ฟ ์•„๋‹ˆ๋ผ, ๋” ์ถ”๊ฐ€์ ์ธ ๋‹ค์–‘ํ•œ ์š”์†Œ๋“ค์„ ์ถœ๋ ฅํ•ด์•ผํ•  ๋•Œ ์œ ์šฉํ•˜๋‹ค. ์ด์ „์—๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋ฐฉ์‹์œผ๋กœ ํ•จ์ˆ˜๋ฅผ ..
[์ƒํ™œ์ฝ”๋”ฉ] javascript - ๋ฐฐ์—ด๊ณผ ๋ฐ˜๋ณต๋ฌธ ๋ฐฐ์—ด ๋ฐ˜๋ณต๋ฌธ ๋ฐ˜๋ณต๋ฌธ์€ while์„ ์ด์šฉํ•ด์ฃผ๋Š” ๊ฒƒ! i=0 ์ด๋ผ๋Š” ๋ณ€์ˆ˜๋ฅผ ๋จผ์ € ์ง€์ •ํ•ด์ฃผ๋Š” ๊ฒƒ์ด๋‹ค. i

728x90
๋ฐ˜์‘ํ˜•