๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋ก์ „์ฒด ๊ธ€ (355)

DATA101

JPA์˜ ๊ฐœ๋…๊ณผ ์‚ฌ์šฉ ์ด์œ ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž!

๐Ÿ”ฅ ๋ชฉํ‘œ JPA๊ฐ€ ๋“ฑ์žฅํ•œ ๋ฐฐ๊ฒฝ๋ถ€ํ„ฐ JPA์˜ ๊ธฐ๋ณธ์ ์ธ ๊ฐœ๋…์— ๋Œ€ํ•ด ์ดํ•ดํ•œ๋‹ค. 1. JPA ๋“ฑ์žฅ ๋ฐฐ๊ฒฝ SQL Mapper๋Š” SQL ๊ตฌ์กฐ/๊ตฌ๋ฌธ์— ๋Œ€ํ•œ ์˜์กด์„ฑ์ด ๋†’์•„ ์•„๋ž˜์™€ ๊ฐ™์€ ๋ฌธ์ œ์ ์„ ์•ผ๊ธฐํ•˜๋Š”๋ฐ, JPA๋ฅผ ํ™œ์šฉํ•˜๋ฉด ์•„๋ž˜ ๋ฌธ์ œ์ ์„ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์žฅ์  ์กด์žฌ - ๊ฐ์ฒด์ง€ํ–ฅ ๋ฐ ๊ด€๊ณ„์ง€ํ–ฅ DB์˜ Paradigm ๋ถˆ์ผ์น˜ ์•ผ๊ธฐ - ์œ ์ง€๋ณด์ˆ˜ ์–ด๋ ค์›€ ์•ผ๊ธฐ(e.g., ํ•„๋“œ ๋ณ€๊ฒฝ ์‹œ ๋ฐฉ๋Œ€ํ•œ ์ฟผ๋ฆฌ๋ฌธ ์ˆ˜์ • ํ•„์š”) - ์ƒ์‚ฐ์„ฑ ์ €ํ•˜: ๋ฒˆ๊ฑฐ๋กœ์šด ๊ฐ์ฒด ํ•„๋“œ-SQL ์ƒํ˜ธ๋ณ€ํ™˜(๊ฐœ๋ฐœ์ž๊ฐ€ ๊ณง SQL Mapper๋ผ๊ณ  ํ•  ๋งŒํผ ๋ฐฉ๋Œ€ํ•œ SQL ์ž‘์—…๋Ÿ‰) 2. JPA ๊ฐœ๋… 2.1. JPA ๊ธฐ๋ณธ ๊ฐœ๋… - Java Persistence API์˜ ์•ฝ์ž - Java Application์—์„œ Relational Data Base(RDB) ์‚ฌ์šฉ ๋ฐฉ์‹์„ ์ •์˜ํ•œ ์ธ..

SW ๊ฐœ๋ฐœ/Java 2021. 12. 27. 23:16
JavaScript์™€ HTML์„ ํ™œ์šฉํ•œ ๋ฒ„ํŠผ ํด๋ฆญ ํšŸ์ˆ˜ ์ถœ๋ ฅ ์˜ˆ์ œ

