728x90
๋ฐ˜์‘ํ˜•

์ „์ฒด ๊ธ€ 1322

Visual Studio Code ํŽธ์ง‘ ๊ด€๋ จ ๋‹จ์ถ•ํ‚ค

โœ‚๏ธ ํŽธ์ง‘ ๊ด€๋ จ ๋‹จ์ถ•ํ‚ค๊ธฐ๋ŠฅWindows/LinuxmacOS์ค„ ์‚ญ์ œCtrl + Shift + KCmd + Shift + K์ค„ ๋ณต์‚ฌShift + Alt + ↓/↑Shift + Option + ↓/↑์ค„ ์ด๋™Alt + ↑/↓Option + ↑/↓์ž๋™ ์ค„ ์ •๋ ฌ (ํฌ๋งท)Shift + Alt + FShift + Option + F์—ฌ๋Ÿฌ ์ค„ ์ปค์„œAlt + ClickOption + Click๋™์ผํ•œ ๋‹จ์–ด ์„ ํƒ ์ถ”๊ฐ€Ctrl + DCmd + D์ „์ฒด ๋™์ผํ•œ ๋‹จ์–ด ์„ ํƒCtrl + Shift + LCmd + Shift + L

IT์ง€์‹ 2025.06.02

[js][datatables] Scroller ํ”Œ๋Ÿฌ๊ทธ์ธ

DataTables์˜ Scroller ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ๋Œ€๋Ÿ‰์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜๋ฆฌํ•  ๋•Œ ์„ฑ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š”๊ฐ€์ƒ ์Šคํฌ๋กค(Virtual Scrolling) ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค.์ฆ‰, ์ˆ˜์ฒœ~์ˆ˜๋งŒ ๊ฑด์˜ ๋ฐ์ดํ„ฐ๊ฐ€ ์žˆ์–ด๋„ ๋ธŒ๋ผ์šฐ์ €์— ์‹ค์ œ๋กœ ๋ Œ๋”๋ง๋˜๋Š” ํ–‰์˜ ์ˆ˜๋ฅผ ์ œํ•œํ•˜์—ฌ ๋น ๋ฅด๊ฒŒ ์Šคํฌ๋กคํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค. ๐Ÿ” Scroller ํ”Œ๋Ÿฌ๊ทธ์ธ ํ•ต์‹ฌ ํŠน์ง•ํ•ญ๋ชฉ์„ค๋ช…๋ชฉ์ ์ˆ˜์ฒœ~์ˆ˜๋งŒ ๊ฑด์˜ ๋Œ€์šฉ๋Ÿ‰ ๋ฐ์ดํ„ฐ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ๋ Œ๋”๋ง๋ Œ๋”๋ง ๋ฐฉ์‹ํ™”๋ฉด์— ๋ณด์ด๋Š” ์˜์—ญ๋งŒ ์‹ค์ œ DOM์— ํ‘œ์‹œ (Virtual rendering)์Šคํฌ๋กค ๋ฐ” ์ƒ์„ฑscrollY ๋†’์ด๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์„ธ๋กœ ์Šคํฌ๋กค ์ƒ์„ฑ์„ฑ๋Šฅ ํ–ฅ์ƒ์ „์ฒด ๋ฐ์ดํ„ฐ๋ฅผ ํด๋ผ์ด์–ธํŠธ์— ๋ถˆ๋Ÿฌ์˜ค๋”๋ผ๋„ ์‹ค์ œ ๋ Œ๋”๋ง์€ ํ•„์š”ํ•œ ๋ถ€๋ถ„๋งŒ ์ฒ˜๋ฆฌ โœ… ์‚ฌ์šฉ ๋ฐฉ๋ฒ•1. HTMLhtml๋ณต์‚ฌํŽธ์ง‘ ๋ฒˆํ˜ธ ์ด๋ฆ„ ์ง์ฑ… ..

Front/JS & jQuery 2025.05.31

[js][datatables] datatables ๋†’์ด ์กฐ์ ˆ

