Banner

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

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 ์ด ๋œ๋‹ค~
์†Œ์ŠคํŠธ๋ฆฌ ๋‹ค์šด ๋ฐ›๊ธฐ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..
์ด๋ฒˆ ํฌ์ŠคํŒ… ์„ค๋ช…์€ ์ œ๊ฐ€ ์ž‘์„ฑํ–ˆ์œผ๋‚˜ ์ด๋ฏธ์ง€๋Š” ๋‹ค๋ฅธ ๊ณณ์—์„œ ์ž˜ ๊ทธ๋ ค์ง„ ๊ฒƒ๋“ค์„ ๊ฐ€์ ธ์™”์Šต๋‹ˆ๋‹ค.์ด๋ฏธ์ง€๋งˆ๋‹ค ์ถœ์ฒ˜ ํ‘œ๊ธฐํ–ˆ์Šต๋‹ˆ๋‹ค :)  ์—ฌ๊ธฐ ๊ฐ€์‹œ๋ฉด flex ์š”์†Œ๋“ค์„ ์ง์ ‘ ํด๋ฆญํ•ด ๋ณด๋ฉด์„œ ํ™”๋ฉด ๋ ˆ์ด์•„์›ƒ์„ ํ™•์ธํ•ด ๋ณผ ์ˆ˜ ์žˆ์–ด์š”. flex-shrink - CSS: Cascading Style Sheets | MDNThe flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, the flex items can shrink to fit according to their flex-shrink value. Each flex line's negati..
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 ํ™˜๊ฒฝ..
์‹œ๊ฐ„์ด ์ง€๋‚˜๋„ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์˜ ๊ฐ€์Šด ์†์—์„œ ์žŠํ˜€์ง€์ง€ ์•Š๋Š” ๋ช…์ž‘ 'ํ๋ฅด๋Š” ๊ฐ•๋ฌผ์ฒ˜๋Ÿผ'๊ทธ๋™์•ˆ ๋ฆฌ๋ทฐํ•˜๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ ์‹œ๊ฐ„์ด ์—†์–ด์„œ  ๋ฏธ๋ฃจ๋‹ค๊ฐ€ ์˜ค๋Š˜ ๋ฆฌ๋ทฐ๋ฅผ ํ•ด ๋ด…๋‹ˆ๋‹ค. ํ•œ ํญ์˜ ๊ทธ๋ฆผ์ฒ˜๋Ÿผ ์•„๋ฆ„ ๋‹ค์šด ์˜ํ™” 'ํ๋ฅด๋Š” ๊ฐ•๋ฌผ์ฒ˜๋Ÿผ'์ธ์ƒ์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€?๊ฐ€์กฑ์˜ ์˜๋ฏธ์— ๋Œ€ํ•ด ์ƒ๊ฐ ํ•ด ๋ณด๊ฒŒ ํ•˜๋Š” ์˜ํ™”์ž…๋‹ˆ๋‹ค. 1992๋…„์— ๊ฐœ๋ด‰ํ–ˆ์œผ๋ฉฐ ๋กœ๋ฒ„ํŠธ ๋ ˆ๋“œํฌ๋“œ ์—ฐ์ถœ, ํฌ๋ ˆ์ด๊ทธ ์…ฐํผ, ๋ธŒ๋ž˜๋“œ ํ”ผํŠธ ์ฃผ์—ฐ์ž…๋‹ˆ๋‹ค. ์ „ ์‹œ์นด๊ณ  ๋Œ€ํ•™์˜ ๊ต์ˆ˜์˜€๋˜ ๋…ธ๋จผ ๋งฅํด๋ ˆ์ธ(1902~1990)์ด ์ž์‹ ์˜ ์‹คํ™”๋ฅผ ํ† ๋Œ€๋กœ 1976๋…„์— ์ถœํŒํ•œ ์†Œ์„ค์„ ์›์ž‘์œผ๋กœ ํ–ˆ์Šต๋‹ˆ๋‹ค. ์•„๋ฆ„๋‹ค์šด ์ž์—ฐ ํ’๊ฒฝ์„ ๋ฐฐ๊ฒฝ์œผ๋กœ ์˜ˆ์ˆ ์ ์ธ ๊ฒฝ์ง€์— ๋„๋‹ฌํ•œ ํ”Œ๋ผ์ด ๋‚š์‹œ์˜ ํ™˜์ƒ์ ์ธ ์žฅ๋ฉด๊ณผ ๋”๋ถˆ์–ด, ๊ฐ€์กฑ ๊ฐ„์˜ ์‚ฌ๋ž‘๊ณผ ์•„ํ”” ๊ทธ๋ฆฌ๊ณ  ์ธ์ƒ์˜ ์ฐธ ์˜๋ฏธ๋ฅผ ์ž”์ž”ํ•˜๊ฒŒ ๊ทธ๋ ค๋‚ธ ํด๋ž˜์‹ ์˜ํ™”์ž…๋‹ˆ๋‹ค.์ค„๊ฑฐ๋ฆฌํ—ˆ๊ณต์„ ๊ฐ€๋กœ์ง€๋ฅด๋Š” ํ”Œ๋ผ์ด๋‚š์‹œ๋ฅผ ํ†ตํ•ด ๋ณด..
์ธ์ ˆ๋ฏธ์˜€๋˜๊ฒƒ
'๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก (3 Page)
์ƒ๋‹จ์œผ๋กœ