๐Ÿ“Š ์ œ๋ชฉ์€ Vue์—์„œ์˜ ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”๋กœ ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค, ๊ทผ๋ฐ ์ด์ œ Chart.js๋ฅผ ๊ณ๋“ค์ธ

Vue์™€ Chart.js, Annotation ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ํ™œ์šฉํ•ด ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™” ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ œ์ž‘ํ•œ ๊ฒฝํ—˜์„ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค.

2021.07.02 | ์กฐํšŒ 1.22K |
0

์•ˆ๋…•ํ•˜์„ธ์š”, ๊ตฌ๋…์ž ๋‹˜!

์žฌ๊ทธ์ง€๊ทธ์˜ ๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ ๋‰ด์Šค๋ ˆํ„ฐ๋ฅผ ๊ตฌ๋…ํ•ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

์ด๋ฒˆ ๋‰ด์Šค๋ ˆํ„ฐ๋Š” ์ €์˜ ์„ธ ๋ฒˆ์งธ ๋‰ด์Šค๋ ˆํ„ฐ์ž…๋‹ˆ๋‹ค. ๐Ÿ˜†


๊ฐœ์ธ ์ผ์ •์ด ์•„์ฃผ ๋ฐ”๋นด๋˜ ๋ฐ”๋žŒ์—, ๊ฑฐ์˜ ๋‘ ๋‹ฌ๋งŒ์— ํฌ์ŠคํŠธ๋ฅผ ์“ฐ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํ˜น์‹œ๋ผ๋„ ํฌ์ŠคํŠธ๋ฅผ ๊ธฐ๋‹ค๋ ค์ฃผ์‹  ๋ถ„๊ป˜๋Š” ์–‘ํ•ด์˜ ๋ง์”€์„ ๊ตฌํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ˜ข

์•„๋ฌดํŠผ ์˜ค๋Š˜์€ ์ œ๊ฐ€ ์ง€๋‚œ 2๊ฐœ์›” ๊ฐ„ ํ•™์—…๊ณผ ์—…๋ฌด๋ฅผ ๋ณ‘ํ–‰ํ•˜๋ฉด์„œ ์ง„ํ–‰ํ•œ ํ”„๋กœ์ ํŠธ ์ค‘ ์ผ๋ถ€๋ฅผ ์†Œ๊ฐœํ•ด๋“œ๋ฆฌ๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. ๋ฐ”๋กœ ํ”„๋ก ํŠธ์—”๋“œ์—์„œ์˜ ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™” ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ œ์ž‘ํ•œ ๊ฒฝํ—˜์ž…๋‹ˆ๋‹ค.

๋Œ€์ถฉ ์ด๋ ‡๊ฒŒ ์ƒ๊ฒผ์Šต๋‹ˆ๋‹ค.
๋Œ€์ถฉ ์ด๋ ‡๊ฒŒ ์ƒ๊ฒผ์Šต๋‹ˆ๋‹ค.

UI์ƒ์œผ๋กœ๋Š” ๊ฐ„๋‹จํ•ด๋ณด์ด์ง€๋งŒ, ์š”๊ตฌ์‚ฌํ•ญ์„ ๋ถ„์„ ๊ณผ์ •๊ณผ ์•„ํ‚คํ…์ณ ๊ตฌ์„ฑ์— ๊ณ ๋ฏผ์„ ์•„์ฃผ ๋…น์ง„ํ•˜๊ฒŒ(...) ๋‹ด์•„๋‚ธ ํฌ์ŠคํŠธ์ž…๋‹ˆ๋‹ค. ๋‚ด์šฉ์ด ํ˜น์‹œ๋‚˜ ์ง€๋ฃจํ•˜์ง€ ์•Š์„๊นŒ ์‹ถ์–ด์„œ, ์ตœ๋Œ€ํ•œ ์ด๋ฏธ์ง€์™€ ์‚ฌ์ง„ ์ž๋ฃŒ๋ฅผ ๋งŽ์ด ์ถ”๊ฐ€ํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

