728x90
๋ฐ˜์‘ํ˜•

์ „์ฒด ๊ธ€ 1181

[datatables] columns.data.render

EX) ,columns : [ ••• {data : "REG_DT", render : function(data){ const year = data.substring(0,4); const month = data.substring(5,7); const day = data.substring(8,10); const regdate = year+'.'+month+'.'+day; return regdate }}, ••• ] ์ปฌ๋Ÿผ๋ช…์ด "REG_DT"์œผ๋กœ ๋“ค์–ด์˜ค๋Š” ๋ฐ์ดํ„ฐ ํ˜•ํƒœ๊ฐ€ "yyyy-mm-dd"์ด์—ˆ๋Š”๋ฐ, ์›ํ•˜๋Š” ์ถœ๋ ฅ๊ฐ’์€ "yyyy.mm.dd" ์ด์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค์‹œ ์ฒ˜๋ฆฌํ•ด์ฃผ์–ด์•ผ ํ–ˆ๋‹ค. ์œ„์˜ ์˜ˆ์™€ ๊ฐ™์ด datatables์˜ option์ค‘์—์„œ columns ์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ž‘์„ฑํ•ด์ฃผ๊ณ , render์†์„ฑ์„ ์ด์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค..

Front/JS & jQuery 2022.05.08