๐Ÿ”ฅ ๋ชฉํ‘œ JavaScript์™€ HTML์„ ํ™œ์šฉํ•˜์—ฌ ๊ฐ„๋‹จํ•œ Interactive Web ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•ด ๋ณธ๋‹ค. ์˜ˆ์ œ ๊ฐ„๋‹จํ•œ ์˜ˆ์ œ๋ฅผ ์‹ค์Šตํ•ด ๋ด…๋‹ˆ๋‹ค. HTML์„ ํ™œ์šฉํ•ด ๋ฒ„ํŠผ UI๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ์›น์— ์ถœ๋ ฅํ•˜๊ณ , JavaScript๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž๊ฐ€ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋Š” ๊ฒƒ์„ ๊ฐ์ง€ํ•˜์—ฌ ํด๋ฆญ ํšŸ์ˆ˜๋ฅผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜๋Š” ๊ฒƒ์„ ๊ตฌํ˜„ํ•ด ๋ด…์‹œ๋‹ค. ์‹ค์Šต ์ฝ”๋“œ index.html Total Click: 0 ๋ฒ„ํŠผ ์‹คํ–‰๊ฒฐ๊ณผ ๋ฒ„ํŠผ ํด๋ฆญ ์ „์ž…๋‹ˆ๋‹ค. ์•„๋ž˜์™€ ๊ฐ™์ด ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด ์›น ํŽ˜์ด์ง€ ๋ฐ ์ฝ˜์†”์— ํด๋ฆญ ํšŸ์ˆ˜๊ฐ€ ์ถœ๋ ฅ๋˜๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. JavaScript์™€ HTML๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๊ฐ„๋‹จํ•œ Interactive Web ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•ด ๋ดค์Šต๋‹ˆ๋‹ค. ํฌ์ŠคํŒ… ๋‚ด์šฉ์— ์˜ค๋ฅ˜๋‚˜ ์งˆ๋ฌธ์ด ์žˆ๋‹ค๋ฉด ๋Œ“๊ธ€ ๋‚จ๊ฒจ์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ๊ณ ๋ง™์Šต๋‹ˆ๋‹ค :)

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 15. 16:06
[React] Promise ์—ญํ•  ๋ฐ ์ƒํƒœ(pending, resolve, reject)

๐Ÿ”ฅ ๋ชฉํ‘œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(๋ฆฌ์•กํŠธ)์—์„œ Promise์˜ ์—ญํ• ๊ณผ ์ƒํƒœ 3๊ฐ€์ง€์— ๋Œ€ํ•ด ์ดํ•ดํ•œ๋‹ค. ๐Ÿ“ ๋ชฉ์ฐจ 1. Promise๋Š” ๋ฌด์—‡์ธ๊ฐ€? 2. Promise์˜ ์—ญํ•  3. Promise์˜ ์ƒํƒœ(State) 3.1. Pending(๋Œ€๊ธฐ) 3.2. Fulfilled(์ดํ–‰) 3.2.1. ์†Œ๊ฐœ 3.2.2 Promise ๊ฐ์ฒด ์—ฐ๊ฒฐ 3.3. Rejected(์‹คํŒจ) 3.3.1. ์†Œ๊ฐœ 3.3.2. ํ™œ์šฉ ์˜ˆ์‹œ 1. Promise๋Š” ๋ฌด์—‡์ธ๊ฐ€? JavaScript(React)์—์„œ Promise๋Š” ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ์— ํ™œ์šฉ๋˜๋Š” ๊ฐ์ฒด์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ๋ž€ line by line ์ˆœ์ฐจ์ ์œผ๋กœ ํŠน์ • ์ฝ”๋“œ์˜ ์‹คํ–‰์„ ๋๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆฌ์ง€ ์•Š๊ณ  ๋‹ค์Œ ์ฝ”๋“œ๋ฅผ ์„ ์ œ์ ์œผ๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. 2. Promise์˜ ์—ญํ•  Promise๋Š” ์ฃผ๋กœ ์›น ์„œ๋น„์Šค ..

SW ๊ฐœ๋ฐœ/React JS 2021. 12. 14. 22:15
์ดํด๋ฆฝ์Šค ์ฝ˜์†”์ฐฝ ํ•œ๊ธ€ ๊นจ์ง ํ•ด๊ฒฐ๋ฐฉ๋ฒ•!

