์ „์ฒด ๊ธ€

Computer/Front-End

[JavaScript] ๐Ÿ“š Date ๋ฌธ๋ฒ• / ๋‚ ์งœ ๋ฌธ๋ฒ• / ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋‚ ์งœ / Intl

์‚ฌ๋žŒ๋“ค์ด ํ˜„์žฌ ๋‚ ์งœ๋ฅผ ๊ตฌํ•  ๋•Œ Date() ๋ฌธ๋ฒ•์„ ๋งŽ์ด ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์–ด๋”˜๊ฐ€ ์กฐ๊ธˆ ์ž˜๋ชป ๋˜์—ˆ๋‹ค๊ณ  ์ƒ๊ฐ์ด ๋“ค ๋•Œ๊ฐ€ ์žˆ์œผ์‹ค๊ฒ๋‹ˆ๋‹ค.. JavaScript 1955๋…„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฐฝ์กฐ์ฃผ ๋‹˜๊ป˜์„œ 10์ผ๋งŒ์— ํƒ€์ดํ•‘์„ ํ•˜์—ฌ ๋งŒ๋“œ์…จ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.. (์–ด์šฐ.. ๋ฒ”์ ‘ ๋ถˆ๊ฐ€ํ•˜์‹  ๋ถ„์ด๊ตฐ์š”..) ์ž๋ฐ” ๋ฌธ๋ฒ•์„ ๊ทธ๋Œ€๋กœ ๋ฒ ๊ปด์„œ ๋งŒ๋“ค์—ˆ๊ธฐ์— ๊ฐ€๋Šฅํ•œ ๊ฒƒ ์ด์—ˆ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. Date() ๊ทธ ์•ˆ์—์„œ!! Date date = new Date(); ์ž๋ฐ” ๋‚ด์žฅ ํ•จ์ˆ˜ ์ค‘ Util.date ๊ฐ€ ์žˆ์ฃ ... ์ด๊ฒƒ๋„ ๊ทธ๋Œ€๋กœ ๊ฐ€์ ธ์˜จ ๊ฒƒ์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ž๋ฐ”์—์„œ๋Š” ํ˜„์žฌ ์ด ๋ฌธ๋ฒ•์ด ์ข‹์ง€ ์•Š๋‹ค๊ณ  ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค๊ณ  ํ•ด์š”.. ๋ ˆ๊ฑฐ์‹œ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ๋งŽ์ด๋“ค ๋ณด์…จ๊ฒ ์ง€๋งŒ ์š”์ฆ˜์€ java.time.Instant ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ทธ๋Œ€๋กœ..

Computer/Front-End

[JavaScript] ๐Ÿ“š ๋ฐฐ์—ด ์Œ์ˆ˜ ์ธ๋ฑ์Šค ์‚ฌ์šฉํ•˜๊ธฐ / ํŒŒ์ด์ฌ์ฒ˜๋Ÿผ ๋ฐฐ์—ด ์‚ฌ์šฉํ•˜๊ธฐ / at() / ์ตœ์‹  ๋ฌธ๋ฒ• / Array / index

Array.prototype.at() ์ •์ˆ˜๊ฐ’์„ ๋ฐ›์•„, ํ•ด๋‹น ๋ฐฐ์—ด ์ธ๋ฑ์Šค์˜ ์š”์†Œ๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์–‘์ˆ˜์™€ ์Œ์ˆ˜ ๋ชจ๋‘ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๊ณ , ์Œ์ˆ˜ ๊ฐ’์˜ ๊ฒฝ์šฐ ๋ฐฐ์—ด์˜ ๋’ค์—์„œ๋ถ€ํ„ฐ ์ธ๋ฑ์Šค๋ฅผ ์…‰๋‹ˆ๋‹ค. ๋ผ๊ณ  ์ •์˜๊ฐ€ ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค!! ๊ธฐ์กด์—๋Š” ์‚ฌ์šฉํ•  ๋•Œ python๊ณผ ๋‹ฌ๋ฆฌ ๋ณต์žก์•„๋‹Œ ๋ณต์žกํ•˜๊ฒŒ ์‚ฌ์šฉํ–ˆ์–ด์•ผ ํ–ˆ์ง€๋งŒ, ์ด์ œ๋Š” ์‰ฝ๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. const exArray = [10, 20, 30, 40, 50]; console.log(exArray[exArray.length - 1]);// 50 ๊ธฐ์กด์—๋Š” ์ด๋Ÿฐ์‹์œผ๋กœ ๋ฐฐ์—ด์˜ ๊ธธ์ด - 1 ๋กœ ํ™œ์šฉํ–ˆ์—ˆ์Šต๋‹ˆ๋‹ค. (length๋ฅผ ํ™œ์šฉ) ํ•˜์ง€๋งŒ!! const exArray = [11, 22, 33, 44, 55]; console.log(exArray.at(-1));// 55 ์ด๋ ‡๊ฒŒ at() ์„..

