전체 글 115
WIL 1주차 : 바닐라 JS 마스터의 길
첫 주차 항해를 마무리하면서 작성하는 회고첫 주차 과제는 바닐라 JS로 SPA 만들기를 하였다. 늘 프로젝트를 하면서 기술부채에 대해 문득문득 떠올렸던 나이기에 이번 과제에서 예상대로 학습부채의 쓴 맛을 보았다. 리액트에서는 이벤트 등록 시점을 신경 쓸 필요가 없어서 이벤트 등록 시점에 대한 고민을 크게 하지 않았다. 이번에 ReferenceError를 겪으면서 너무나 기초적이지만 나는 몰랐던 이벤트 등록 시점에 대해 다시 학습하게 되었다. 늘 기초가 튼튼한 개발자가 되고 싶다는 생각을 하게 되었는데 이번 1주 차를 겪고 항해를 통해 기초가 튼튼한 개발자가 되는 것에 몇 발자국 더 다가갈 수 있겠다는 확신이 들었다. 부지런히 1주 차 과제를 했다고 생각했지만 막상 과제를 하는 시간에는 집중을 잘 못했던 ..
DailyLog | 2025. 3. 31. 00:26
[SQL] 와이드한 너비로 결과값을 출력하려면 - PIVOT
✅ PIVOT으로 행 열 변환해서 출력하기PIVOT은 SQL에서 행(row)을 열(column)로 변환하는 데 사용되는 연산자입니다.주로 데이터 요약 및 분석에 유용하며, 쿼리 결과를 회전시켜 데이터를 다른 방식으로 나타낼 때 사용됩니다.PIVOT은 주로 다양한 값을 하나의 행으로 결합하고, 데이터 분석을 쉽게 만들기 위해 사용됩니다.✅ PIVOT 구문PIVOT 구문의 기본 구조SELECT 컬럼1, 컬럼2, ... FROM ( SELECT 행을변환할컬럼, 집계컬럼 FROM 테이블명) PIVOT ( 집계함수(집계컬럼) FOR 행을변환할컬럼 IN (변환할값1, 변환할값2, ...)); 행을변환할컬럼: 행을 열로 변환할 기준이 되는 컬럼.집계컬럼: 집계 함수가 적용될 컬럼입니다. 예를 들..
Web Frontend/Database | 2025. 3. 6. 16:15
[JavaScript] 스프레드 연산자로 문자열을 받을 경우
스프레드 연산자를 사용하면 배열이나 객체를 복사하여 사용할 수 있습니다.var parts = ["shoulders", "knees"];var lyrics = ["head", ...parts, "and", "toes"];// ["head", "shoulders", "knees", "and", "toes"]스프레드 연산자는 배열을 매개변수로 전달하거나 날짜 객체에 전달할 때도 유용하게 쓰입니다.var dateFields = [1970, 0, 1]; // 1 Jan 1970var d = new Date(...dateFields);객체를 합칠 때도 사용됩니다.var obj1 = { foo: "bar", x: 42 };var obj2 = { foo: "baz", y: 13 };var clonedObj = { ....
Web Frontend/Vanila JS | 2025. 3. 6. 11:10
[SQL] 음수, 양수 확인하기 - SIGN 함수
SIGN 함수는 데이터 분석과 수치 데이터를 다룰 때, 어떤 숫자가 양수인지, 음수인지, 0인지를 구분해야 할 때 사용합니다.✅ 1. SIGN 함수란?SIGN 함수는 숫자의 부호를 판별하는 SQL 함수입니다.입력값이 양수인지, 음수인지, 0인지를 판단할 때 유용합니다.✅ 2. SIGN 함수의 기본 구문SIGN(숫자)양수 → 1 반환0 → 0 반환음수 → -1 반환✅ 3. SIGN 함수 사용 예제✔️ (1) 단순한 숫자 판별SELECT SIGN(-50) AS 결과_1, -- 결과: -1 SIGN(0) AS 결과_2, -- 결과: 0 SIGN(25) AS 결과_3 -- 결과: 1FROM dual;-50은 음수이므로 -1 반환0은 그대로 0 반환25는 양수이므로 1 ..
Web Frontend/Database | 2025. 3. 5. 18:48
[SQL] DECODE로 대체값 넣어서 출력하기
특정 값에 따라 다른 결과를 반환해야 하는 경우에 DECODE를 함수를 사용합니다. 예를 들어, 성적 점수를 등급으로 변환하거나, 고객의 등급을 VIP/일반/신규로 분류하는 경우가 있습니다. ✅ 1. DECODE 함수란?IF-ELSE 또는 CASE WHEN과 유사한 기능을 수행하는 SQL 함수입니다.특정 값이 주어졌을 때 미리 지정한 값과 비교하여, 일치하는 경우 특정 결과를 반환합니다.CASE WHEN보다 간결한 코드로 표현할 수 있어 빠르게 조건 처리를 할 때 유용합니다.✅ 2. DECODE 함수의 기본 구문DECODE(표현식, 검색값1, 결과값1, 검색값2, 결과값2, ..., 기본값)표현식: 비교할 대상검색값 & 결과값: 표현식과 검색값이 일치하면 결과값을 반환기본값: 어떤 값과도 일치하지 않을 ..
Web Frontend/Database | 2025. 3. 5. 18:44