728x90
๋ฐ˜์‘ํ˜•

์ „์ฒด ๊ธ€ 1165

[DB][Oracle] FLOOR / TRUNC

Oracle์—์„œ๋„ FLOOR๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.FLOOR ํ•จ์ˆ˜๋Š” ๊ฐ’์„ ์†Œ์ˆ˜์  ์ดํ•˜๋ฅผ ๋ฒ„๋ฆฌ๊ณ  ๊ฐ€์žฅ ๊ฐ€๊นŒ์šด ์ •์ˆ˜๋กœ ๋‚ด๋ฆฝ๋‹ˆ๋‹ค.๋”ฐ๋ผ์„œ ์†Œ์ˆ˜์  ์ดํ•˜๋ฅผ ๋ฒ„๋ฆฌ๋Š” ๋ชฉ์ ์œผ๋กœ๋Š” FLOOR์™€ TRUNC ๋ชจ๋‘ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ FLOOR๋Š” ํ•ญ์ƒ ๊ฐ’์„ ๋‚ด๋ฆฌ๋Š” ๋ฐฉ์‹์œผ๋กœ ๋™์ž‘ํ•˜๊ณ ,TRUNC๋Š” ์†Œ์ˆ˜์  ์ดํ•˜๋ฅผ ์ œ๊ฑฐํ•˜๋Š” ๊ฒƒ์ด ๋ชฉ์ ์ด๋ฏ€๋กœ,์†Œ์ˆ˜์  ์ดํ•˜๋ฅผ ๋‹จ์ˆœํžˆ ๋ฒ„๋ฆฌ๋Š” ์ž‘์—…์—๋Š” TRUNC๊ฐ€ ๋” ๋ช…ํ™•ํ•œ ์˜๋„๋ฅผ ์ „๋‹ฌํ•˜๋Š” ๋ฐ ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค. FLOOR vs TRUNC์˜ ์ฐจ์ด:ํ•จ์ˆ˜๋™์ž‘์˜ˆ (์ž…๋ ฅ๊ฐ’: -2.8, 2.8)๊ฒฐ๊ณผFLOOR๊ฐ€์žฅ ๊ฐ€๊นŒ์šด ๋‚ฎ์€ ์ •์ˆ˜๋กœ ๋‚ด๋ฆผ-3, 2ํ•ญ์ƒ ์•„๋ž˜๋กœ ๋‚ด๋ฆผTRUNC์†Œ์ˆ˜์  ์ดํ•˜๋ฅผ ์ž˜๋ผ๋‚ด๊ณ  ์ •์ˆ˜ ๋ถ€๋ถ„๋งŒ ๋ฐ˜ํ™˜-2, 2๋ถ€ํ˜ธ์— ๊ด€๊ณ„์—†์ด ์†Œ์ˆ˜์  ์ œ๊ฑฐ

DB 2025.01.04

[DB][Oracle] ROW_NUMBER()

