Banner

My Tech Blog (๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ)

์˜ค๋Š˜์˜ ๋ช…์–ธ
๊พธ๋ฏธ๊ธฐ ๋ผ๊ณ  ํ•˜๊ธฐ์—๋Š” ์†Œ์†Œํ•˜์ง€๋งŒ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์†์„ฑ ๊ณต๋ถ€ํ•˜๋Š” ์‹œ๊ฐ„ ๋„ค๋น„๊ฒŒ์ด์…˜๋ฐ” ์•„๋ž˜ ๋ฉ”์ธ ์˜์—ญ์— ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์œผ๋กœ ์†Œ๊ฐœ๊ธ€ ์ถ”๊ฐ€main์˜์—ญ์ด๋ผ๊ณ  ํ•ด์•ผ ํ• ์ง€ content ์˜์—ญ์ด๋ผ๊ณ  ํ•ด์•ผ ํ• ์ง€ 1. ์†Œ๊ฐœ๊ธ€ ์ถ”๊ฐ€ `jumbotron`ํŽ˜์ด์ง€ ๋‚ด์—์„œ ๊ฐ•์กฐํ•˜๋Š” ํžˆ์–ด๋กœ ์„น์…˜์ด๊ณ  ํฐ ํ…์ŠคํŠธ์™€ ์—ฌ๋ฐฑ์„ ๊ธฐ๋ณธ์œผ๋กœ ํฌํ•จํ•จ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 5์—์„œ๋Š” Jumbotron ํด๋ž˜์Šค๊ฐ€ ์ œ๊ฑฐ๋˜์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์•„๋ž˜์™€ ๊ฐ™์€ ํด๋ž˜์Šค๋ฅผ ์กฐํ•ฉํ•ด์„œ ๋น„์Šทํ•œ ํšจ๊ณผ๋ฅผ ์ˆ˜๋™์œผ๋กœ ๋‚ด์•ผ ํ•œ๋‹ค. `rounded`์š”์†Œ์˜ ๋ชจ์„œ๋ฆฌ๋ฅผ ๋‘ฅ๊ธ€๊ฒŒ ๋งŒ๋“ฌ  border-radius: 0.375rem (์•ฝ 6px)์—ฌ๊ธฐ์„œ rounded-circle, rounded-pill ์“ฐ๋ฉด ๋” ๊ทน๋‹จ์ ์œผ๋กœ(?) ๋‘ฅ๊ทผ ์Šคํƒ€์ผ ๊ฐ€๋Šฅ`display-4`ํ…์ŠคํŠธ๋ฅผ ํฌ๊ฒŒ ํ‘œ์‹œํ•˜๋Š” ํ—ค๋”ฉ ์Šคํƒ€์ผ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์˜ ๋””์Šคํ”Œ๋ ˆ์ด ํด๋ž˜์Šค์ธ๋ฐ ..
1. ๊ฒŒ์‹œ๊ธ€  ์ˆ˜์ •ํ•˜๋Š” update ๋ฉ”์„œ๋“œ ๋งŒ๋“ค๊ธฐBbsDAO ํด๋ž˜์Šค ํ•˜๋‹จ์— ๋ฉ”์„œ๋“œ ์ถ”๊ฐ€public int update(int bbsID, String bbsTitle, String bbsContent) { String SQL = "UPDATE BBS SET bbsTitle = ?, bbsContent = ? WHERE bbsID = ?"; PreparedStatement psmt = null; try { psmt = conn.prepareStatement(SQL); psmt.setString(1, bbsTitle); psmt.setString(2, bbsContent); psmt.setInt(3, bbsID); return p..
๊ทธ๋™์•ˆ ํŒ€ํ”„๋กœ์ ํŠธ ํ–ˆ์„ ๋•Œ ๋‚˜๋Š” ์ฝ”๋“œ๋งŒ ์งœ๊ณ  ๊ทธ๋ƒฅ ๊นƒ ๋ฐฐ์‰ฌ์—์„œ add commit push๋งŒ ํ–ˆ์—ˆ๋‹ค. ์šฐ๋ฆฌํŒ€ ๋„ค ์‚ฌ๋žŒ๊บผ ์ฝ”๋“œ ํ•ฉ์น˜๋Š”๊ฑฐ๋Š” ๋ณ‘ํ›ˆ๋‹˜์ด ํ•ด์ฃผ์…”์„œ ์†Œ์ŠคํŠธ๋ฆฌ๋ฅผ ์ง์ ‘ ์‚ฌ์šฉํ•ด ๋ณธ ์ ์€ ์—†์—ˆ๋‹ค. ์–ด์ œ๋ถ€ํ„ฐ ์†Œ์ŠคํŠธ๋ฆฌ ๊น”์•„์„œ ์จ ๋ณด๋Š”๋ฐ  ์•„์ง ์ต์ˆ™ํ•˜์ง€ ์•Š์•„์„œ ์ƒˆ๋กœ ๋ฐฐ์šฐ๋Š”๊ฒŒ ๋งŽ๋‹ค.  ๊ฒ ์—†๋Š” ๋‚˜๋Š” ์–ด์ฐจํ”ผ ์—ฐ์Šตํ• ๊ฑฐ ์ด๊ฒƒ์ €๊ฒƒ ๋ˆŒ๋Ÿฌ๋ดค๋‹ค.๋ณ‘ํ•ฉ๋„ ํ•ด๋ณด๊ณ  ๋ธŒ๋žœ์น˜ ์ฒดํฌ์•„์›ƒ, ๋ฎ์–ด์“ฐ๊ธฐ, ๊ฐ•์ œ๋กœ ์‚ญ์ œ ๋“ฑ ใ…‹ใ…‹ใ…‹ ์ด๊ฒƒ์ €๊ฒƒ ์•„๋ฌด๊ฑฐ๋‚˜ ๋‹ค ๋ˆŒ๋Ÿฌ๋ณด๋‹ค๊ฐ€ ์ž๊พธ ์˜ค๋ฅ˜๊ฐ€ ๋‚œ๋‹ค ใ…‹ใ…‹ใ…‹๊ณ ์žฅ๋‚˜๋ฉด ์ปดํ“จํ„ฐ ๋ฐ€๋ฉด ๋ผ~ ํšŒ์‚ฌ์ปด๋„ ์•„๋‹Œ๋ฐใ…‹ใ…‹ใ…‹ (๋†๋‹ด) Git ์ €์žฅ์†Œ์— ์—ฐ๊ฒฐ๋œ ํŒŒ์ผ์„ ์ˆ˜์ •ํ•˜๋ฉด ์ˆ˜์ • ํ›„์— ์•„์ง ์Šคํ…Œ์ด์ง•์ด๋‚˜ ์ปค๋ฐ‹ ์•ˆํ–ˆ์„ ๋•Œ ์ฝ”๋“œ ์™ผ์ชฝ์— ์กฐ๊ทธ๋งฃ๊ฒŒ ์„ธ๋กœ์ค„์ด ๋œฌ๋‹ค.  ์ด๊ฑธ Diff Decorations์ด๋ผ๊ณ  ํ•œ๋‹ค. Diff Decorations๋Š” ํŒŒ์ผ..
CSS Diner๋Š” CSS ์„ ํƒ์ž๋ฅผ ํ•™์Šตํ•˜๊ณ  ์—ฐ์Šตํ•  ์ˆ˜ ์žˆ๋Š” ์žฌ๋ฏธ์žˆ๋Š” ์›น ๊ธฐ๋ฐ˜ ๊ฒŒ์ž„์ด๋‹ค.์‚ฌ์šฉ์ž๊ฐ€ HTML ์ฝ”๋“œ์— ์ ์šฉํ•  ์˜ฌ๋ฐ”๋ฅธ CSS ์„ ํƒ์ž๋ฅผ ์ž‘์„ฑํ•˜๋ฉด, ๊ฒŒ์ž„์˜ ๊ฐ ๋ ˆ๋ฒจ์„ ํด๋ฆฌ์–ดํ•˜๋ฉฐ ์ ์  ๋” ๋ณต์žกํ•œ ์„ ํƒ์ž๋ฅผ ์ตํž ์ˆ˜ ์žˆ๋‹ค. ์ด ๊ฒŒ์ž„์€ CSS๋ฅผ ๋ฐฐ์šฐ๊ฑฐ๋‚˜ ๋ณต์Šตํ•˜๊ณ  ์‹ถ์€ ์ดˆ๋ณด์ž์™€ ์ค‘๊ธ‰์ž๋ฅผ ์œ„ํ•œ ์ข‹์€ ๋„๊ตฌ์ด๊ณ ํŠนํžˆ ์„ ํƒ์ž ๊ณต๋ถ€๋ฅผ ํ•˜๊ณ  ์‹ถ์€ ์‚ฌ๋žŒ๋“ค๊ป˜ ์ถ”์ฒœํ•œ๋‹ค.ํฌ๋กค๋ง ์—ฐ์Šตํ•˜์‹œ๋Š” ๋ถ„๋“ค๊ป˜๋„ ๋งŽ์€ ๋„์›€์ด ๋  ๊ฒƒ ๊ฐ™๋‹ค.  https://flukeout.github.io/ CSS DinerA fun game to help you learn and practice CSS selectors.flukeout.github.io ๊ฐ€์žฅ ์‰ฌ์šด ๋‚œ์ด๋„์ธ 1๋ฒˆ๋ถ€ํ„ฐ ๊ฐ€์žฅ ์–ด๋ ค์šด 32๋ฒˆ๊นŒ์ง€ ์žˆ๋‹ค.ใ…‹ใ…‹ ํ™”๋ฉด์—์„œ ๊ณ ๋ฅด๋ผ๊ณ  ํ•˜๋Š” ๋ฌผ๊ฑด์„ ๊ณ ๋ฅด๋Š” CSS..
12์›” 6์ผ์— SQLD ๊ฒฐ๊ณผ ๋‚˜์™”๋‹ค.SQLD ๋Š” ๊ฐ€์ฑ„์  ๊ฒฐ๊ณผ ๋ฐœํ‘œ๋ฅผ ํ•˜๋Š”๋ฐ ๊ผญ ๊ธˆ์š”์ผ ์˜คํ›„ 4์‹œ์— ํ•œ๋‹ค.๋“ค์–ด๊ฐ€์ž๋งˆ์ž ์ ‘์†์ž ๋Œ€๊ธฐ์—ด์— 1000๋ฒˆ์งธ๋กœ ๋“ค์–ด์™”๋Š”๋ฐ ์ค‘๊ฐ„์— ํ•œ ๋ฒˆ ํŠ•๊ฒจ์„œ ๋‹ค์‹œ ๋“ค์–ด๊ฐ€๋ณด๋‹ˆ๊นŒ 2000๋ฒˆ๋Œ€๋กœ ๋Š˜์–ด๋‚ฌ๋‹ค ใ… ใ… ๊ฑฐ์˜ 10๋ถ„๊ฐ„ ๋Œ€๊ธฐํ–ˆ๋‹ค. ์–˜๋Š” ๋ฌด๋‚œํ•˜๊ฒŒ ํ•ฉ๊ฒฉํ•ด์„œ ์ข‹๊ณ  11์ผ์— ๊ธฐ์‚ฌ ๊ฒฐ๊ณผ๋Š” ใ…‹ใ…‹ใ…‹ใ…‹2์  ์ฐจ์ด๋กœ ํƒˆ๋ฝ > ๊ทธ๋ฆฌ๊ณ  ์ €๋… 6์‹œ์— ์†๋ˆˆ์น ํŽŒ ํ–ˆ๋‹ค.L์ปฌ๋กœ ํ–ˆ๋Š”๋ฐ ์˜ˆ์˜๊ฒŒ ์ž˜ ๋จ! ์ธ์‚ฌ์ด๋“œ์•„์›ƒ ๊นŒ์น ์ด ์†๋ˆˆ์น ์˜ค๋Š˜์€ ์„ธ์ˆ˜ํ•˜์ง€ ๋ง๋ผ๊ณ  ํ•ด์„œ ๋‚ด์ผํ•ด์•ผ ํ•œ๋‹คใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹;์ด๊ฑธ๋กœ ์ž˜ ๋น—์–ด ์ค˜์•ผ์ง€
๋‚˜๋งŒ ์•Œ๊ธฐ์—๋Š” ์•„๊นŒ์šด ์‚ฌ์ดํŠธ `Learn Git Branching` ์€ Git์„ ์“ธ ๋•Œ ํ•„์š”ํ•œ ๋ธŒ๋žœ์น˜์— ๋Œ€ํ•œ ๊ฐœ๋…์„ ์žก๋Š” ๊ฒƒ์„ ๋•๊ธฐ ์œ„ํ•ด ๋งŒ๋“ค์–ด์ง„ ์‚ฌ์ดํŠธ์ด๋‹ค. https://learngitbranching.js.org/?locale=ko Learn Git BranchingAn interactive Git visualization tool to educate and challenge!learngitbranching.js.org ์ฒ˜์Œ ์ ‘์†ํ•˜๋ฉด ์ด๋ ‡๊ฒŒ ํŒ์—…์ด ๋œจ๋Š”๋ฐ ESC ๋ˆ„๋ฅด๋ฉด ๋ฐ”๋กœ ๋ฐฐ์‰ฌ์ฐฝ์— ์•„๋ฌด๊ฑฐ๋‚˜ ์—ฐ์Šตํ•ด ๋ณผ ์ˆ˜ ์žˆ๋‹ค.๋‹จ๊ณ„๋ณ„๋กœ ์—ฐ์Šตํ•˜๊ณ  ์‹ถ์€ ์‚ฌ๋žŒ์€ ์•„๋ž˜ ํŒ์—…์—์„œ ๋ ˆ๋ฒจ์„ ์„ ํƒํ•˜๋ฉด ๋œ๋‹ค. ์ฝ˜์†”์— ๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅํ•ด๋„ ๋˜๊ณ ,๋ธŒ๋žœ์น˜ ์ด๋ฆ„์„ ์ง์ ‘ ํด๋ฆญํ•ด๋„ checkout ์ด ๋œ๋‹ค~
์†Œ์ŠคํŠธ๋ฆฌ ๋‹ค์šด ๋ฐ›๊ธฐhttps://www.sourcetreeapp.com/ Sourcetree | Free Git GUI for Mac and WindowsA Git GUI that offers a visual representation of your repositories. Sourcetree is a free Git client for Windows and Mac.www.sourcetreeapp.com Source Tree์—ด๊ณ  ๊ตฌ๊ธ€ ๊ณ„์ • ์—ฐ๋™ํ•ด์„œ ํšŒ์›๊ฐ€์ž…ํ•ด์ฃผ์—ˆ๋‹ค. Source Tree > Clone ํƒญ์— ๋ ˆํŒŒ์ง€ํ† ๋ฆฌ ์ฃผ์†Œ ๋ถ™์—ฌ๋„ฃ๊ธฐSSH๋ง๊ณ  HTTPS ๋ณต์‚ฌํ•ด์„œ ๋ถ™์—ฌ๋„ฃ์–ด์•ผํ•œ๋‹ค.1. ํด๋ก (Clone)๊นƒํ—ˆ๋ธŒ ์›๊ฒฉ์ €์žฅ์†Œ์˜ ๋‚ด์šฉ์„ ๊ทธ๋Œ€๋กœ ๋‚ด PC ๋‚ด๋ฌธ์„œ์— ๊ฐ€์ ธ์˜ค๋Š” ๊ฒƒํด๋ก ์€ ํ•œ๋ฒˆ๋งŒ ํ•˜๋ฉด ๋˜๊ณ  ์ž‘์—…ํ•œ ํ›„์—๋Š” stage..
๋‰ด์งˆ๋žœ๋“œ์™€ ์˜ค์ŠคํŠธ๋ ˆ์ผ๋ฆฌ์•„ ๋ฎค์ง€์…˜์œผ๋กœ ๊ตฌ์„ฑ๋œ ๊ทธ๋ฃน ํฌ๋ผ์šฐ๋””๋“œ ํ•˜์šฐ์Šค(Crowded House)์˜ ์Œ์•… ์ค‘์— ๊ฐ€์žฅ ์œ ๋ช…ํ•œ ๊ณก์ด ์•„๋‹๊นŒ ์‹ถ๋‹ค. Crowded house๋Š” ํ˜ธ์ฃผ, ๋‰ด์งˆ๋žœ๋“œ, ์˜๊ตญ, ๋ฏธํ˜ธ์ฃผ์™€ ์˜๊ตญ์—์„œ ์•จ๋ฒ” ์ฐจํŠธ 1์œ„๋ฅผ ๋‹ฌ์„ฑํ–ˆ๊ณ , ๋ฏธ๊ตญ ์‹œ์žฅ์—์„œ๋Š” 1986๋…„ ๋‚˜์™”๋˜ Don't Dream It's Over๋กœ ๋นŒ๋ณด๋“œ ์‹ฑ๊ธ€ ์ฐจํŠธ 2์œ„์— ์˜ฌ๋ผ์„œ ์ตœ๊ณ  ๊ธฐ๋ก์„ ๋‹ฌ์„ฑํ–ˆ๋‹ค. Don't Dream It's Over๋Š” Neil Finn์ด ์ž‘์‚ฌ, ์ž‘๊ณกํ•œ ๊ณก์œผ๋กœ, 1986๋…„ ๋ฐœ๋งค๋œ ๋ฐด๋“œ์˜ ๋ฐ๋ท” ์•จ๋ฒ”์— ์ˆ˜๋ก๋˜์—ˆ๋‹ค. ์ด ๋…ธ๋ž˜๋Š” ๋‹น์‹œ Neil Finn์˜ ๊ฐ์ •๊ณผ ์–ด์ง€๋Ÿฌ์šด ์„ธ์ƒ์˜ ์ƒํ™ฉ์„ ๋ฐ˜์˜ํ•˜๋ฉฐ ๋งŒ๋“ค์–ด์กŒ๋‹ค๊ณ  ํ•œ๋‹ค. ๊ทธ๋Š” ์ด ๊ณก์ด ํŠน์ •ํ•œ ์˜๋ฏธ๋กœ๋งŒ ํ•ด์„๋˜์ง€ ์•Š๊ณ  ์ฒญ์ž๋“ค์˜ ์ƒํ™ฉ์— ๋งž๊ฒŒ ๋ฐ›์•„๋“ค์—ฌ์ง€๊ธฐ๋ฅผ ๋ฐ”๋žฌ๋‹ค๊ณ  ํ•œ๋‹ค. ์ด ๊ณก์€ 2017..
์ƒ๋‹จ์œผ๋กœ