기록

매일매일 프론트엔드를 보고 정리한 글입니다. https://www.maeil-mail.kr/question/42 리액트에서 순회하는 배열의 각 요소 key값에 index값을 넣으면 안된다는 것은 리액트를 학습하는 사람이라면 누구나 알고 있는 사실입니다. 배열이 삭제, 수정, 등록될 때, 배열의 순서가 바뀌는 경우가 있기 때문입니다. 그럼 key는 유니크한 값이어야하는데, 생성하는 방법에는 어떤 것들이 있을까요?Key가 중요한 이유React는 key prop을 사용하여 DOM을 효율적으로 업데이트하고 상태 변경을 반영합니다. React의 재조정(reconciliation) 과정에서 키는 어떤 아이템이 변경, 추가 또는 제거되었는지 결정하는 데 사용됩니다.키가 없다면 React는 전체 리스트를 다시 렌더링해..

연관 면접 질문자바스크립트 함수에 대해서 아는대로 설명해주세요.참고 링크 https://www.maeil-mail.kr/question/33🗝️ 키 포인트 : 일급객체, 익명함수와 함수 표현식, 호이스팅, 클로저, 고차함수, 화살표 함수 함수와 일급 객체함수는 값처럼 취급 될 수 있으며 고차 함수를 포함한 다양한 패턴을 구현할 수 있습니다.여기서 일급 객체란?아래 특징을 갖고 있는 객체를 말합니다.무명의 리터럴로 생성할 수 있다. 런타임에 생성이 가능하다- 무명의 리터럴은 이름이 없는 리터럴 값을 의미합니다. 자바스크립트에서 이것은 주로 익명 함수(anonymous function)를 가리키는데, 함수의 이름 없이 직접 표현식으로 작성하는 방식입니다. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다..

✅ PIVOT으로 행 열 변환해서 출력하기PIVOT은 SQL에서 행(row)을 열(column)로 변환하는 데 사용되는 연산자입니다.주로 데이터 요약 및 분석에 유용하며, 쿼리 결과를 회전시켜 데이터를 다른 방식으로 나타낼 때 사용됩니다.PIVOT은 주로 다양한 값을 하나의 행으로 결합하고, 데이터 분석을 쉽게 만들기 위해 사용됩니다.✅ PIVOT 구문PIVOT 구문의 기본 구조SELECT 컬럼1, 컬럼2, ... FROM ( SELECT 행을변환할컬럼, 집계컬럼 FROM 테이블명) PIVOT ( 집계함수(집계컬럼) FOR 행을변환할컬럼 IN (변환할값1, 변환할값2, ...)); 행을변환할컬럼: 행을 열로 변환할 기준이 되는 컬럼.집계컬럼: 집계 함수가 적용될 컬럼입니다. 예를 들..