Oracle์—์„œ ROW_NUMBER() ์‚ฌ์šฉ๋ฒ•1. ๊ธฐ๋ณธ ์‚ฌ์šฉ๋ฒ•์ „์ฒด ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ํ–‰ ๋ฒˆํ˜ธ๋ฅผ ๋งค๊ธฐ๋Š” ์˜ˆ์ œ์ž…๋‹ˆ๋‹ค.SELECT EMPLOYEE_ID, NAME, SALARY, ROW_NUMBER() OVER (ORDER BY SALARY DESC) AS RNFROM EMPLOYEES;๊ฒฐ๊ณผ ์˜ˆ์‹œ:EMPLOYEE_IDNAMESALARY RN101Alice90001102Bob85002103Charlie80003  2. ๊ทธ๋ฃน๋ณ„๋กœ ๋ฒˆํ˜ธ ๋งค๊ธฐ๊ธฐ (PARTITION BY)๋ถ€์„œ๋ณ„๋กœ ๋ฒˆํ˜ธ๋ฅผ ๋งค๊น๋‹ˆ๋‹ค.SELECT DEPARTMENT_ID, EMPLOYEE_ID, NAME, SALARY, ROW_NUMBER() OVER ( PARTITION BY DEP..

DB 2025.01.03

[js/jQuery] each ์™€ for ๋ฃจํ”„ ๋น„๊ต

1. jQuery each $('option').each((index, element) => { // jQuery ์š”์†Œ์— ์ ‘๊ทผ const $option = $(element); console.log($option.val());});์žฅ์ jQuery ๊ฐ์ฒด๋ฅผ ๋‹ค๋ฃฐ ๋•Œ ํŽธ๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ($(element)๋ฅผ ์‚ฌ์šฉํ•ด์„œ ๋ฐ”๋กœ jQuery ๋ฉ”์„œ๋“œ๋ฅผ ํ˜ธ์ถœ ๊ฐ€๋Šฅ)์ฝ”๋“œ๊ฐ€ ๊ฐ„๊ฒฐํ•˜๊ณ  ๊ฐ€๋…์„ฑ์ด ์ข‹์Šต๋‹ˆ๋‹ค.index์™€ element๋ฅผ ์‰ฝ๊ฒŒ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.๋‹จ์ ๋‚ด๋ถ€์ ์œผ๋กœ jQuery๋ฅผ ์‚ฌ์šฉํ•˜๋ฏ€๋กœ ์•ฝ๊ฐ„์˜ ์˜ค๋ฒ„ํ—ค๋“œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.์„ฑ๋Šฅ์ด for ๋ฃจํ”„๋ณด๋‹ค ๋Š๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค, ํŠนํžˆ ๋งŽ์€ ์š”์†Œ๋ฅผ ์ฒ˜๋ฆฌํ•  ๋•Œ. 2. JavaScript for ๋ฃจํ”„ const options = document.querySelectorAll('option..

Front/JS & jQuery 2025.01.02

[js] ์ˆซ์ž ์Œ์ˆ˜ ์ฒ˜๋ฆฌ

-์ด๋ฅผ ํฌํ•จํ•˜๋Š” ๊ฒฝ์šฐ์—๋„ ์Œ์ˆ˜๋ฅผ ์ฒ˜๋ฆฌํ•˜๋ ค๋ฉด, -์˜ ์œ„์น˜๋ฅผ โ€‹โ€‹ํ™•์ธํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ์Œ์ˆ˜ ๋ถ€ํ˜ธ๊ฐ€ ์žˆ๋‹ค๋Š” ๊ฒƒ์€ ์˜ฌ ์ˆ˜ ์žˆ๋„๋ก ๊ทœ์น™์„ ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.let str = "abc-123.45def";let result = str.toString().replace(/[^\d.-]/g, '');// ์ž˜๋ชป๋œ ์œ„์น˜์˜ `-` ์ฒ˜๋ฆฌif ((result.match(/-/g) || []).length > 1 || result.indexOf('-') > 0) { result = result.replace(/-/g, ''); // ์Œ์ˆ˜ ๋ถ€ํ˜ธ๊ฐ€ ์˜ฌ๋ฐ”๋ฅด์ง€ ์•Š์œผ๋ฉด ์ œ๊ฑฐ}console.log(result); // "-123.45"

Front/JS & jQuery 2025.01.01

[SPRING] ํ˜„์žฌ ๋„๋ฉ”์ธ ์ฃผ์†Œ ๊ฐ€์ ธ์˜ค๊ธฐ

import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.RestController;import javax.servlet.http.HttpServletRequest;@RestControllerpublic class DomainController { @GetMapping("/domain") public String getDomain(HttpServletRequest request) { String scheme = request.getScheme(); // "http" ๋˜๋Š” "https" String serverName = request.get..

JAVA/SPRING 2024.12.31

[js][Echarts] bar ์ฐจํŠธ์—์„œ x์ถ•์— ๋”ฐ๋ผ ๊ฐ ๋ง‰๋Œ€์— ๋‹ค๋ฅธ ์ƒ‰์ƒ ์„ค์ •ํ•˜๊ธฐ

series: [ { name: curYr, data: curYrArr, type: 'bar', barWidth: '30%', itemStyle: { color: function (params) { const category = params.name; // x์ถ• ์นดํ…Œ๊ณ ๋ฆฌ ๊ฐ’ switch (category) { case 'A': return '#4976CA'; // 'A'์˜ ์ƒ‰์ƒ case 'B': return '#FF6..

Front/JS & jQuery 2024.12.29

[js][Echarts] ์ฐจํŠธ์— ๋ฐ์ดํ„ฐ ์ด๋ฆ„ ํ‘œ์‹œํ•˜๊ธฐ

label: { show: true, fontSize: 12, fontWeight: "bold", position: "inside", // Position the label inside the bar color: "black", formatter: function(data) { const seriesName = data.seriesName; // The series name (e.g., '์˜์—…์ˆ˜์ต') const value = Common.numberWithCommas(data.data); // The value, formatted return `${seriesName}\n${value}`; // Add a newline characte..

Front/JS & jQuery 2024.12.28

[js][Echarts] stack bar ์ฐจํŠธ์—์„œ ๊ฐ ๋ง‰๋Œ€์— ๋‹ค๋ฅธ ์ƒ‰์ƒ ์„ค์ •ํ•˜๊ธฐ

ECharts์—์„œ x์ถ•์„ ๋”ฐ๋ผ ๋ง‰๋Œ€ํ˜• ์ฐจํŠธ์˜ ๊ฐ ๋ง‰๋Œ€์— ๋‹ค๋ฅธ ์ƒ‰์ƒ์„ ์„ค์ •ํ•˜๋ ค๋ฉด,๊ฐ ๋ง‰๋Œ€์— ํ•ด๋‹นํ•˜๋Š” ๋ฐฐ์—ด์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐœ์ฒด itemStyle๋‚ด์˜ ์†์„ฑ์„ ์‚ฌ์šฉ์ž ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.getCoChartOption = (xAxisData, amtArr, otherArr, valRange) => { const amtColors = ["#F4E5E0", "#F0A5A0", "#E8C6C0", "#D8B7A0"]; // Example colors for "์˜์—…์ˆ˜์ต" bars const otherColors = ["#5FC6E3", "#4BADD8", "#3A95B3", "#2681A0"]; // Example colors for "์˜์—…์™ธ์ˆ˜์ต" bars return { tooltip: {..

Front/JS & jQuery 2024.12.26

[jquery] evt.currentTarget์„ ์‚ฌ์šฉํ•˜์—ฌ ์„ ํƒ๋œ <select> ๋ฐ•์Šค์˜ ์„ ํƒ๋œ option์˜ text๋ฅผ ๊ฐ€์ ธ์˜ค๊ธฐ

evt.currentTarget์„ ์‚ฌ์šฉํ•˜์—ฌ ์„ ํƒ๋œ ๋ฐ•์Šค์˜ ์„ ํƒ๋œ option์˜ text๋ฅผ ๊ฐ€์ ธ์˜ค๋ ค๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค $(document).on('change', 'select', function(evt) { var selectedText = $(evt.currentTarget).find('option:selected').text(); console.log('์„ ํƒ๋œ ํ…์ŠคํŠธ:', selectedText);});

Front/JS & jQuery 2024.12.25
728x90
๋ฐ˜์‘ํ˜•