Banner

My Tech Blog (์›น์‚ฌ์ดํŠธ)

์˜ค๋Š˜์˜ ๋ช…์–ธ
" ์ผ์ฐ ์ž๊ณ  ์ผ์ฐ ์ผ์–ด๋‚˜๋Š” ๊ฒƒ์ด ๊ฑด๊ฐ•, ๋ถ€, ๊ทธ๋ฆฌ๊ณ  ์ง€ํ˜œ์˜ ๋น„๊ฒฐ์ด๋‹ค. "
- ๋ฒค์ €๋ฏผ ํ”„๋žญํด๋ฆฐ (๋ฏธ๊ตญ ์ •์น˜๊ฐ€, ๊ณผํ•™์ž)
๊พธ๋ฏธ๊ธฐ ๋ผ๊ณ  ํ•˜๊ธฐ์—๋Š” ์†Œ์†Œํ•˜์ง€๋งŒ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์†์„ฑ ๊ณต๋ถ€ํ•˜๋Š” ์‹œ๊ฐ„ ๋„ค๋น„๊ฒŒ์ด์…˜๋ฐ” ์•„๋ž˜ ๋ฉ”์ธ ์˜์—ญ์— ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์œผ๋กœ ์†Œ๊ฐœ๊ธ€ ์ถ”๊ฐ€main์˜์—ญ์ด๋ผ๊ณ  ํ•ด์•ผ ํ• ์ง€ content ์˜์—ญ์ด๋ผ๊ณ  ํ•ด์•ผ ํ• ์ง€ 1. ์†Œ๊ฐœ๊ธ€ ์ถ”๊ฐ€ `jumbotron`ํŽ˜์ด์ง€ ๋‚ด์—์„œ ๊ฐ•์กฐํ•˜๋Š” ํžˆ์–ด๋กœ ์„น์…˜์ด๊ณ  ํฐ ํ…์ŠคํŠธ์™€ ์—ฌ๋ฐฑ์„ ๊ธฐ๋ณธ์œผ๋กœ ํฌํ•จํ•จ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 5์—์„œ๋Š” Jumbotron ํด๋ž˜์Šค๊ฐ€ ์ œ๊ฑฐ๋˜์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์•„๋ž˜์™€ ๊ฐ™์€ ํด๋ž˜์Šค๋ฅผ ์กฐํ•ฉํ•ด์„œ ๋น„์Šทํ•œ ํšจ๊ณผ๋ฅผ ์ˆ˜๋™์œผ๋กœ ๋‚ด์•ผ ํ•œ๋‹ค. `rounded`์š”์†Œ์˜ ๋ชจ์„œ๋ฆฌ๋ฅผ ๋‘ฅ๊ธ€๊ฒŒ ๋งŒ๋“ฌ  border-radius: 0.375rem (์•ฝ 6px)์—ฌ๊ธฐ์„œ rounded-circle, rounded-pill ์“ฐ๋ฉด ๋” ๊ทน๋‹จ์ ์œผ๋กœ(?) ๋‘ฅ๊ทผ ์Šคํƒ€์ผ ๊ฐ€๋Šฅ`display-4`ํ…์ŠคํŠธ๋ฅผ ํฌ๊ฒŒ ํ‘œ์‹œํ•˜๋Š” ํ—ค๋”ฉ ์Šคํƒ€์ผ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์˜ ๋””์Šคํ”Œ๋ ˆ์ด ํด๋ž˜์Šค์ธ๋ฐ ..
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..
๋‚˜๋งŒ ์•Œ๊ธฐ์—๋Š” ์•„๊นŒ์šด ์‚ฌ์ดํŠธ `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 ์ด ๋œ๋‹ค~
1. BbsDAO ํด๋ž˜์Šค์— getBbs() ๋ฉ”์„œ๋“œ ๋งŒ๋“ค๊ธฐ `getBbs(int bbsID)` ๋ฉ”์„œ๋“œ๋Š” ํŠน์ • bbsID๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๊ฒŒ์‹œ๊ธ€ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์—์„œ ์กฐํšŒํ•˜์—ฌ ๋ฐ˜ํ™˜ํ•œ๋‹ค.์ฆ‰ ํ•˜๋‚˜์˜ ๊ธ€ ๋‚ด์šฉ์„ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๋ฉ”์„œ๋“œ์ด๋‹ค. ์ฒ˜์Œ์— ์ ์€ ์ฝ”๋“œ(ํ‹€๋ฆผ) public Bbs getBbs(int bbsID) { String SQL = "SELECT * FROM BBS WHERE bbsID = ?"; try (PreparedStatement psmt = conn.prepareStatement(SQL); ResultSet rs = psmt.executeQuery()) { psmt.setInt(1, bbsID); if (rs.next()) { ..
์•ˆ๋…•ํ•˜์„ธ์š”์˜ค๋Š˜์€ ๋ฆฌ๋ˆ…์Šค ๋ช…๋ น์–ด ์—ฐ์Šตํ•ด ๋ณผ ์ˆ˜ ์žˆ๋Š” ์‚ฌ์ดํŠธ ์†Œ๊ฐœํ•ด๋“œ๋ฆด๊ฒŒ์š” JS Linux์ž…๋‹ˆ๋‹ค! https://bellard.org/jslinux/ JSLinuxJSLinux Run Linux or other Operating Systems in your browser! The following emulated systems are available: CPUOSUserInterfaceVFsyncaccessStartupLinkTEMUConfigComment x86Alpine Linux 3.12.0ConsoleYes click here url x86Alpine Linux 3.12.0X WindowYes click hbellard.org ์ €๋Š” ์œˆ๋„์šฐ๋ฅผ ์“ฐ๋Š”๋ฐ์š”.์ด ์›น์‚ฌ์ดํŠธ ์ด์šฉํ•˜์‹œ๋ฉด ๋ธŒ๋ผ์šฐ์ €์—์„œ Linux ํ™˜๊ฒฝ..
์ž๋ฐ” ์˜จ๋ผ์ธ IDE ๋ชจ์Œ ๐Ÿ‘ฉ๐Ÿผโ€๐Ÿ’ป ์ธํ…”๋ฆฌ์ œ์ด๋‚˜ ์ดํด๋ฆฝ์Šค๋ฅผ ์„ค์น˜ํ•˜์ง€ ์•Š๊ณ ๋„,๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ฐ”๋กœ ์‹คํ–‰๊ฐ€๋Šฅํ•œ ์ž๋ฐ” IDE ์›น ์ปดํŒŒ์ผ๋Ÿฌ ์‚ฌ์ดํŠธ ๋‘ ๊ฐœ ๊ฐ€์ ธ์™€ ๋ดค์–ด์š”.์ฝ”ํ…Œ ๋ฌธ์ œ ํ’€ ๋•Œ ๊ฐ„๋‹จํžˆ ์ฝ”๋“œ ํ…Œ์ŠคํŠธ ํ•˜๋Š” ์šฉ๋„๋กœ ์‚ฌ์šฉํ•˜์‹œ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ œ๊ฐ€ ์ถ”์ฒœํ•˜๋Š” ์ž๋ฐ” ์›น์ฝ”๋”ฉ ์‚ฌ์ดํŠธ๋Š”Online Java IDE์™€ JDoodle, MyCompiler ์ž…๋‹ˆ๋‹ค.๊ฐ„๋‹จํ•˜๊ฒŒ ์ฝ”ํ…Œ ๊ฒฐ๊ณผ ์ฝ˜์†”์— ์‹คํ–‰ํ•  ์šฉ๋„๋กœ๋Š” MyCompiler ์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค~   ์–ด๋–ค ์‚ฌ์ดํŠธ๊ฐ€ ๋” ์ ํ•ฉํ• ์ง€๋Š” ์ฃผ๋กœ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ๊ณผ ์š”๊ตฌ๋˜๋Š” ๊ธฐ๋Šฅ์˜ ์ˆ˜์ค€์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง‘๋‹ˆ๋‹ค.Jdoodle์€  ๊ฒฝ๋Ÿ‰ํ™”๋œ ์ฝ”๋“œ ํ…Œ์ŠคํŠธ์™€ ๋‹ค์ค‘ ์–ธ์–ด ์ง€์›์— ์ดˆ์ ์ด ๋งž์ถฐ์ ธ ์žˆ์–ด, ์ดˆ๋ณด์ž๋‚˜ ๊ฐ„๋‹จํ•œ ์ฝ”๋“œ ์‹คํ–‰ ๋ฐ ๊ฒฐ๊ณผ ํ™•์ธ์— ์ ํ•ฉํ•˜๋ฉฐ, ๋ณต์žกํ•œ ๋””๋ฒ„๊น…์ด ํ•„์š”ํ•œ ๋Œ€๊ทœ๋ชจ ํ”„๋กœ์ ํŠธ๋ณด๋‹ค๋Š” ํ•™์Šต์ด๋‚˜ ๋น ๋ฅธ ํ…Œ์ŠคํŠธ..
์—ฌ๋Ÿฌ๋ถ„๋“ค ์˜ค๋Š˜์€ ์ €๋งŒ์˜ ๊ฟ€ํŒ์„ ๊ฐ€์ง€๊ณ  ์™”์Šต๋‹ˆ๋‹ค ใ…Žใ…Žใ…Ž!์—ฌ๋Ÿฌ๋ถ„๋„ ์ €๋ž‘ ๋น„์Šทํ•œ ์ผ์„ ๊ฒช์œผ์‹  ์  ์žˆ์„ํ…๋ฐ์š” ์ œ๊ฐ€ ์˜ค๋Š˜ ์˜ค๋žœ๋งŒ์— Quora ์ ‘์†ํ•˜๋ ค๊ณ  ํ•˜๋Š”๋ฐ์•„์ด๋””/๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ƒ๊ฐ์ด ์•ˆ๋‚˜๋Š” ๊ฑฐ์˜ˆ์š”๊ทธ๋ž˜์„œ ์ƒ๊ฐ๋‚˜๋Š” ๊ตฌ๊ธ€ ๊ณ„์ •์œผ๋กœ ๋กœ๊ทธ์ธ์„ ํ–ˆ๋Š”๋ฐ ์ œ๊ฐ€ ๊ฐ€์ž…ํ–ˆ๋˜ ๊ณ„์ •์ด ์•„๋‹ˆ์—ˆ์–ด์š”.๊ทธ๋ฆฌ๊ณ  ๊ฐ•์ œ ํšŒ์›๊ฐ€์ž…์„ ๊ถŒ์œ ๋‹นํ–ˆ์Šต๋‹ˆ๋‹คใ…Žใ…Žใ…Žใ…Žใ…Ž์ง๊ด€์ ์ธ UX/UI๋ฅผ ์ค‘์‹œํ•˜๋Š” ์™ธ๊ตญ์‚ฌ์ดํŠธ์˜ ์š”์ฆ˜ ํŠธ๋ Œ๋“œ์ž…๋‹ˆ๋‹ค.๊ฐ€์ž… ์•ˆ ๋œ ๊ณ„์ •์œผ๋กœ ๋กœ๊ทธ์ธ์„ ์‹œ๋„ํ•˜๋ฉด '์•„์ด๋””/๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ํ‹€๋ ธ์Šต๋‹ˆ๋‹ค' ๋ผ๋Š” ์•ˆ๋‚ด๋ฌธ๊ตฌ ๋Œ€์‹ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ํšŒ์›๊ฐ€์ž… ์ ˆ์ฐจ๋กœ ์—ฐ๊ฒฐํ•ด ์ฃผ๋Š” ์‚ฌ์ดํŠธ๋“ค์ด ๋งŽ์Šต๋‹ˆ๋‹ค. ใ…Žใ…Žใ…Ž์ข‹์•„ํ•˜๋Š” ๊ด€์‹ฌ์‚ฌ๋ฅผ ์„ ํƒํ•ด ๋ณด๋ผ๊ณ  ํ•˜๋ฉด์„œ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์„œ๋น„์Šค ์ด์šฉ์„ ์œ ๋„ํ•˜์ฃ .  ํšŒ์›๊ฐ€์ž… ํŒ์—…์ฐฝ์ด ๋œจ๋ฉฐ ๋กœ๊ทธ์•„์›ƒ ๋ฒ„ํŠผ์ด ๋น„ํ™œ์„ฑํ™” ๋˜๊ฑฐ๋‚˜ํŽ˜์ด์ง€๋ฅผ ์ƒˆ๋กœ๊ณ ์นจํ•ด๋„ ํšŒ์›๊ฐ€์ž… ์ง€์˜ฅ์— ๊ฐ‡ํžˆ๋ฉด ์ •๋ง ๋ถˆํŽธํ•œ..
์›น๋””์ž์ธ์—์„œ ์ƒ‰์ฑ„๋Š” ์ „์ฒด์ ์ธ ๋ถ„์œ„๊ธฐ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ์ค‘์š”ํ•œ ์š”์†Œ์ž…๋‹ˆ๋‹ค. ์ƒ‰์€ ์‹œ๊ฐ์ ์œผ๋กœ ์‚ฌ๋žŒ์—๊ฒŒ ๊ฐ€์žฅ ๋จผ์ € ์ธ์‹๋˜๋Š” ๊ฐ๊ฐ์ธ๋ฐ์š”.๊ฐ™์€ ์ƒ‰๊ฐ์ด๋ผ๋„ ๋ช…๋„๋‚˜ ์ฑ„๋„์— ๋”ฐ๋ผ ๋Š๋‚Œ์ด ๋‹ฌ๋ผ์ง€๋ฉฐ, ๋ณด๋Š” ์‚ฌ๋žŒ์˜ ๊ฐ์ •๊นŒ์ง€ ๋ณ€ํ™”์‹œํ‚ต๋‹ˆ๋‹ค. ์›น๋””์ž์ธ์„ ํ•  ๋•Œ ๋ธŒ๋žœ๋“œ ์ด๋ฏธ์ง€์™€ ๊ฐœ์„ฑ์„ ํ‘œํ˜„ํ•˜๊ธฐ ์œ„ํ•ด ํŠน์ • ์ƒ‰๊ฐ์„ ๊ฐ•์กฐํ•˜์—ฌ ํ™œ์šฉํ•˜๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ๋ฏธ๊ตญ์˜ ์ปฌ๋Ÿฌ ๋ฆฌ์„œ์น˜ ์—ฐ๊ตฌ์†Œ (CR)์— ๋”ฐ๋ฅด๋ฉด, ์†Œ๋น„์ž๊ฐ€ ์ƒํ’ˆ์„ ๊ฒฐ์ •ํ•˜๋Š” ์‹œ๊ฐ„์€ 90์ดˆ ์•ˆ์— ์ด๋ฃจ์–ด์ง„๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ด๋•Œ ์ƒํ’ˆ์— ๋Œ€ํ•œ ํŒ๋‹จ 80~90%๊ฐ€ ์ƒ‰์ƒ์— ์˜ํ•ด ๊ฒฐ์ •๋œ๋‹ค๊ณ  ํ•˜๋Š”๋ฐ์š”. ์ด์ฒ˜๋Ÿผ ๊ณ ๊ฐ์˜ ๋งˆ์Œ์„ ์ด๋Œ๊ธฐ ์œ„ํ•ด ์ƒ‰๊ฐ์€  ๊ธฐ์—… ๋งˆ์ผ€ํŒ…์˜ ์ค‘์š”ํ•œ ๋ถ€๋ถ„์ž…๋‹ˆ๋‹ค.   ์˜จ๋ผ์ธ์ƒ์—์„œ ๊ธฐ์—…์„ ๋Œ€ํ‘œํ•˜๋Š” ์š”์†Œ์ธ ํ™ˆํŽ˜์ด์ง€์˜ ์ƒ‰๊ฐ์€ ํŒ๋งค ์ƒํ’ˆ์˜ ๊ธ์ •์ ์ธ ์ด๋ฏธ์ง€๋ฅผ ์ „๋‹ฌํ•˜๊ณ , ๋ฐฉ๋ฌธ์ž์˜ ์žฌ๋ฐฉ๋ฌธ์„ ์œ ๋„ํ•˜๊ธฐ ์œ„ํ•ด ๋งค์šฐ ์ค‘์š”ํ•œ ..
์ƒ๋‹จ์œผ๋กœ