스프레드 연산자를 사용하면 배열이나 객체를 복사하여 사용할 수 있습니다.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 = { ....

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 ..

특정 값에 따라 다른 결과를 반환해야 하는 경우에 DECODE를 함수를 사용합니다. 예를 들어, 성적 점수를 등급으로 변환하거나, 고객의 등급을 VIP/일반/신규로 분류하는 경우가 있습니다. ✅ 1. DECODE 함수란?IF-ELSE 또는 CASE WHEN과 유사한 기능을 수행하는 SQL 함수입니다.특정 값이 주어졌을 때 미리 지정한 값과 비교하여, 일치하는 경우 특정 결과를 반환합니다.CASE WHEN보다 간결한 코드로 표현할 수 있어 빠르게 조건 처리를 할 때 유용합니다.✅ 2. DECODE 함수의 기본 구문DECODE(표현식, 검색값1, 결과값1, 검색값2, 결과값2, ..., 기본값)표현식: 비교할 대상검색값 & 결과값: 표현식과 검색값이 일치하면 결과값을 반환기본값: 어떤 값과도 일치하지 않을 ..

✅ Transaction(트랜잭션)이란?트랜잭션(Transaction)은 데이터베이스에서 실행되는 하나의 논리적인 작업 단위를 의미합니다.즉, 여러 개의 SQL 문을 하나의 묶음으로 처리하고, 이를 하나의 작업(트랜잭션)으로 간주합니다. 트랜잭션 문법 BEGIN TRANSACTION; -- 트랜잭션 시작 ( Oracle에서는 자동 )UPDATE 실행 쿼리UPDATE 실행 쿼리COMMIT; -- 트랜잭션 완료 → 저장!✅ 트랜잭션이 필요한 이유데이터의 무결성(Integrity) 보장→ 중간에 오류가 나도 완전히 수행되거나(Rollback), 완전히 취소(Commit)되는 것이 중요함.은행 시스템, 주문 시스템, 결제 시스템 등에서 필수→ 예를 들어, 계좌에서 돈을 이체할 때 보내는 쪽에서 차감되었지만 받..

데이터를 정렬할 때는 ORDER BY 절을 활용해 결과를 정렬(Sorting)할 수 있습니다. ORDER BY절을 활용하면 목적에 맞게 정렬된 데이터를 불러올 수 있습니다.✅ ORDER BY 절이란?SELECT 문의 결과를 특정 컬럼 기준으로 정렬기본 정렬 방식: 오름차순(ASC, 작은 값 → 큰 값 : 타입에 따른 정렬 기준은 따로 정리) 내림차순 정렬: DESC (큰 값 → 작은 값)여러 개의 컬럼을 기준으로 정렬 가능숫자, 문자, 날짜 데이터 정렬 가능✅ ORDER BY 절 사용 문법SELECT 컬럼명FROM 테이블명ORDER BY 컬럼명 [ASC | DESC];ASC → 오름차순 정렬 (기본값, 생략 가능)DESC → 내림차순 정렬여러 개의 컬럼을 정렬할 수도 있음✅ ORDER BY 절 예제1️⃣..

가끔 헷갈릴 때 보기 위한 정리 포스팅입니다.✅ 표로 한 눈에 보기데이터 유형 오름차순 (ASC) 내림차순 (DESC)숫자(Number)작은 값 → 큰 값큰 값 → 작은 값문자(String)A → Z (가나다순)Z → A (역순)날짜(Date)과거 → 미래미래 → 과거 1️⃣ 숫자(Number) 데이터 정렬 순서정렬 방식 정렬 순서오름차순 (ASC)가장 작은 숫자 → 가장 큰 숫자내림차순 (DESC)가장 큰 숫자 → 가장 작은 숫자 ✔ 예제 데이터SELECT * FROM 제품 ORDER BY 가격 ASC; 🔹 오름차순 결과가격----100200300400SELECT * FROM 제품 ORDER BY 가격 DESC; 🔹 내림차순 결과가격----4003002001002️⃣ 문자(String) 데이터 정렬..

SQL에서 덧셈 연산자(+)와 집계 함수(SUM(), AVG(), COUNT() 등)는 숫자 데이터를 처리할 때 많이 사용됩니다.하지만 연산 방식이 다르기 때문에 잘못 사용하면 예상과 다른 결과가 나올 수 있습니다.✅ + 연산자와 SUM() 함수의 차이SQL에서 덧셈(+) 연산자와 SUM() 함수는 모두 숫자 데이터를 다룰 때 사용되지만, 용도가 다릅니다. 연산 역할 NULL 처리 그룹별 계산 가능 여부+개별 행의 값을 더함NULL이 포함되면 결과 NULL❌SUM()여러 행의 값을 합산NULL 무시✅1. + 연산자두 개 이상의 숫자를 단순히 더하는 연산자행(row) 단위 연산이므로 개별 행의 값만 더할 수 있음NULL 값을 만나면 결과가 NULL이 됨 ( 0 + NULL = NULL )SELECT 100..