[javascript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด์˜ ํŠน์ง•

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ฐฐ์—ด์ด๋ž€? ์ด๋ฆ„๊ณผ ์ธ๋ฑ์Šค๋กœ ์ฐธ์กฐ๋˜๋Š” ์ •๋ ฌ๋œ ๊ฐ’์˜ ์ง‘ํ•ฉ๋ฐฐ์—ด์„ ๊ตฌ์„ฑํ•˜๋Š” ๊ฐ๊ฐ์˜ ๊ฐ’์„ ๋ฐฐ์—ด ์š”์†Œ(element) ๋ผ๊ณ  ํ•˜๊ณ ,๋ฐฐ์—ด์—์„œ์˜ ์œ„์น˜๋ฅผ ๊ฐ€๋ฆฌํ‚ค๋Š” ์ˆซ์ž๋ฅผ ์ธ๋ฑ์Šค(index)๋ผ๊ณ  ํ•œ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ฐฐ์—ด์˜ ํŠน์ง• โญ ๋ฐฐ์—ด ์š”์†Œ์˜ ํƒ€์ž…์ด ๊ณ ์ •๋˜์–ด ์žˆ์ง€ ์•Š๋‹ค. ํ•œ ๋ฐฐ์—ด ์•ˆ์— ์„œ๋กœ ๋‹ค๋ฅธ ๋ฐ์ดํ„ฐ ํƒ€์ž…์ธ ์š”์†Œ๋ฅผ ๋‹ด์„ ์ˆ˜ ์žˆ๋‹ค. ์‹ฌ์ง€์–ด ๋ณ€์ˆ˜, ์™ธ์—๋„ ๊ฐ์ฒด, ํ•จ์ˆ˜๋„ ๋‹ด์„ ์ˆ˜ ์žˆ๋‹ค. var arr = [1234, 'test', true]; //1234โžก number //'test'โžก string //trueโžก boolean โญ ๋ฐฐ์—ด ์š”์†Œ์˜ ์ธ๋ฑ์Šค๊ฐ€ ์—ฐ์†์ ์ด์ง€ ์•Š์•„๋„ ๋œ๋‹ค. ๋น„์–ด์žˆ๋Š” ์ธ๋ฑ์Šค๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ๋‹ค. โญ ๋ฐฐ์—ด์˜ ํฌ๊ธฐ๋ฅผ ๋™์ ์œผ๋กœ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋‹ค. โญ ๋ฐฐ์—ด์— ์ด๋ฏธ ํ• ๋‹น๋œ ๊ฐ’์€ ์‚ฌ๋ผ์ง€์ง€ ์•Š๋Š”๋‹ค. var ..

Front/JS & jQuery 2022.05.07

[MSSQL] ํ…Œ์ด๋ธ” ์ •๋ณด ์กฐํšŒํ•˜๊ธฐ

( ํ…Œ์ด๋ธ” ๋ช…, ํ…Œ์ด๋ธ” ์ฝ”๋ฉ˜ํŠธ, ์ปฌ๋Ÿผ๋ช…, ๋ฐ์ดํ„ฐ ํƒ€์ž…, ์ปฌ๋Ÿผ๊ธธ์ด, ์ปฌ๋Ÿผ default ๊ฐ’, null๊ฐ’ํ—ˆ์šฉ, ์ปฌ๋Ÿผ์ฝ”๋ฉ˜ํŠธ ) ๊ฐ€ ์กฐํšŒ๋˜๋Š” ์ฟผ๋ฆฌ์ด๋‹ค. SELECT A.TABLE_NAME, C.VALUE AS TABLE_COMMENT, A.COLUMN_NAME, A.DATA_TYPE, ISNULL(CAST(A.CHARACTER_MAXIMUM_LENGTH AS VARCHAR), CAST(A.NUMERIC_PRECISION AS VARCHAR) + ',' + CAST(A.NUMERIC_SCALE AS VARCHAR)) AS COLUMN_LENGTH, A.COLUMN_DEFAULT, A.IS_NULLABLE, B.VALUE AS COLUM_COMMENT FROM INFORMATION_SCHEMA.COLUMNS A L..

DB 2022.05.06

[javascript] json๋ฐฐ์—ด์˜ ํ‚ค ๊ฐ’ ๊ตฌํ•˜๊ธฐ - Object.keys()

๋ฐฐ์—ด์˜ ๋ฐ์ดํ„ฐ๋“ค์ด 'ํ‚ค : ๊ฐ’' ํ˜•ํƒœ์ธ jsonํ˜•ํƒœ์ผ ๋•Œ ํ‚ค ๊ฐ’์„ ๊ตฌํ•˜๋Š” ๋ฉ”์„œ๋“œ๋Š” โžก๏ธObject.keys() const objectArr = { a: 'somestring', b: 42, c: false }; console.log(Object.keys(objectArr)); // expected output: Array ["a", "b", "c"] ๋‚˜ ๊ฐ™์€ ๊ฒฝ์šฐ์—๋Š” ์ด๋Ÿฐ์‹์œผ๋กœ ํ™œ์šฉ์„ ํ•˜์˜€๋‹ค. json ๋ฐฐ์—ด์˜ ๊ฐ’๋„ jsonํ˜•ํƒœ์ธ ์ƒํ™ฉ์—์„œ, var cData; var cDataKeys =[]; var slsMqty = []; cData = result.result; //cData๊ฐ€ json๋ฐฐ์—ด ํ‚ค : ๊ฐ’ (ํ‚ค :๊ฐ’ ) cDataKeys = Object.keys(cData); //cDataKeys๋Š” ์ˆซ์ž๋ฐฐ์—ด..

Front/JS & jQuery 2022.05.04

[javascript] ๋ฐฐ์—ด์ƒ์„ฑ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ฐฐ์—ด๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ• โญ ๋Œ€๊ด„ํ˜ธ๋ฅผ ์ด์šฉํ•˜์—ฌ ๋งŒ๋“ค๊ธฐ 1. ๋นˆ๋ฐฐ์—ด ์ƒ์„ฑ var arr =[]; 2. ๋ฐฐ์—ด ์ดˆ๊ธฐํ™” var arr = ['one','two','three']; 3. ๊ธธ์ด๋ฅผ ์„ค์ •ํ•˜์—ฌ ์ƒ์„ฑ var arr = [,,,]; // ์‰ผํ‘œ ๊ฐœ์ˆ˜๋งŒํผ ํฌ๊ธฐ๊ฐ€ ์ง€์ •. -> arr.length =3 // ๊ฐ’์ด ํ• ๋‹น๋˜์ง€๋Š” ์•Š์•„์„œ ์ถœ๋ ฅํ•˜๋ฉด undefined ์ถœ๋ ฅ โญ Array() ์ƒ์„ฑ์žํ•จ์ˆ˜๋กœ ๋งŒ๋“ค๊ธฐ 1. ๋นˆ๋ฐฐ์—ด ์ƒ์„ฑ var arr = new Array(); 2. ๋ฐฐ์—ด ์ดˆ๊ธฐํ™” var arr = new Array('one','two','three'); 3. ๊ธธ์ด๋ฅผ ์„ค์ •ํ•˜์—ฌ ์ƒ์„ฑ var arr = new Array(3); // arr.length = 3 // ๊ฐ’์ด ํ• ๋‹น๋˜์ง€๋Š” ์•Š์•„์„œ ์ถœ๋ ฅํ•˜๋ฉด undefined ์ถœ๋ ฅ

Front/JS & jQuery 2022.05.03

[Error] post /get ์—๋Ÿฌ

[์—๋Ÿฌ๋ฉ”์„ธ์ง€] Access to XMLHttpRequest at 'http://localhost:28081/api/v1/carvhcl/carVhclInfo' from origin 'http://localhost:18081' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. isAxiosError.js:10 POST http://localhost:28081/api/v1/carvhcl/carVhclInfo net::ERR_FAILED [ํ•ด๊ฒฐ๋ฐฉ๋ฒ•] ..

Error 2022.05.02

Model, ModelMap

Model, ModelMap ๊ณตํ†ต์  model.addAttribute("๋ณ€์ˆ˜๋ช…"); modelMap.addAttribute("๋ณ€์ˆ˜๋ช…"); ๋‘˜ ๋‹ค addAttribute๋ฅผ ์‚ฌ์šฉํ•จ Model or ModelMap์— ๋ฐ์ดํ„ฐ๋งŒ ์ €์žฅ ํ›„ View์—์„œ ์‚ฌ์šฉ๋ชฉ์  Model, ModelMap ์ฐจ์ด์  Model - ์ธํ„ฐํŽ˜์ด์Šค ModelMap - ํด๋ž˜์Šค Java Controller @RequestMapping(value = "/test.do") public String test(HttpServletRequest request, Model model, ModelMap modelMap){ String modelStr = "Model Test"; String modelMapStr = "ModelMap Test"; model.a..

JAVA/SPRING 2022.05.01

[CSS] div ๊ฐ€๋กœ ์ •๋ ฌํ•˜๊ธฐ - flex

์ €๋ฒˆ์—๋Š” float๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ div ๋ฅผ ๊ฐ€๋กœ์ •๋ ฌํ•˜๋Š” ํฌ์ŠคํŒ…์„ ํ–ˆ์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋‚ด๊ฐ€ ํ”„๋กœ์ ํŠธ ํ•  ๋•Œ๋Š” float๋ง๊ณ  flex๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค. ๊ฐ€๋กœ๋กœ ์ •๋ ฌํ•  div ํƒœ๊ทธ๋“ค์˜ ๋ถ€๋ชจ ํƒœ๊ทธ์— CSS ์†์„ฑ์œผ๋กœ display:flex; flex-direction:row; ๋ฅผ ์ฃผ๋ฉด ๊ฐ€๋กœ๋กœ ์•„์ดํ…œ๋“ค์ด ์ •๋ ฌ๋œ๋‹ค. flex๋กœ ์ •๋ ฌ๋œ ์•„์ดํ…œ๋“ค์„ ์›ํ•˜๋Š” ๊ธฐ์ค€์œผ๋กœ ์ •๋ ฌํ•˜๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐฉ๋ฒ•๋“ค์ด ์žˆ๋‹ค. ์ง์ ‘ ๋ˆŒ๋Ÿฌ๋ณด๊ณ  ํ™”๋ฉด์œผ๋กœ ๋ณด๋ฉด ์‰ฌ์šฐ๋‹ˆ ๋‘˜๋Ÿฌ๋ณด์ž ~~~~~~~~~~ https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content justify-content - CSS: Cascading Style Sheets | MDN The CSS justify-content property ..

Front/CSS 2022.04.30

[HTML] ๊ณต๋ฐฑ ๋„ฃ๊ธฐ

์›น ํ™”๋ฉด์— ๊ณต๋ฐฑ์„ ๋„ฃ์–ด์•ผ ํ•  ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค. ๊ทธ๋ƒฅ space๋ฅผ ์ด์šฉํ•ด๋„ ๊ณต๋ฐฑ์ด ๋„ฃ์–ด์ง€๊ธด ํ•˜๋Š”๋ฐ, ์›ํ•˜๋Š”๋Œ€๋กœ ์‚ฝ์ž…์ด ์•ˆ๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค. ๊ทธ๋Ÿด ๋•Œ, ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด 1. ๋ฅผ ์‚ฝ์ž…ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. nbsp๋Š” Non-bresaking Space ( ์ค„๋ฐ”๊ฟˆ ์—†๋Š” ๊ณต๋ฐฑ )๋ฅผ ์ถ•์•ฝํ•œ ๋ฌธ์ž์ด๋‹ค. ์—ฌ๋Ÿฌ๊ฐœ๋ฅผ ์‚ฝ์ž…ํ•˜๋ฉด ์—ฌ๋Ÿฌ ๊ฐœ์˜ ๊ณต๋ฐฑ์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, nbsp๋ฅผ ํฌํ•จํ•˜๋Š” ๋ฌธ์ž์—ด์˜ ๊ธธ์ด๊ฐ€ ์ค„ ๊ธธ์ด๋ณด๋‹ค ๊ธด ๊ฒฝ์šฐ, ๋ฌธ์ž์—ด ์ž์ฒด๋ฅผ ๋‹ค์Œ์ค„๋กœ ๋„˜๊ฒจ์ฃผ๋Š” ๊ธฐ๋Šฅ๋„ ์žˆ๋‹ค. 2. - ๊ณต๋ฐฑ ๋‘๊ฐœ ๋งŒํผ์˜ ์ž๋ฆฌ ์ฐจ์ง€ / - ๊ณต๋ฐฑ ๋„ค๊ฐœ ๋งŒํผ์˜ ์ž๋ฆฌ ์ฐจ์ง€ ์—ฌ๋Ÿฌ๊ฐœ์˜ ๊ณต๋ฐฑ์ด ํ•„์š”ํ•  ๋•Œ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•˜๋‹ค. nbsp์™€๋Š” ๋‹ค๋ฅด๊ฒŒ ์ค„๋ฐ”๊ฟˆ์— ์˜ํ–ฅ์„ ์ฃผ์ง€ ์•Š๋Š”๋‹ค. 3. ์‚ฌ์šฉํ•˜๊ธฐ ํƒœ๊ทธ ์•ˆ์— space bar์™€ enter ํ‚ค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋„ฃ์€ ๊ณต๋ฐฑ์ด ๊ทธ๋Œ€๋กœ ๋“ค์–ด๊ฐ€๊ฒŒ๋œ๋‹ค. ์ด ํƒœ..

Front/HTML 2022.04.29
728x90
๋ฐ˜์‘ํ˜•