728x90
๋ฐ˜์‘ํ˜•

์ „์ฒด ๊ธ€ 1314

[jQuery][datatables] ์—‘์…€ ๋‹ค์šด๋กœ๋“œ

$('#myTable').DataTable( { buttons: [ { extend: 'excel', text: 'Save current page', exportOptions: { modifier: { page: 'current' } } } ] } ); ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ์—‘์…€ ๋‹ค์šด๋กœ๋“œ์‹œ ์ปฌ๋Ÿผ๋ณ„๋กœ CSS๋ฅผ ์„ค์ •ํ•ด์ฃผ๊ณ , function getExcelConfig(){ // ์—‘์…€ ์Šคํƒ€์ผ ์„ค์ • const cols = [ // ์ˆœ์„œ { idx:0, stCode :'center' }, // ์ผ์ž { idx: 1, stCode :'center', width: 40 }, // ๊ตฌ๋ถ„ { idx: 2, stCode:'center' }, // ๋น„๊ณ  { idx: 3, stCode:'left', width: 50 } ]; // s..

Front/JS & jQuery 2022.08.03

[DB] ์ปฌ๋Ÿผ alias์™€ ํ…Œ์ด๋ธ” alias

๊ณตํ†ต์ ์œผ๋กœ alias ์ž‘์„ฑ๋ฒ•์€ ์ปฌ๋Ÿผ ๋ช…/ ํ…Œ์ด๋ธ” ๋ช… ๋’ค์— AS ๋ฅผ ์“ฐ๊ณ  alias๋ฅผ ์ ๊ฑฐ๋‚˜ ํ•œ์นธ ๋„์šฐ๊ณ  alias๋ฅผ ์ ๋Š”๋‹ค. ๋‘ alias๋Š” ์šฉ๋„์˜ ์ฐจ์ด๊ฐ€ ์žˆ๋‹ค. ์ปฌ๋Ÿผ์˜ alias๋Š” ๊ทธ ๊ฐ ์ปฌ๋Ÿผ๋“ค์˜ ์ด๋ฆ„์ด ์‹ค์ œ๋กœ ์šฐ๋ฆฌ์—๊ฒŒ alias๋กœ ๋ณ€ํ™˜๋˜์–ด์„œ ๋ณด์—ฌ์ง€๊ฒŒ ํ•˜๋Š” ์šฉ๋„์ด๊ณ , ํ…Œ์ด๋ธ”์˜ alias๋Š” SQL๋ฌธ์˜ ๊ฐ€๋…์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋œ๋‹ค. ํ…Œ์ด๋ธ”๋ช…. ์ปฌ๋Ÿผ์ด๋ ‡๊ฒŒ ์ ์„ ๋•Œ ํ…Œ์ด๋ธ”๋ช…์ด ๊ธธ๋‹ค๋ฉด SQL๋ฌธ์ด ๊ธธ์–ด์„œ ๊ฐ€๋…์„ฑ์ด ๋–จ์–ด์งˆ ๊ฒƒ์ด๋‹ค. ๊ทธ๋Ÿด๋•Œ ์‚ฌ์šฉํ•˜๊ณ , ๋˜ , join์„ ํ•  ๋•Œ ์„œ๋กœ ๋‹ค๋ฅธ ํ…Œ์ด๋ธ”์— ๊ฐ™์€ ์ปฌ๋Ÿผ๋ช…์ด ์กด์žฌํ•œ๋‹ค๋ฉด ๋ฌด์Šจํ…Œ์ด๋ธ”์˜ ์ปฌ๋Ÿผ์ธ์ง€ ํ‘œ๊ธฐํ• ๋•Œ๋„ ๋” ์งง๊ฒŒ ํ‘œ๊ธฐํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค.

DB 2022.08.01

[jQuery] ํด๋ฆญ ์ด๋ฒคํŠธ๊ฐ€ ๋˜์ง€ ์•Š์„ ๋•Œ

๋ณดํ†ต ์ œ์ด์ฟผ๋ฆฌ ํด๋ฆญ ์ด๋ฒคํŠธ ์‚ฌ์šฉ์‹œ์—๋Š” ์•„๋ž˜์™€ ๊ฐ™์ด ์ž‘์„ฑํ•œ๋‹ค. $( ' ์„ ํƒ์ž ' ).on ("click", function(){ // ์ด๋ฒคํŠธ ๋‚ด์šฉ } $( ' ์„ ํƒ์ž ' ).click( function(){ // ์ด๋ฒคํŠธ ๋‚ด์šฉ } ๊ทธ๋Ÿฌ๋‚˜ ๋™์ ํŽ˜์ด์ง€ ์—์„œ๋Š” ํ•ด๋‹น ์„ ํƒ์ž๋ฅผ ๋Œ€์ƒ์œผ๋กœ ์ด๋ฒคํŠธ๊ฐ€ ์ ์šฉ๋˜์ง€ ์•Š์•„ ์•„๋ž˜์™€ ๊ฐ™์ด ์ž‘์„ฑํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค. $(document).on("click", "์„ ํƒ์ž", function(){ // ์ด๋ฒคํŠธ ๋‚ด์šฉ })

Front/JS & jQuery 2022.07.31

[js] replace()

ํŠน์ • ๋ฌธ์ž์—ด์„ ์›ํ•˜๋Š” ๋ฌธ์ž์—ด๋กœ ๋ฐ”๊พธ์–ด ์ค„ ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํ•จ์ˆ˜์ด๋‹ค. replace("-", "") : - ๋ฌธ์ž์—ด์„ ๊ณต๋ฐฑ์œผ๋กœ ๋Œ€์ฒด ์‹œํ‚จ๋‹ค. var date = "2022-07-27" var dateReplace = date.replace("-", ""); //์ถœ๋ ฅ๊ฒฐ๊ณผ : 202207-26 ํ•ด๋‹น ๋ฌธ์ž์—ด์„ ๋ชจ๋‘ ์ง€์ •ํ•œ ๋ฌธ์ž๋กœ ๋ฐ”๊ฟ”์ฃผ๊ณ  ์‹ถ์„ ๋•Œ๋Š” ์ •๊ทœ์‹์„ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค. ( ์™œ๋ƒํ•˜๋ฉด javascript์—๋Š” replaceAll ํ•จ์ˆ˜๊ฐ€ ์—†๊ธฐ ๋•Œ๋ฌธ์— ) โœ… g : ๋ฐœ์ƒํ•  ๋ชจ๋“  ํŒจํ„ด์— ๋Œ€ํ•œ ์ „์—ญ ๊ฒ€์ƒ‰ โœ… i : ๋Œ€/์†Œ๋ฌธ์ž ๊ตฌ๋ถ„ ์•ˆํ•จ replaceํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋˜, ๋”ฐ์˜ดํ‘œ๋ฅผ ์Šฌ๋ž˜์‹œ ( / )๋กœ ๋Œ€์ฒดํ•˜๊ณ , ๋’ค์— gi๋ฅผ ๋ถ™์ด๋ฉด replaceAll()๊ณผ ๊ฐ™์€ ๊ธฐ๋Šฅ์„ ํ•œ๋‹ค. โ€ป ์Šฌ๋ž˜์‹œ ( / ) ์‚ฌ์šฉ์‹œ ์—ญ์Šฌ๋ž˜์‹œ(\) ๋ถ™์—ฌ์„œ ์‚ฌ์šฉ (..

Front/JS & jQuery 2022.07.27

[SPRING] DTO, VO ์ฐจ์ด

DTO ( Data Transfer Object ) ์ˆœ์ˆ˜ํ•˜๊ฒŒ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ด์•„ ๊ณ„์ธต๊ฐ„์œผ๋กœ ์ „๋‹ฌํ•˜๋Š” ๊ฐ์ฒด์ด๋‹ค. ๋กœ์ง์„ ๊ฐ–๊ณ  ์žˆ์ง€ ์•Š์€ ์ˆœ์ˆ˜ํ•œ ๋ฐ์ดํ„ฐ ๊ฐ์ฒด์ด๋ฉฐ ๋ฉ”์„œ๋“œ๋กœ๋Š” getter / setter ๋งŒ์„ ๊ฐ–๋Š”๋‹ค. ์ „๋‹ฌ ์šฉ๋„๋กœ๋งŒ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋‹ค๋ฅธ ๋กœ์ง์ด ํ•„์š” ์—†๋Š” ๊ฒƒ์ด๋‹ค. VO ( Value Object ) ๊ฐ’ ๊ทธ์ž์ฒด๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ๊ฐ์ฒด์ด๋‹ค. DTO์™€ ๋‹ค๋ฅด๊ฒŒ ๋กœ์ง์„ ํฌํ•จํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋ถˆ๋ณ€์„ฑ์˜ ๋ณด์žฅ์„ ์œ„ํ•ด ์ƒ์„ฑ์ž๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ์•ผ ํ•œ๋‹ค. VO๋Š” ์„œ๋กœ ๋‹ค๋ฅธ ์ด๋ฆ„์„ ๊ฐ–๋Š” ์ธ์Šคํ„ด์Šค๋ผ๋„ ๋ชจ๋“  ์†์„ฑ๊ฐ’์ด ๊ฐ™๋‹ค๋ฉด ( ํ•„๋“œ ๊ฐ’์ด ๊ฐ™๋‹ค๋ฉด ) ๋‘ ์ธ์Šคํ„ด์Šค๋Š” ๊ฐ™์€ ๊ฐ์ฒด๋ผ๋Š”๊ฒƒ์ด ํ•ต์‹ฌ. ์ฐธ๊ณ  https://maenco.tistory.com/entry/Java-DTO%EC%99%80-VO%EC%9D%98-%EC%B0%A8%EC%9D%B4 [J..

JAVA/SPRING 2022.07.26

[SPRINGBOOT] ์Šคํ”„๋ง๋ถ€ํŠธ์˜ ๊ตฌ์กฐ

์Šคํ”„๋ง๋ถ€ํŠธ ํ”„๋กœ์ ํŠธ์˜ ์ „์ฒด ๊ตฌ์กฐ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. src/main/java ๋””๋ ‰ํ„ฐ๋ฆฌ src/main/java ๋””๋ ‰ํ„ฐ๋ฆฌ์˜ com.mysite.sbb ํŒจํ‚ค์ง€๋Š” ์ž๋ฐ” ํŒŒ์ผ์„ ์ž‘์„ฑํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค. ์ž๋ฐ” ํŒŒ์ผ๋กœ๋Š” HelloController์™€ ๊ฐ™์€ ์Šคํ”„๋ง๋ถ€ํŠธ์˜ ์ปจํŠธ๋กค๋Ÿฌ, ํผ๊ณผ DTO, ๋ฐ์ดํ„ฐ ๋ฒ ์ด์Šค ์ฒ˜๋ฆฌ๋ฅผ ์œ„ํ•œ ์—”ํ‹ฐํ‹ฐ, ์„œ๋น„์Šค ํŒŒ์ผ๋“ฑ์ด ์žˆ๋‹ค. SbbApplication.java ํŒŒ์ผ ๋ชจ๋“  ํ”„๋กœ๊ทธ๋žจ์—๋Š” ์‹œ์ž‘์„ ๋‹ด๋‹นํ•˜๋Š” ํŒŒ์ผ์ด ์žˆ๋‹ค. ์Šคํ”„๋ง๋ถ€ํŠธ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—๋„ ์‹œ์ž‘์„ ๋‹ด๋‹นํ•˜๋Š” ํŒŒ์ผ์ด ์žˆ๋Š”๋ฐ ๊ทธ ํŒŒ์ผ์ด ๋ฐ”๋กœ + Application.java ํŒŒ์ผ์ด๋‹ค. ์Šคํ”„๋ง๋ถ€ํŠธ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ• ๋•Œ "Sbb"๋ผ๋Š” ์ด๋ฆ„์„ ์‚ฌ์šฉํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์€ SbbApplication.java ํŒŒ์ผ์ด ์ž๋™์œผ๋กœ ์ƒ์„ฑ๋œ๋‹ค. [ํŒŒ์ผ๋ช…:/sbb/src/main/j..

JAVA/SPRINGBOOT 2022.07.25

[js] != ์™€ !==

!= !== ๋‘˜๋‹ค ๋ถ€๋“ฑ ๋น„๊ต ์—ฐ์‚ฐ์ž๋กœ != ๋Š” ์–‘์ชฝ ๋น„๊ต๊ฐ’์ด ๋‹ค๋ฅด๋ฉด true, ๊ฐ™์œผ๋ฉด false ๋ฅผ ๋ฐ˜ํ™˜ !== ๋Š” ์–‘์ชฝ ๋น„๊ต๊ฐ’์˜ ํƒ€์ž…๊นŒ์ง€ ๊ณ ๋ คํ•˜์—ฌ ๋‹ค๋ฅด๋ฉด true, ๊ฐ™์œผ๋ฉด false๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค. 1 != "1" ๋Š” false 1 !== "1" ๋Š” true

Front/JS & jQuery 2022.07.24

[SPRING] DI (Dependency Injection ) ๊ฐœ๋…

DI (Dependency Injection ) DI( Dependency Injefcntion ; ์˜์กด์„ฑ ์ข…์†)๋ž€, ํด๋ž˜์Šค๊ฐ„์˜ ์˜์กด๊ด€๊ณ„๋ฅผ ์Šคํ”„๋ง ์ปจํ…Œ์ด๋„ˆ๊ฐ€ ์ž๋™์œผ๋กœ ์—ฐ๊ฒฐํ•ด์ฃผ๋Š” ๊ฒƒ. Dependency๋ž€ ๊ฐ์ฒด๊ฐ€ ๋‹ค๋ฅธ ๊ฐ์ฒด์™€ ์ƒํ˜ธ์ž‘์šฉํ•˜๋Š” ๊ฒƒ์„ ๋งํ•จ. https://life-with-coding.tistory.com/433 [Spring] @Autowired ์™€ DI ๊ฐœ๋… ์ •๋ฆฌ ์ธํŠธ๋กœ ์•ˆ๋…•ํ•˜์„ธ์š” :) ์˜ค๋Š˜์€ Spring ํ”„๋ ˆ์ž„์›Œํฌ์˜ @Autowird ์–ด๋…ธํ…Œ์ด์…˜, ์ด๋ฅผ ์„ค๋ช…ํ•˜๊ธฐ ์œ„ํ•œ DI๊ฐœ๋…์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ชฉ์ฐจ 1) DI(Dependency Injection) ๊ฐœ๋… 2) @Autowired ๊ฐœ๋… 3) @Autowired ์™€ @Re.. life-with-coding.tistory.com

JAVA/SPRING 2022.07.23

[DB][MSSQL] ROW_NUMBER()

ROW_NUMBER() ์€ 1. ์กฐํšŒ ๊ฐœ์ˆ˜๋ฅผ ์ œํ•œ ํ•˜๋Š” ๊ฒฝ์šฐ 2. ์กฐํšŒ ์ˆœ๋ฒˆ์„ ๋งค๊ธฐ๋Š” ๊ฒฝ์šฐ ์— ๋งŽ์ด ์‚ฌ์šฉํ•œ๋‹ค. 1. ์กฐํšŒ ๊ฐœ์ˆ˜๋ฅผ ์ œํ•œํ•˜๋Š” ๊ฒฝ์šฐ SELECT ์ ˆ์— TOP(๊ฐœ์ˆ˜)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์กฐํšŒ ๊ฐœ์ˆ˜๋ฅผ ์ œํ•œํ•  ์ˆ˜ ์žˆ๋‹ค. EX) SELECT TOP(4) WITH TIES job , deptno FROM emp ORDER BY job, deptno 2. ์กฐํšŒ ์ˆœ๋ฒˆ์„ ๋งค๊ธฐ๋Š” ๊ฒฝ์šฐ EX) SELECT ROW_NUMBER() OVER(ORDER BY (SELECT 1)) AS rownum , ename , job , sal FROM emp WHERE sal > 2000 ROW_NUMBER ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ๋Š” ORDER BY๋ฅผ ํ•„์ˆ˜๋กœ ์‚ฌ์šฉํ•ด์•ผํ•˜๋Š”๋ฐ, ์˜๋ฏธ์—†๋Š” (SELECT 1)์„ ๋ถ€์—ฌํ•˜์—ฌ ORDER BY ์—†์ด ์กฐํšŒ๋œ ..

DB 2022.07.22
728x90
๋ฐ˜์‘ํ˜•