ํฌ์ŠคํŠธ๋Š” ์•„๋ž˜ ๋งํฌ์—์„œ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ˜น์‹œ ๊ถ๊ธˆํ•˜์‹  ์ ์ด ์žˆ๋‹ค๋ฉด ํŽธํ•˜๊ฒŒ ๋ฌธ์˜์ฃผ์…”๋„ ์ข‹์Šต๋‹ˆ๋‹ค.

 

 

 

๋‹ค๊ฐ€์˜ฌ ๋‰ด์Šค๋ ˆํ„ฐ๊ฐ€ ๊ถ๊ธˆํ•˜์‹ ๊ฐ€์š”?

์ง€๊ธˆ ๊ตฌ๋…ํ•ด์„œ ์ƒˆ๋กœ์šด ๋ ˆํ„ฐ๋ฅผ ๋ฐ›์•„๋ณด์„ธ์š”

โœ‰๏ธ
๋Œ“๊ธ€

์˜๊ฒฌ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”

ํ™•์ธ
์˜๊ฒฌ์ด ์žˆ์œผ์‹ ๊ฐ€์š”? ์ œ์ผ ๋จผ์ € ๋Œ“๊ธ€์„ ๋‹ฌ์•„๋ณด์„ธ์š” !

๋‹ค๋ฅธ ๋‰ด์Šค๋ ˆํ„ฐ

โœŒ๏ธ JavaScript fetch ๋ฉ”์„œ๋“œ๋Š” ์™œ 2๋ฒˆ await ํ•ด์•ผ๋งŒ ํ• ๊นŒ?

JavaScript fetch์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์–ป๊ธฐ ์œ„ํ•ด ๋‘ ๋ฒˆ์˜ await์ด ํ•„์š”ํ•œ ์ด์œ ์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค.. ์•ˆ๋…•ํ•˜์„ธ์š”, ๊ตฌ๋…์ž ๋‹˜! ๋‰ด์Šค๋ ˆํ„ฐ๋ฅผ ๊ตฌ๋…ํ•ด์‹  ๋ถ„๋“ค๊ป˜ ๋งค๋ฒˆ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๐Ÿ™‡โ€โ™‚๏ธ ์ผ๋ฐ˜์ ์ธ JavaScript ์ฝ”๋“œ์—์„œ fetch ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ, ์šฐ๋ฆฌ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ฝ”๋“œ๋ฅผ

2024.11.08ยท์กฐํšŒ 486

๐Ÿฅพ ๋‚ด๊ฐ€ ์ง€๊ธˆ๊นŒ์ง€ ๊ฒฝํ—˜ํ•œ ํ”„๋ก ํŠธ์—”๋“œ UI ๋„๊ตฌ๋“ค

jQuery, AngularJS, Vue๋ฅผ ๊ฑฐ์ณ React์— ์ด๋ฅด๊ธฐ๊นŒ์ง€์˜ ๊ฒฝํ—˜์„ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค.. ์•ˆ๋…•ํ•˜์„ธ์š”, ๊ตฌ๋…์ž ๋‹˜! ๋‰ด์Šค๋ ˆํ„ฐ๋ฅผ ๊ตฌ๋…ํ•ด์‹  ๋ถ„๋“ค๊ป˜ ๋งค๋ฒˆ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๐Ÿ™‡โ€โ™‚๏ธ ์˜ค๋Š˜์€ ์–ด๋–ค ์ฃผ์ œ๋กœ ๊ธ€์„ ์“ธ๊นŒ ๊ณ ๋ฏผ์„ ํ•˜๋‹ค๊ฐ€, ์˜ˆ์ „์— ์ƒ๊ฐํ•ด๋‘์—ˆ๋˜ ์ฃผ์ œ์ธ ์ €์˜ ๊ธฐ์ˆ  ์Šคํƒ์˜ ๋ณ€