โ—๏ธ ์—๋Ÿฌ ์ƒํ™ฉ โœ… ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• ํ”„๋กœ์ ํŠธ์— ๋งˆ์šฐ์Šค ์šฐ์ธก ํด๋ฆญ - Run As - Run Configurations ์ฐจ๋ก€๋กœ ํด๋ฆญ ๊ฐ€์šด๋ฐ ์ƒ๋‹จ ๋ฉ”๋‰ด๋ฐ”์—์„œ Common ํด๋ฆญ - ์•„๋ž˜์— Encoding์—์„œ Other ํด๋ฆญ - UTF-8 ์„ ํƒ - Apply - Run ๐Ÿ‘ํ•ด๊ฒฐ ๊ฒฐ๊ณผ ์•„๋ž˜์™€ ๊ฐ™์ด ์ฝ˜์†”์— ํ•œ๊ธ€์ด ์ •์ƒ์ ์œผ๋กœ ์ถœ๋ ฅ๋˜๋Š” ๊ฒƒ์„ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๐Ÿ”ฅ ํ•ด๊ฒฐ ์•ˆ ๋  ๊ฒฝ์šฐ ์œ„์˜ ๋ฐฉ๋ฒ•์œผ๋กœ ํ•ด๊ฒฐ์ด ์•ˆ ๋  ๊ฒฝ์šฐ, ์•„๋ž˜ ์ˆœ์„œ์— ๋”ฐ๋ผ ์‹คํ–‰ํ•˜์‹œ๋ฉด ํ•ด๊ฒฐํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 1) ์ƒ๋‹จ ํƒญ Windows > Preferences 2) ๊ฒ€์ƒ‰์ฐฝ ๋‚ด encoding ์ž…๋ ฅ 3) ์ขŒ์ธก ๋ฉ”๋‰ด๋ฐ” ๋‚ด Content Types ์„ ํƒ 4) ์šฐ์ธก ํ•˜๋‹จ Default encoding ์ž…๋ ฅ๋ž€ EUC-KR ์ž…๋ ฅ 5) Update ๋ฒ„ํŠผ ํด๋ฆญ 6) Apply..

SW ๊ฐœ๋ฐœ/Java 2021. 12. 6. 13:33
[JavaScript] ๊ฐ์ฒด ๋ณ‘ํ•ฉ ๋ฐฉ๋ฒ•(Objet.assign ํ•จ์ˆ˜, ์ „๊ฐœ์—ฐ์‚ฐ์ž)

๐Ÿ’ก ๋ชฉํ‘œ JavaScript์—์„œ ๊ฐ์ฒด ๋ณ‘ํ•ฉ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ํ•™์Šตํ•œ๋‹ค. ๋ชฉ์ฐจ 1. Object.assign() ํ•จ์ˆ˜ 2. ์ „๊ฐœ์—ฐ์‚ฐ์ž 3. ์ผ๋ฐ˜ ํ•จ์ˆ˜ ์ •์˜ ๋“ค์–ด๊ฐ€๋ฉฐ ๊ฐ์ฒด๋ฅผ ๋ณ‘ํ•ฉํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ํฌ๊ฒŒ 3๊ฐ€์ง€๊ฐ€ ์žˆ์œผ๋ฉฐ ๊ฐ๊ฐ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๋จผ์ €, 3๊ฐœ ๊ฐ์ฒด๋ฅผ ์˜ˆ์‹œ๋กœ ์ •์˜ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. let obj1 = { a: 10, b: 20, c: 30 } let obj2 = { c: 30, d: 40, } let obj3 = { c: 770, d: 477, } 1. Objet.assign() ํ•จ์ˆ˜ ํ•จ์ˆ˜ ์›ํ˜• Object.assign(๊ฐ์ฒด1, ๊ฐ์ฒด2, ๊ฐ์ฒด3, ... , ๊ฐ์ฒด N); Object ๊ฐ์ฒด ๋‚ด assign ํ•จ์ˆ˜๋Š” ๊ฐ์ฒด์˜ ์›์†Œ๋ฅผ ์ค‘๋ณต์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š๊ณ  ๋ณ‘ํ•ฉํ•ฉ๋‹ˆ๋‹ค. ๋‹จ, ์ค‘๋ณต๋˜๋Š” ์›์†Œ๋Š” ๋‚˜์ค‘์— ๋ณ‘ํ•ฉํ•˜๋Š” ๊ฐ์ฒด์˜ ์›์†Œ๋กœ ์ตœ์ข… ๋ณ‘ํ•ฉํ•ฉ..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 3. 00:01