CSS๋กœ ํ…Œ์ด๋ธ” ๋†’์ด ์กฐ์ ˆํ•˜๊ธฐ๊ฐ€์žฅ ๊ฐ„๋‹จํ•œ ๋ฐฉ๋ฒ•์€ DataTable์„ ๊ฐ์‹ธ๊ณ  ์žˆ๋Š” container์— height๋ฅผ ์ง€์ •ํ•˜๊ณ , scrollY ์˜ต์…˜์„ ์„ค์ •ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. $('#example').DataTable({ scrollY: '500px', // ๋˜๋Š” '60vh'์ฒ˜๋Ÿผ viewport ๊ธฐ์ค€๋„ ๊ฐ€๋Šฅ scrollCollapse: true, paging: false // ํ•„์š”์‹œ});

Front/JS & jQuery 2025.05.30

[js][ECharts] ๋ฐ์ดํ„ฐ ๋ช…์ด ๊ฐ™์•„๋„ ๋‹ค๋ฅธ ๋ฐ์ดํ„ฐ์ด๋ฉด ๋‹ค๋ฅธ์ƒ‰์œผ๋กœ ํ‘œ์‹œ (ํŒŒ์ด์ฐจํŠธ)

ECharts ํŒŒ์ด ์ฐจํŠธ์—์„œ ์ด๋ฆ„(label)์ด ๊ฐ™์€ ๊ฒฝ์šฐ ๊ฐ™์€ ์ƒ‰์ƒ์œผ๋กœ ํ‘œ์‹œ๋˜๋Š” ์ด์œ ๋Š”,ECharts๊ฐ€ ๋‚ด๋ถ€์ ์œผ๋กœ name ๊ฐ’์„ ๊ธฐ์ค€์œผ๋กœ ์ƒ‰์ƒ์„ ๋งคํ•‘ํ•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.์ฆ‰, data: [{name: 'A', value: 100}, {name: 'A', value: 200}] ์ฒ˜๋Ÿผ name์ด ๋™์ผํ•˜๋ฉด ๊ฐ™์€ ์ƒ‰์ƒ์„ ์ž๋™์œผ๋กœ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค. โœ… ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•: name์„ ๊ณ ์œ ํ•˜๊ฒŒ ๋ฐ”๊พธ๊ณ , label์—์„œ๋Š” ๋‹ค์‹œ ์›๋ž˜ ์ด๋ฆ„์œผ๋กœ ๋ณด์ด๊ฒŒ ์„ค์ •const rawData = [ { name: 'A', value: 100 }, { name: 'A', value: 200 }];// ์‹ค์ œ ํ‘œ์‹œํ•  ์ด๋ฆ„์€ label์—์„œ ์ฒ˜๋ฆฌํ•˜๊ณ ,// ๋‚ด๋ถ€ name์€ ์œ ์ผํ•˜๊ฒŒ ๋งŒ๋“ค์–ด์ค๋‹ˆ๋‹ค.const dataList = rawData.map((item, ..

Front/JS & jQuery 2025.05.28

[Error] SQL Error [1950] [42000]: ORA-01950: ํ…Œ์ด๋ธ”์ŠคํŽ˜์ด์Šค '*'์— ๋Œ€ํ•œ ๊ถŒํ•œ์ด ์—†์Šต๋‹ˆ๋‹ค.

ORA-01950: ํ…Œ์ด๋ธ”์ŠคํŽ˜์ด์Šค 'USERS'์— ๋Œ€ํ•œ ๊ถŒํ•œ์ด ์—†์Šต๋‹ˆ๋‹ค.์ด ์˜ค๋ฅ˜๋Š” ํ˜„์žฌ ์ ‘์†ํ•œ Oracle ์‚ฌ์šฉ์ž์—๊ฒŒ 'USERS'๋ผ๋Š” ํ…Œ์ด๋ธ”์ŠคํŽ˜์ด์Šค์— ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•  ๊ถŒํ•œ์ด ์—†๊ธฐ ๋•Œ๋ฌธ์— ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.์ด๋Š” ๋ณดํ†ต ์•„๋ž˜์™€ ๊ฐ™์€ ๊ฒฝ์šฐ์— ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค: ๐Ÿ” ์›์ธํ•ด๋‹น ์‚ฌ์šฉ์ž๊ฐ€ 'USERS' ํ…Œ์ด๋ธ”์ŠคํŽ˜์ด์Šค๋ฅผ ๊ธฐ๋ณธ ๋˜๋Š” ์ž„์‹œ ํ…Œ์ด๋ธ”์ŠคํŽ˜์ด์Šค๋กœ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋‚˜, ์ด ํ…Œ์ด๋ธ”์ŠคํŽ˜์ด์Šค์— ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•  quota (ํ• ๋‹น๋Ÿ‰) ๊ฐ€ ์—†๋Š” ๊ฒฝ์šฐ.ํ…Œ์ด๋ธ”์ด๋‚˜ ์ธ๋ฑ์Šค๋ฅผ ์ƒ์„ฑํ•˜๋ ค๊ณ  ํ•  ๋•Œ Oracle์ด ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋ ค๋Š” ๊ณต๊ฐ„์„ ์ฐพ์„ ์ˆ˜ ์—†์–ด ์‹คํŒจํ•˜๋Š” ๊ฒฝ์šฐ. ํ…Œ์ด๋ธ”์ŠคํŽ˜์ด์Šค์ด๋ฆ„์„ ์ž˜๋ชป ์ž‘์„ฑํ•˜์—ฌ ๋ฐœ์ƒํ–ˆ์Œ.

Error 2025.05.27

[DB][MySQL] ROW_NUMBER()์™€ WITH (CTE)๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์„ฑ๋Šฅ ์ฐจ์ด

โœ… ์‹œ๋‚˜๋ฆฌ์˜ค ์˜ˆ์ œ: ๊ฒŒ์‹œํŒ ํŽ˜์ด์ง•๋ฐ์ดํ„ฐ ์ƒํ™ฉ๊ฒŒ์‹œ๊ธ€ ํ…Œ์ด๋ธ” T_BD์— 10๋งŒ ๊ฑด์˜ ๋ฐ์ดํ„ฐ๊ฐ€ ์žˆ๋‹ค๊ณ  ๊ฐ€์ •๊ฒŒ์‹œ๊ธ€์—๋Š” ๊ณต์ง€์‚ฌํ•ญ(์ƒ๋‹จ ๊ณ ์ •) ์—ฌ๋ถ€, ๋“ฑ๋ก์ผ, ์ œ๋ชฉ, ๋ณธ๋ฌธ ๋“ฑ์˜ ์ปฌ๋Ÿผ์ด ์žˆ์Œ๋ชฉํ‘œ: ํŠน์ • ๊ฒŒ์‹œ๊ธ€(BD_CD)์ด ๋ช‡ ํŽ˜์ด์ง€์— ์žˆ๋Š”์ง€ ๊ณ„์‚ฐโ‘  ์ธ๋ผ์ธ ๋ทฐ (์„œ๋ธŒ์ฟผ๋ฆฌ) ๋ฐฉ์‹sql๋ณต์‚ฌํŽธ์ง‘SELECT * FROM ( SELECT BD_CD , BD_TITLE , ROW_NUMBER() OVER (ORDER BY NOTI_YN DESC, INS_DT DESC) AS RN FROM T_BD WHERE USE_YN = TRUE ) R WHERE R.BD_CD = 'BD12345'; ๐ŸŸข ์žฅ์ BD_CD ์กฐ๊ฑด์ด ๋ฐ”๊นฅ์ชฝ์—์„œ ๋ฐ”๋กœ ํ•„ํ„ฐ๋ง๋˜๋ฏ€๋กœ ๋ถˆํ•„์š”ํ•œ ์ „์ฒด ์ •๋ ฌ์„ ํ”ผํ• ..

DB 2025.05.26

[Error][intelliJ] File 'ํŒŒ์ผ ๊ฒฝ๋กœ' not found.

๋นŒ๋“œ ๋””๋ ‰ํ„ฐ๋ฆฌ์—์„œ .classํ•ด๋‹น ํŒŒ์ผ์„ ์ฐพ์„ ์ˆ˜ ์—†์Œ ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค . ๐Ÿ”ง ๊ฐ€๋Šฅํ•œ ์›์ธ๊ณผ ํ•ด๊ฒฐ์ฑ…1. ํด๋ž˜์Šค๊ฐ€ ์ปดํŒŒ์ผ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.์›์ธ : ReqBdUpdateDTO.javaํŒŒ์ผ์ด ์กด์žฌํ•˜์ง€๋งŒ ๋นŒ๋“œ ํ”„๋กœ์„ธ์Šค์—์„œ ์ปดํŒŒ์ผ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.ํ•ด๊ฒฐ์ฑ… :IntelliJ IDEA ์—์„œ Build > Rebuild Project๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค .๋˜๋Š” ํ„ฐ๋ฏธ๋„์„ ์‚ฌ์šฉํ•˜์—ฌ ๋‹ค์Œ์„ ์‹คํ–‰ํ•˜์„ธ์š”. ./gradlew :core:build 2. ํŒŒ์ผ์ด ์‚ญ์ œ๋˜์—ˆ๊ฑฐ๋‚˜ ์ด๋ฆ„์ด ๋ณ€๊ฒฝ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.์›์ธ : ํŒŒ์ผ ์ด๋ฆ„์„ ๋ฐ”๊พธ๊ฑฐ๋‚˜ ์‚ญ์ œํ–ˆ์ง€๋งŒ ์ผ๋ถ€ ์ฝ”๋“œ์—์„œ ์—ฌ์ „ํžˆ ํ•ด๋‹น ํŒŒ์ผ์„ ์ฐธ์กฐํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.ํ•ด๊ฒฐ์ฑ… :์กด์žฌํ•˜๋Š”์ง€ ํ™•์ธํ•˜์„ธ์š”๊ทธ๋ ‡์ง€ ์•Š์€ ๊ฒฝ์šฐ ๋ณต์›ํ•˜๊ฑฐ๋‚˜ ๋‹ค์‹œ ๋งŒ๋“œ์„ธ์š”.3. ๋นŒ๋“œ ์ถœ๋ ฅ์ด ๋™๊ธฐํ™”๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.์›์ธ : IntelliJ IDEA ๋˜๋Š” Gradl..

Error 2025.05.25

sessionStorage vs localStorage vs cookie

โœ… sessionStorage vs localStorage vs cookieํ•ญ๋ชฉsessionStoragelocalStoragecookie์œ ์ง€ ๊ธฐ๊ฐ„ํƒญ/์ฐฝ ๋‹ซ์„ ๋•Œ๊นŒ์ง€์˜๊ตฌ (๋ช…์‹œ ์‚ญ์ œ ์ „๊นŒ์ง€)๋งŒ๋ฃŒ์ผ ์„ค์ • ๊ฐ€๋Šฅ์ €์žฅ ์šฉ๋Ÿ‰์•ฝ 5MB์•ฝ 5MB์•ฝ 4KB์ ‘๊ทผ ๋ฒ”์œ„๊ฐ™์€ ํƒญ ๋‚ด์ „์ฒด ๋ธŒ๋ผ์šฐ์ €์ „์ฒด ๋ธŒ๋ผ์šฐ์ €์„œ๋ฒ„ ์ „์†ก ์—ฌ๋ถ€โŒ โŒ โœ… O (์ž๋™ ํฌํ•จ๋จ)์šฉ๋„์ผ์‹œ์  ์ƒํƒœ ์œ ์ง€์‚ฌ์šฉ์ž ์„ค์ •, ๋กœ๊ทธ์ธ ์œ ์ง€์ธ์ฆ, ์„œ๋ฒ„ ํ†ต์‹ ์šฉ ์‹๋ณ„

IT์ง€์‹ 2025.05.24

sessionStorage

โœ… sessionStorage๋ž€?sessionStorage๋Š” ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ œ๊ณตํ•˜๋Š” ํด๋ผ์ด์–ธํŠธ ์ธก ์ €์žฅ์†Œ(Web Storage) ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค.์›น ํŽ˜์ด์ง€์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ผ์‹œ์ ์œผ๋กœ, ํƒญ(์„ธ์…˜) ๋‹จ์œ„๋กœ ์ €์žฅํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค.๐Ÿ“Œ ์ฃผ์š” ํŠน์ง•ํ•ญ๋ชฉ๋‚ด์šฉ์ €์žฅ ์œ„์น˜์‚ฌ์šฉ์ž์˜ ๋ธŒ๋ผ์šฐ์ € (ํด๋ผ์ด์–ธํŠธ) ์— ์ €์žฅ์œ ํšจ ๋ฒ”์œ„ํ˜„์žฌ ๋ธŒ๋ผ์šฐ์ € ํƒญ(๋˜๋Š” ์ฐฝ) ์—์„œ๋งŒ ์ ‘๊ทผ ๊ฐ€๋Šฅ์œ ์ง€ ์‹œ๊ฐ„ํƒญ(๋˜๋Š” ์ฐฝ)์„ ๋‹ซ์„ ๋•Œ๊นŒ์ง€ ์œ ์ง€๋จ (์ƒˆ๋กœ๊ณ ์นจ์€ ์œ ์ง€)๋ฐ์ดํ„ฐ ํ˜•์‹๋ฌธ์ž์—ด(string)๋งŒ ์ €์žฅ ๊ฐ€๋Šฅ (๊ฐ์ฒด๋Š” JSON.stringify๋กœ ๋ณ€ํ™˜ ํ•„์š”)์ €์žฅ ์šฉ๋Ÿ‰์ผ๋ฐ˜์ ์œผ๋กœ ์•ฝ 5MB (๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Œ)๋ณด์•ˆHTTP ์š”์ฒญ์— ํฌํ•จ๋˜์ง€ ์•Š์œผ๋ฉฐ, ์„œ๋ฒ„์— ์ž๋™ ์ „์†ก๋˜์ง€ ์•Š์Œ โœ… ์–ธ์ œ ์‚ฌ์šฉํ•˜๋‚˜์š”?sessionStorage๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ž„์‹œ ๋ฐ์ดํ„ฐ ์ €์žฅ์— ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค..

IT์ง€์‹ 2025.05.23
728x90
๋ฐ˜์‘ํ˜•