2024.03.18ยท์กฐํšŒ 759

๐Ÿช‘ ๊ธ€๋˜ 8๊ธฐ ํ”„๋ก ํŠธ์—”๋“œ ๋ฐ˜์ƒํšŒ ํšŒ๊ณ .txt

์˜คํ”„๋ผ์ธ์œผ๋กœ ์ง„ํ–‰ํ•œ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ์ปจํผ๋Ÿฐ์Šค์˜ ์ค€๋น„ ๊ณผ์ •๊ณผ ํ›„๊ธฐ๋ฅผ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค.. ์•ˆ๋…•ํ•˜์„ธ์š”, ๊ตฌ๋…์ž ๋‹˜! ๋‰ด์Šค๋ ˆํ„ฐ๋ฅผ ๊ตฌ๋…ํ•ด์‹  ๋ถ„๋“ค๊ป˜ ๋งค๋ฒˆ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๐Ÿ™‡โ€โ™‚๏ธ ์ง€๋‚œ 9์›” 1์ผ, ์„œ์šธ ๊ฐ•๋‚จ๊ตฌ์— ์žˆ๋Š” ํŒ€ ์ŠคํŒŒ๋ฅดํƒ€ ์˜คํ”ผ์Šค์—์„œ ๊ธ€๋˜ 8๊ธฐ ๊ตฌ์„ฑ์›๋“ค์„ ๋Œ€์ƒ์œผ๋กœ ํ”„

2023.09.19ยท์กฐํšŒ 718

๐ŸŒฟ ๋‚˜๋Š” ๋„ค์ด๋ฒ„ ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค

์ฑ… ใ€Ž๋‚˜๋Š” ๋„ค์ด๋ฒ„ ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹คใ€ ๋ฅผ ์ฝ๊ณ  ์ž‘์„ฑํ•œ ์„œํ‰์ž…๋‹ˆ๋‹ค.. ์•ˆ๋…•ํ•˜์„ธ์š”, ๊ตฌ๋…์ž ๋‹˜! ๋‰ด์Šค๋ ˆํ„ฐ๋ฅผ ๊ตฌ๋…ํ•ด์‹  ๋ถ„๋“ค๊ป˜ ๋งค๋ฒˆ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๐Ÿ™‡โ€โ™‚๏ธ ์ด ์ฑ…์€ ์ž‘๋…„ 7์›”์— ์ด๋ฒคํŠธ๋กœ ๋ฐ›์€ ์ฑ…์ž…๋‹ˆ๋‹ค. ๋‹น์‹œ์— ์‚ฌ๋‚ด ๊ฐœ๋ฐœ์ž ๋ฐ‹์—…์ด ์žˆ์—ˆ๋Š”๋ฐ, ์ฐธ์—ฌํ•˜๋ฉด

2024.01.05ยท์กฐํšŒ 1.11K

๐Ÿฃ ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž๋กœ ๋‹ค์‹œ ํšŒ๊ท€ํ•œ 2022๋…„ ํšŒ๊ณ 

์˜ฌํ•ด ์žˆ์—ˆ๋˜ ์‚ฌ๊ฑด๋“ค๊ณผ ์ž‘์„ฑํ•œ ๊ธ€์„ ๋˜๋Œ์•„๋ณด๋ฉฐ ๋‚ด๋…„์˜ ๋ชฉํ‘œ๋ฅผ ์ƒˆ๋กญ๊ฒŒ ๋‹ค์งํ•ด๋ด…๋‹ˆ๋‹ค.. ์•ˆ๋…•ํ•˜์„ธ์š”, ๊ตฌ๋…์ž ๋‹˜! ๋‰ด์Šค๋ ˆํ„ฐ๋ฅผ ๊ตฌ๋…ํ•ด์‹  ๋ถ„๋“ค๊ป˜ ๋งค๋ฒˆ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๐Ÿ™‡โ€โ™‚๏ธ ์ด๋ฒˆ ์—ฐ๋„ ํšŒ๊ณ ์˜ ์ œ๋ชฉ์€ `์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž๋กœ์˜ ํšŒ๊ท€` ๋ผ๊ณ  ์ง€์—ˆ์Šต๋‹ˆ๋‹ค. ์š”์ฆ˜ ์›นํˆฐ์ด๋ž‘ ์›น์†Œ์„ค ๋“ฑ