Computer/Front-End

[React] ๐Ÿ“š ๋ฆฌ์•กํŠธ ์ƒ์„ฑ ํ›„ ํ•„์š” ์—†๋Š” ๊ฒƒ๋“ค ์ •๋ฆฌํ•˜๊ธฐ

์˜ค๋Š˜์€ ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•œ ํ›„ ํ•„์š”์—†๋Š” ํŒŒ์ผ๋“ค์„ ์ •๋ฆฌํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. CRA (Create - React - App) ์œผ๋กœ ๋งŒ๋“  ํ”„๋กœ์ ํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. (CRA : ์›นํŒฉ, ๋ฐ”๋ฒจ๊ณผ ๊ฐ™์ด ๋ฆฌ์•กํŠธ ์‹คํ–‰์— ํ•„์š”ํ•œ ํŒจํ‚ค์ง€๋ฅผ ํ•จ๊ป˜ ํฌํ•จํ•˜์—ฌ ์„ค์น˜ํ•ด์ค€๋‹ค.) ์•„๋ž˜์˜ ๋ช…๋ น์–ด๋กœ ์„ค์น˜ํ•ด์ค๋‹ˆ๋‹ค. (typescript) (javascript๋Š” --template typescript ๋ฅผ ์ œ๊ฑฐํ•ด์ค๋‹ˆ๋‹ค.) npx create-react-app for_blog --template typescript ์„ค์น˜๋ฅผ ํ•˜๊ณ  ๋‚˜๋ฉด ์ด๋Ÿฐ ํด๋”๊ตฌ์กฐ๊ฐ€ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ํ•„์š”ํ•˜์ง€ ์•Š์€ ํŒŒ์ผ๋“ค์„ ์ œ๊ฑฐํ•ด์ฃผ๊ฒ ์Šต๋‹ˆ๋‹ค. App.css app.test.tsx App.tsx index.css logo.svg react-app-env.d.ts reportWebVi..

Computer/Front-End

[Java] Swing / UI / ์ž๋ฐ” / ์Šค์œ™ / ์ž๋ฐ” ์Šค์œ™ / Java Swing

์˜ค๋Š˜์€ ์ง€์‹ ๊ณต์œ ์˜ ๋Š๋‚Œ๋ณด๋‹ค๋Š” ์ œ๊ฐ€ ์š”์ฆ˜ ๊ฐœ๋ฐœํ•˜๊ณ  ์žˆ๋Š” ์–ธ์–ด๋ฅผ ์•Œ๋ ค๋“œ๋ฆฌ๊ณ ์ž ์™”์Šต๋‹ˆ๋‹ค.. ์ตœ๊ทผ ์ €๋Š” ํšŒ์‚ฌ์—์„œ ํ† ์ด ํ”„๋กœ์ ํŠธ๋ฅผ ๋ฌด์‚ฌํžˆ ๋งˆ์น˜๊ณ , ํ”„๋ ˆ์  ํ…Œ์ด์…˜๊นŒ์ง€ ๋งˆ๋ฌด๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค! ์ €ํฌ ํ”„๋กœ๋•ํŠธ์˜ ์ฝ”๋“œ๋ฅผ ๋ถ„์„ํ•˜๋ฉด์„œ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜๊ณ  ์ ์šฉํ•˜๋ ค๊ณ  ํ•˜๋Š” ์ค‘์ธ๋ฐ, ์ €๋Š” swing ๋ถ€๋ถ„์„ ์ฃผ๋กœ ๋‹ด๋‹นํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. Swing์€ ์ด๋ฒˆ์— ์ฒ˜์Œ ์‚ฌ์šฉํ•ด๋ณด๋Š” ๊ฒƒ์ธ๋ฐ,,, ์Œ.. ์ฒ˜์Œ ๋”ฑ ์ ‘ํ•ด๋ณด๊ณ  ๋‚œ ๋Š๋‚Œ์€ ์•ˆ๋“œ๋กœ์ด๋“œ ๊ฐœ๋ฐœํ•  ๋•Œ๋ž‘ ์—„์ฒญ ๋น„์Šทํ•˜๋‹ค! ์ž…๋‹ˆ๋‹ค. ํ•™์ƒ ๋•Œ, ์•ˆ๋“œ๋กœ์ด๋“œ๋ฅผ ๊ฐœ๋ฐœํ•˜๋ฉด์„œ ์ž๋ฐ”๋ฅผ ์‚ฌ์šฉํ–ˆ์—ˆ๋Š”๋ฐ ์Šค์œ™๋„ ์ž๋ฐ”๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ, ๋ ˆ์ด์•„์›ƒ์„ ์ ์šฉํ•˜๊ณ , ๊ทธ ๋ ˆ์ด์•„์›ƒ์— ๋”ฐ๋ผ ui๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๋ฐฉ์‹์ด ๋‹ฌ๋ž์Šต๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์‹œ์ž‘ํ•œ์ง€ ์–ผ๋งˆ์•ˆ๋œ ์‹œ์ ˆ.. ์ €๋ฅผ ๋งค์šฐ ํž˜๋“ค๊ฒŒ ํ–ˆ๋˜ ์•ˆ๋“œ๋กœ์ด๋“œ.. ์™€ ๋น„์Šทํ•œ ์Šค์œ™.. ์ด ์ €๋ฅผ ์ฐพ์•„์™”๋„ค์š”.. ํ•˜ํ•ณ ๊ทธ๋ž˜..

