728x90
๋ฐ˜์‘ํ˜•

2024/05 4

[js][Echarts] Click event, ํด๋ฆญํ•œ ์ฐจํŠธ์˜ Id ๊ตฌํ•˜๊ธฐ

echart ํด๋ฆญ ์ด๋ฒคํŠธ๋กœ ํด๋ฆฐํ•œ ์ฐจํŠธ์˜ id ๊ตฌํ•˜๊ธฐmyChart.on('click', function(params) { var chartId = params['event']['target']['id']; console.log("Clicked chart ID: ", chartId);}); ๊ทธ๋Ÿฐ๋ฐ, ์ด๊ฒƒ์€ ์ฐจํŠธ์˜์—ญ div์˜ id ์†์„ฑ์ด ์•„๋‹ˆ๋ผ, echarts์—์„œ ์ง€์ •ํ•œ ์ฐจํŠธ ์š”์†Œ ๊ฐ๊ฐ์˜ id์—ฌ์„œ, ์›ํ•œ๊ฐ’์ด ์•„๋‹ˆ์—ˆ๊ณ , var chartContainerId = 'chartContainer';var chartContainer = document.getElementById(chartContainerId);var myChart = echarts.init(chartContainer);chartContain..

Front/JS & jQuery 2024.05.04

[js] ๋นˆ ๋ฐฐ์—ด๋กœ ์ดˆ๊ธฐํ™” ํ•˜๊ธฐ2

https://imswengineer.tistory.com/156<figure id="og_1714453901310" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="article" data-og-title="[JS] ๋นˆ ๋ฐฐ์—ด๋กœ ์ดˆ๊ธฐํ™”ํ•˜๊ธฐ" data-og-description="1. ๋นˆ๋ฐฐ์—ด ํ• ๋‹นํ•˜๊ธฐ let arr = [1, 2, 3]; arr = []; document.wri..

Front/JS & jQuery 2024.05.03

์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ import ๋ฌธ์ œ (์ˆœ์„œ์— ๋”ฐ๋ผ ํ•˜๋‚˜๋งŒ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•œ ์˜ค๋ฅ˜)

๋งŒ์•ฝ ๋‘ ๊ฐœ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ ์ค‘ ํ•˜๋‚˜๋งŒ์ด ์ž‘๋™ํ•œ๋‹ค๋ฉด, ๊ทธ๊ฒƒ์€ ํŒŒ์ผ์ด ๋™์ž‘ํ•˜๋Š” ์ˆœ์„œ์— ๋”ฐ๋ผ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ณดํ†ต ๋‘ ํŒŒ์ผ์— ์ค‘๋ณต๋œ ํ•จ์ˆ˜๋‚˜ ๋ณ€์ˆ˜๊ฐ€ ์žˆ๊ฑฐ๋‚˜ ํ•œ ํŒŒ์ผ์ด ๋‹ค๋ฅธ ํŒŒ์ผ์˜ ํ•จ์ˆ˜๋‚˜ ๋ณ€์ˆ˜์— ์˜์กดํ•˜๋Š” ๊ฒฝ์šฐ์— ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๋ถ„์ด ์œ„์— ์žˆ๋Š” ํŒŒ์ผ์ด ๋จผ์ € ์‹คํ–‰๋˜๊ธฐ๋ฅผ ์›ํ•œ๋‹ค๋ฉด, ์•„๋ž˜์˜ ๋ฐฉ๋ฒ•๋“ค์„ ์‹œ๋„ํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค: 1. **์˜์กด์„ฑ ํ™•์ธ**: `contractChange.js`๊ฐ€ `customerService.js`์—์„œ ์ œ๊ณต๋˜๋Š” ๊ธฐ๋Šฅ์— ์˜์กดํ•˜๋Š” ๊ฒฝ์šฐ, `customerService.js`๋ฅผ `contractChange.js`๋ณด๋‹ค ๋จผ์ € ๊ฐ€์ ธ์˜ค์‹ญ์‹œ์˜ค. ์ด๋ ‡๊ฒŒ ํ•จ์œผ๋กœ์จ ์˜์กด์„ฑ์ด ํ•ด๊ฒฐ๋˜๊ณ  ์˜์กดํ•˜๋Š” ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์‹คํ–‰๋˜๊ธฐ ์ „์— ๋ชจ๋“  ์ข…์† ํ•ญ๋ชฉ์ด ๋กœ๋“œ๋ฉ๋‹ˆ๋‹ค. ```html ``` 2..

Front 2024.05.01
728x90
๋ฐ˜์‘ํ˜•