2022.12.17ยท์กฐํšŒ 848

๐Ÿ•˜ ์™œ ๋‚ด๊ฐ€ ์ž‘์„ฑํ•œ JavaScript Date ์ฝ”๋“œ๊ฐ€ ์„œ๋ฒ„์—์„œ๋Š” ๋‹ค๋ฅด๊ฒŒ ๋ณด์ด๋Š” ๊ฑฐ์ฃ ?

JavaScript์—์„œ ํ”ํžˆ ํ˜ผ๋™๋˜๋Š” Date ๊ฐ์ฒด์— ๋Œ€ํ•œ ๊ฐœ๋…์„ ์ •๋ฆฌํ•ด๋ด…๋‹ˆ๋‹ค.. ์•ˆ๋…•ํ•˜์„ธ์š”, ๊ตฌ๋…์ž ๋‹˜! ๋‰ด์Šค๋ ˆํ„ฐ๋ฅผ ๊ตฌ๋…ํ•ด์‹  ๋ถ„๋“ค๊ป˜ ๋งค๋ฒˆ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๐Ÿ™‡โ€โ™‚๏ธ ๋ฉฐ์น  ์ „ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์˜ ํ”„๋กœ์ ํŠธ๋ฅผ ์‚ดํŽด๋ณด๋‹ค๊ฐ€ ํด๋ผ์ด์–ธํŠธ์—์„œ ๋„˜๊ธด ์‹œ๊ฐ„์ด ์„œ๋ฒ„ ์ธก์—์„œ 9์‹œ๊ฐ„ ๋А๋ฆฐ

2022.09.08ยท์กฐํšŒ 812
ยฉ 2026 ์žฌ๊ทธ์ง€๊ทธ์˜ ๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ

์›น ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ๊ณผ ๊ด€๋ จ๋œ ๋‰ด์Šค๋ ˆํ„ฐ๋ฅผ ๋ณด๋‚ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.

๋‰ด์Šค๋ ˆํ„ฐ ๋ฌธ์˜wormwlrm13@gmail.com

๋ฉ”์ผ๋ฆฌ ๋กœ๊ณ 

๋„์›€๋ง ์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ ์˜ค๋ฅ˜ ๋ฐ ๊ธฐ๋Šฅ ๊ด€๋ จ ์ œ๋ณด

์„œ๋น„์Šค ์ด์šฉ ๋ฌธ์˜admin@team.maily.so ์ฑ„ํŒ…์œผ๋กœ ๋ฌธ์˜ํ•˜๊ธฐ

๋ฉ”์ผ๋ฆฌ ์‚ฌ์—…์ž ์ •๋ณด

๋ฉ”์ผ๋ฆฌ (๋Œ€ํ‘œ์ž: ์ดํ•œ๊ฒฐ) | ์‚ฌ์—…์ž๋ฒˆํ˜ธ: 717-47-00705 | ์„œ์šธํŠน๋ณ„์‹œ ์†กํŒŒ๊ตฌ ์œ„๋ก€๊ด‘์žฅ๋กœ 199, 5์ธต 501-8ํ˜ธ

์ด์šฉ์•ฝ๊ด€ | ๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ | ์ •๊ธฐ๊ฒฐ์ œ ์ด์šฉ์•ฝ๊ด€ | ๋ผ์ด์„ ์Šค