Other

[LIFE] ๋ˆˆ๋–จ๋ฆผํ˜„์ƒ / ๋งˆ๊ทธ๋„ค์Š˜ / ๊ฒฝ๋ จ / ํœด์‹

์ตœ๊ทผ ์ €๋Š” ๋ˆˆ ๋–จ๋ฆผ ํ˜„์ƒ์ด ์‹ฌํ•ด์ ธ์„œ ๋‹นํ™ฉ์Šค๋Ÿฌ์› ์Šต๋‹ˆ๋‹ค.. (ํ•˜๋ฃจ์ดํ‹€ ์ง€๋‚˜๋ฉด ๊ดœ์ฐฎ์•„์งˆ์ค„..) ๊ทธ๋ž˜์„œ ์ข€ ๋” ์ž์„ธํžˆ ์•Œ์•„๋ณด๋ ค๊ณ  ๊ฒ€์ƒ‰์„ ํ•˜๊ธฐ๋„ ํ•˜๋ฉฐ ์•Œ๊ฒŒ๋œ ์ง€์‹๋“ค์„ ๊ณต์œ ํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. 1. ๋งˆ๊ทธ๋„ค์Š˜ ๋ถ€์กฑ ์‚ฌ์‹ค ๋งˆ๊ทธ๋„ค์Š˜์˜ ๋†๋„์ฐจ์ด๋Š” ํฌ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ฒด๋‚ด์— ๋งˆ๊ทธ๋„ค์Š˜์ด ๋ถ€์กฑํ•˜๋ฉด ์ŠคํŠธ๋ ˆ์Šค๋ฅผ ๋” ์ž˜ ๋ฐ›๊ณ , ๋ถˆ์•ˆ, ์ดˆ์กฐ๋ฅผ ์‰ฝ๊ฒŒ ๋Š๋ผ์ง€๋งŒ ์ด๋กœ ๊ทธ์น˜์ง€ ์•Š๊ณ , ์ „์‹ ๊ทผ์œก์— ๊ฒฝ๋ จ์ด ์˜จ๋‹ค๊ฑฐ๋‚˜ ๋งˆ๋น„๊ฐ€ ์ƒ๊ธฐ๊ฒŒ ๋œ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. 2. ์ŠคํŠธ๋ ˆ์Šค, ํ”ผ๋กœ, ์•Œ์ฝ”์˜ฌ, ์นดํŽ˜์ธ ์ด๋Ÿฐ ๊ฒƒ๋“ค๋กœ ์ธํ•ด ์‹ ๊ฒฝ์˜ ๊ณผ์ž‰ํฅ๋ถ„์ด ๋‚˜ํƒ€๋‚˜์„œ ๊ฒฐ์ •์ ์œผ๋กœ ์•ˆ๋ฉด์‹ ๊ฒฝ์˜ ๊ณผ์ž‰ ํฅ๋ถ„์„ฑ์œผ๋กœ, ๋น„์ •์ƒ์ ์ธ ์‹ ๊ฒฝ์˜ ๋ฐฉ์ „ํ˜„์ƒ์ด ์ƒ๊ฒจ ๋–จ๋ฆผ์ด ๋‚˜ํƒ€๋‚œ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์›์ธ์ด ๋‹จ์ˆœํ•˜๋‹ค๋ฉด, ์‰ฌ๊ธฐ๋งŒ ํ•ด๋„ ๋–จ๋ฆผ์ด ์‚ฌ๋ผ์ง‘๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ์ด๋Ÿฐ ํ˜„์ƒ์ด ๋ˆ„์ ๋˜๋ฉด์„œ ์ค‘๋‡Œ์ฃผ๋ณ€์˜ ํ˜ˆ๊ด€์—๋„ ์˜ํ–ฅ์ด ๊ฐ€๊ณ , ํ˜ˆ๊ด€์˜ ๊ธฐ์งˆ์ ..

SpoonMe
C O D I