์ „์ฒด ๊ธ€

๐Ÿ ๊ธฐํƒ€/์ฝ”๋“œํ”„๋ ˆ์†Œ ์ฒดํ—˜๋‹จ_BE

Cloud Computing

Cloud Computing ์ธํ„ฐ๋„ท ๊ธฐ๋ฐ˜ ์ปดํ“จํŒ…์˜ ์ผ์ข…์œผ๋กœ, ์ •๋ณด๋ฅผ ์ž์‹ ์˜ ์ปดํ“จํ„ฐ๊ฐ€ ์•„๋‹Œ ์ธํ„ฐ๋„ท์— ์—ฐ๊ฒฐ๋œ ๋‹ค๋ฅธ ์ปดํ“จํ„ฐ๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ธฐ์ˆ ์„ ์˜๋ฏธ ( =์ธํ„ฐ๋„ท์„ ํ†ตํ•ด ๊ฐ€์ƒํ™” ๋œ ์ปดํ“จํ„ฐ์˜ IT ๋ฆฌ์†Œ์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ) โ–ถ Cloud์˜ ๊ฐ€์žฅ ํฐ ํŠน์ง• - ์ปดํ“จํŒ… ์ž์›์„ ์›ํ•  ๋•Œ, ์›ํ•˜๋Š” ๋งŒํผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค → ์ž์›์„ ์ˆ˜์š”์— ํƒ„๋ ฅ์ ์œผ๋กœ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•˜๋‹ค - ์‚ฌ์šฉํ•œ ๋งŒํผ๋งŒ ์š”๊ธˆ์„ ์ง€๋ถˆํ•œ๋‹ค. โ–ถ Cloud Computing์˜ 4๊ฐ€์ง€ ํŠน์ง• 1. On Demand : Computing Resource On Demand → Computing ์ž์›๋„ ๋‚ด๊ฐ€ ์›ํ•  ๋•Œ ์–ธ์ œ๋“ ์ง€ ์“ฐ์ž๋Š” ๊ฐœ๋… 2. ๋Œ€๊ทœ๋ชจ ํ™•์žฅ์„ฑ : ์ˆ˜์š”์— ๋”ฐ๋ฅธ ๋Œ€๊ทœ๋ชจ IT ์ž์›์˜ ํ™•์žฅ์ด ๊ฐ€๋Šฅํ•˜๋‹ค๋Š” ํŠน์ง• (ํด๋ผ์šฐ๋“œ ์‚ฌ์—…์ž๊ฐ€ ๋Œ€๊ทœ๋ชจ์˜ Computing ์ž์›์„ ๋ฏธ๋ฆฌ ๊ตฌ์ถ•ํ•ด ..

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

ํ™”์„ฑ๋•… ๊ณต๋™๊ตฌ๋งค

POST์™€ GET ๋ชจ๋‘ ์•„๋ž˜์™€ ๊ฐ™์€ ์ˆœ์„œ๋กœ ๋งŒ๋“ค ๊ฒƒ์ด๋‹ค. 1. ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„ ์—ฐ๊ฒฐ ํ™•์ธํ•˜๊ธฐ 2. ์„œ๋ฒ„ ๋งŒ๋“ค๊ธฐ 3. ํด๋ผ์ด์–ธํŠธ ๋งŒ๋“ค๊ธฐ 4. ์™„์„ฑ ํ™•์ธํ•˜๊ธฐ โ–ถ POST API ๋งŒ๋“ค๊ธฐ ์ด๋ฆ„, ์ฃผ์†Œ, ํ‰์ˆ˜ ์ €์žฅํ•˜๊ธฐ(Create → POST) 1. ์š”์ฒญ ์ •๋ณด: URL= /mars, ์š”์ฒญ ๋ฐฉ์‹ = POST 2. ํด๋ผ์ด์–ธํŠธ(ajax) → ์„œ๋ฒ„(flask) : name, address, size 3. ์„œ๋ฒ„(flask) → ํด๋ผ์ด์–ธํŠธ(ajax) : ๋ฉ”์‹œ์ง€๋ฅผ ๋ณด๋ƒ„ (์ฃผ๋ฌธ ์™„๋ฃŒ) * ์„œ๋ฒ„ ๋งŒ๋“ค๊ธฐ → name, address, size ์ •๋ณด๋ฅผ ๋ฐ›์•„์„œ ์ €์žฅ @app.route("/mars", methods=["POST"]) def web_mars_post(): name_receive = request.form['name_g..

๐Ÿ ๊ธฐํƒ€/์ฝ”๋“œํ”„๋ ˆ์†Œ ์ฒดํ—˜๋‹จ_BE

[SQL] SQL ๋ช…๋ น์–ด๋ฅผ ์ด์šฉํ•œ ๋ฐ์ดํ„ฐ ํ™œ์šฉ

INSERT ๋ช…๋ น์–ด๋ฅผ ์ด์šฉํ•œ ๋ฐ์ดํ„ฐ ์ถ”๊ฐ€ INSERT INTO VALUES → ๊ธฐ์กด ํ…Œ์ด๋ธ”์— ์ƒˆ๋กœ์šด row๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ . . . SELECT ๋ช…๋ น์–ด๋ฅผ ์ด์šฉํ•œ ๋ฐ์ดํ„ฐ ์กฐํšŒ SELECT FROM → ํ…Œ์ด๋ธ”์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์กฐํšŒ * Default Schema๊ฐ€ ์•„๋‹Œ ๋ฐ์ดํ„ฐ๋ฅผ ์กฐํšŒํ•  ๊ฒฝ์šฐ ํ…Œ์ด๋ธ” ์ด๋ฆ„ ์•ž์— Schema ์ด๋ฆ„์„ ๊ฐ™์ด ์ž‘์„ฑํ•ด์•ผ ํ•œ๋‹ค. โ–ท SELECT FROM ์˜ˆ์ œ โ‰ซ Customers ํ…Œ์ด๋ธ”์˜ cust_id, cust_name ๋ฐ์ดํ„ฐ ์กฐํšŒ โ‰ซ Vendors ํ…Œ์ด๋ธ”์˜ vend_id, vend_address, vend_state ๋ฐ์ดํ„ฐ ์กฐํšŒ โ‰ซ Customers ํ…Œ์ด๋ธ”์—์„œ ์ „์ฒด Column ๋ฐ์ดํ„ฐ ์กฐํšŒ ๋ฐ์ดํ„ฐ ํ•„ํ„ฐ๋ง โ–ถ WHERE ์ ˆ์„ ์ด์šฉํ•œ ๋ฐ์ดํ„ฐ ํ•„ํ„ฐ๋ง - where ์ ˆ์„ ์ด์šฉํ•˜์—ฌ ์›ํ•˜๋Š” ์กฐ๊ฑด์œผ๋กœ ๋ฐ..

๐Ÿ ๊ธฐํƒ€/์ฝ”๋“œํ”„๋ ˆ์†Œ ์ฒดํ—˜๋‹จ_BE

[SQL] ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์™€ Workbench ์‚ฌ์šฉ

๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์˜ ์ฃผ์š” ๊ตฌ์„ฑ ์š”์†Œ - Schema : application ๋งˆ๋‹ค 1๊ฐœ (๊ฐ€์žฅ ํฐ ๋‹จ์œ„) - Table : ๊ฐ appication์˜ ์„ธ๋ถ€ ๊ธฐ๋Šฅ๋งˆ๋‹ค ์ •์˜ - Column : ๊ฐ ๊ธฐ๋Šฅ์— ํ•„์š”ํ•œ ์š”์†Œ๋“ค - Row : ๋ฐ์ดํ„ฐ 1๊ฑด (Reocord) MySQL์˜ ์ฃผ์š” ๋ฐ์ดํ„ฐ ํƒ€์ž… (* ๋ฐ์ดํ„ฐ ํƒ€์ž…: ์ปฌ๋Ÿผ์— ์–ด๋– ํ•œ ํ˜•ํƒœ์˜ ์ž๋ฃŒ๋ฅผ ์ €์žฅํ• ์ง€๋ฅผ ๋ฏธ๋ฆฌ ๊ฒฐ์ •ํ•œ ๊ฒƒ) - ์ˆซ์ž(Numeric) : ์ •์ˆ˜ํ˜•, ์‹ค์ˆ˜ํ˜• - ๋ฌธ์ž(Character) : ๊ณ ์ • ๋ฌธ์žํ˜•, ๋ณ€๋™ ๋ฌธ์žํ˜• - ๋‚ ์งœ/์‹œ๊ฐ„(Data/Time) : ๋‚ ์งœํ˜•, ์‹œ๊ฐ„ํ˜•, ๋‚ ์งœ ์‹œ๊ฐ„ํ˜• ๋“ฑ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค Schema ์ƒ์„ฑ - ํ…Œ์ด๋ธ” ์ƒ์„ฑ ์ „ Schema ์ƒ์„ฑ์ด ์„ ํ–‰๋˜์–ด์•ผ ํ•œ๋‹ค. 1. Workbench์—์„œ ๋งˆ์šฐ์Šค ์šฐํด๋ฆญ ํ›„ 'Create Schema' ํด๋ฆญ 2. Sch..

๐Ÿ ๊ธฐํƒ€/์ฝ”๋“œํ”„๋ ˆ์†Œ ์ฒดํ—˜๋‹จ_BE

[Spring Boot] ์ปจํŠธ๋กค๋Ÿฌ์™€ REST API

Spring Boot Spring Framework๋ฅผ ๋ณด๋‹ค ์†์‰ฝ๊ฒŒ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ์ง€์›ํ•˜๋Š” ๊ธฐ์ˆ  - Spring Framework๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•œ๋‹ค. - ์„ค์ •, ์˜์กด์„ฑ ๊ด€๋ฆฌ, ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ชจ๋‹ˆํ„ฐ๋ง, ์„œ๋ฒ„์˜ ์‹คํ–‰ ๋“ฑ์„ ๊ฐ€๋ณ๊ณ  ๋น ๋ฅด๊ฒŒ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค. * Spring Boot์˜ ์ฃผ์š” ๊ธฐ๋Šฅ - ์„ค์ • ๊ฐ„ํŽธํ™”๋ฅผ ์œ„ํ•œ Auto Configuration - ์˜์กด์„ฑ ๊ด€๋ฆฌ๋ฅผ ์œ„ํ•œ Starter Project - ๋ฐฐํฌ ํ”„๋กœ์„ธ์Šค ๊ฐ„์†Œํ™”๋ฅผ ์œ„ํ•œ Embedded WAS - ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๋ชจ๋‹ˆํ„ฐ๋ง์„ ์œ„ํ•œ Actuator * SW ์•„ํ‚คํ…์ณ๋ž€? : SW์˜ ๊ตฌ์กฐ๋ฅผ ์ •์˜ํ•œ ๊ฒƒ์œผ๋กœ SW๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ์ฃผ์š” ์š”์†Œ๋“ค๊ณผ ์š”์†Œ๋“ค์˜ ๊ด€๊ณ„๋ฅผ ์ •์˜ํ•œ ๊ฒƒ ๊ทธ ์ค‘ ์›น ์„œ๋น„์Šค ๊ฐœ๋ฐœ์— ์ฃผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ํŒจํ„ด์ธ ๊ณ„์ธตํ˜• ์•„ํ‚คํ…์ณ ํŒจํ„ด์— ๋Œ€ํ•ด ๊ฐ„๋‹จํžˆ ์•Œ์•„๋ณด์ž. ๊ณ„์ธตํ˜• ์•„..

๐Ÿ ๊ธฐํƒ€/์ฝ”๋“œํ”„๋ ˆ์†Œ ์ฒดํ—˜๋‹จ_BE

HTML๊ณผ CSS์˜ ๊ธฐ์ดˆ ๊ฐœ๋…

HTML (Hypertext Markup Language) Hypertext → ์„œ๋กœ ์—ฐ๊ฒฐ๋  ์ˆ˜ ์žˆ๊ณ  Markup → ์ •๋ณด๋ฅผ ๊ตฌ์กฐ์ ์œผ๋กœ ํ‘œํ˜„ํ•˜๋Š” Language → ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด - HTML์€ ์ •๋ณด๋ฅผ ๊ตฌ์กฐ์ ์œผ๋กœ ํ‘œํ˜„ํ•˜๊ธฐ ์œ„ํ•ด Tag๋ผ๋Š” ๊ฐœ๋…์„ ์‚ฌ์šฉํ•œ๋‹ค. (ex. , ···) HTML์˜ ๊ธฐ๋ณธ ๊ตฌ์กฐ โ‰ซ HTML ๋ฌธ์„œ๋Š” ๊ณ„์ธตํ˜• ๊ตฌ์กฐ์ด๋‹ค. - html tag: ์ตœ์ƒ์œ„ ํƒœ๊ทธ - head tag: ๋ฌธ์„œ์˜ ๋ถ€๊ฐ€ ์ •๋ณด๋ฅผ ๋‹ด๋Š” ํƒœ๊ทธ - body tag: ๋ฌธ์„œ์˜ ์ปจํ…์ธ ๋ฅผ ๋‹ด๋Š” ํƒœ๊ทธ HTML์˜ ๊ธฐ์ดˆ Tag ์ค‘ ์ „์— ์ •๋ฆฌํ•˜์ง€ ์•Š์•˜๋˜ Tag๋“ค๋งŒ ์ •๋ฆฌํ•ด๋ณด๋ ค ํ•œ๋‹ค. HTML์˜ ๊ธฐ์ดˆ Tag · ๋ฌธ์žฅ ์‚ฌ์ด์— ์ค„ ๋ฐ”๊ฟˆํ•˜๋Š” Line Breaker - → single Tag์ž„( or ๋‘˜๋‹ค ์‚ฌ์šฉ ๊ฐ€๋Šฅ) · ํŠน์ • ๋ฌธ์ž๋ฅผ ๊ฐ•์กฐ - bold -..

Dhey
dh.log