I'm sw engineer!

Oracle은 ADD + COMMENT 원샷 문법 없음무조건 별도 COMMENT 구문 필요-- 1) 새로운 컬럼 추가 (ADD)ALTER TABLE EMP_TEST ADD EMP_TYPE VARCHAR2(10) DEFAULT 'N' NOT NULL;-- 2) 새로 추가한 컬럼에 COMMENT 달기 (별도 실행 필요)COMMENT ON COLUMN EMP_TEST.EMP_TYPE IS '사원구분';📌 설명:위 1번 ALTER TABLE ... ADD 에서는 COMMENT 를 바로 붙일 수 없음반드시 2번처럼 COMMENT ON COLUMN 구문을 별도로 실행해야 함따라서 Oracle 에서는 “ADD + COMMENT 한 문장 처리”는 불가능👉 만약 “한 번에 실행하고 싶다”면, PL/SQL 블록으로..

Oracle 기준❌ 안 되는 경우 SELECT COALESCE(SUM(DTL.REAL_AMT), 0) AS REAL_AMT, COALESCE(SUM(DTL.REAL_AMT), 0) * 0.1 AS REAL_AMT_10P, REAL_AMT + REAL_AMT_10P AS REAL_AMT_TOTAL -- ❌ alias 직접 사용 불가→ SELECT 절 안에서는 같은 레벨의 alias 를 바로 참조할 수 없어요.그래서 REAL_AMT 와 REAL_AMT_10P 를 여기서 그대로 쓰면 에러 납니다. ✅ 되는 방법 2: 서브쿼리 감싸기 SELECT REAL_AMT, REAL_AMT_10P, REAL_AMT + REAL_AMT_10P AS REAL_AMT_TOTALFROM ( ..

1. Object.entries(grouped)Object.entries() 는 객체를 [key, value] 쌍의 배열로 바꿔줍니다.예를 들어:const grouped = { "1": [{ id: 1 }, { id: 2 }], "2": [{ id: 3 }]};console.log(Object.entries(grouped));출력:[ ["1", [{ id: 1 }, { id: 2 }]], ["2", [{ id: 3 }]]]즉, grouped 객체가 { key: value } 구조라면Object.entries(grouped) → [ [key1, value1], [key2, value2], ... ]2. for (const [typeTp, items] of ...)for...of 구문은 배열을 순회할..

1️⃣ 기본 개념toLocaleString()은 숫자(Number)나 날짜(Date)를 사용자 지역(locale)에 맞는 형식으로 문자열로 변환하는 자바스크립트 메서드입니다.숫자 → 천 단위 구분, 소수점 자리수, 통화 기호 등날짜 → 지역별 날짜/시간 형식 2️⃣ 숫자 예시const num = 1234567.89;console.log(num.toLocaleString()); // 출력: "1,234,567.89" (기본 브라우저 로케일 기준),로 천 단위 구분소수점 유지console.log(num.toLocaleString('de-DE')); // 독일식 출력: "1.234.567,89"독일은 .로 천 단위, ,로 소수점 표시console.log(num.toLocaleString('ko-KR')); /..

$(새로운요소).insertAfter(타겟요소);타겟 요소의 "뒤"에 새로운 요소를 삽입합니다.

insertBefore는 jQuery 메서드로,선택한 요소 앞에 새로운 요소(노드)를 삽입할 때 사용합니다. $(새로운요소).insertBefore(타겟요소); 새로운요소 : 문자열(HTML) 또는 jQuery 객체타겟요소 : 기준이 되는 요소. 이 앞에 새로운 요소가 삽입됨

변환할 데이터가 null(또는 undefined) 상태라서 replace 함수를 쓸 수 없는 거예요. 해결 방법null/undefined 체크 후 실행const hpNo = this.detail.hpNo || "";const formattedHpNo = hpNo.replace(/^(\d{3})(\d{3,4})(\d{4})$/, '$1-$2-$3'); Optional chaining 사용 (ES2020+)const formattedHpNo = this.detail.hpNo?.replace(/^(\d{3})(\d{3,4})(\d{4})$/, '$1-$2-$3') || ""; 조건문으로 직접 처리let formattedHpNo = "";if (this.detail.hpNo) { formattedHpNo =..

grid-column, grid-row에서 몇 칸까지 설정 가능한지는 결국 **그리드를 몇 칸으로 나눴느냐 (grid-template-columns, grid-template-rows)**에 따라 달라져요.1. 칸(셀)의 기준 = grid line (격자선)칸 자체가 아니라 **칸을 구분하는 선(line)**을 기준으로 번호가 매겨집니다.예를 들어 grid-template-columns: repeat(3, 100px); → 3개의 열이 생기면, 선은 4개가 생겨요. 즉, grid-column은 선 번호를 기준으로 "어디서 시작해서 어디까지"를 지정하는 거예요.2. 사용자가 칸 개수 설정몇 칸으로 나눌지는 개발자가 grid-template-columns(가로), grid-template-rows(세로)로 ..

grid-column과 grid-row는 CSS Grid Layout에서 아이템이 어느 열(column), 어느 행(row)에 위치할지 제어하는 속성이에요.1. 기본 개념CSS Grid는 행(row)과 열(column)로 나뉜 2차원 레이아웃 시스템.각 셀은 **격자선(Grid line)**으로 구분돼요.grid-column과 grid-row는 아이템이 어느 선부터 어느 선까지 차지할지 지정하는 속성이에요.2. grid-column .item { grid-column: 1 / 3; }➡️ 1번 선부터 3번 선 직전까지 차지 → 즉, 2칸을 가로로 점유.세부 속성grid-column-start: 시작하는 선 번호grid-column-end: 끝나는 선 번호단축형: grid-column: start / en..

capitalizeFirstLetter는 꽤 자주 쓰이는 유틸이에요.🔹 주로 쓰이는 경우UI 표시용 텍스트 가공사용자 이름, 주소, 상품명 등을 표시할 때 첫 글자만 대문자로 보이게 하고 싶을 때console.log("apple".capitalizeFirstLetter()); // "Apple"문장 포맷팅설명, 제목, 메시지 등을 자연스럽게 보이게 하기 위해 첫 글자를 대문자로 변환데이터 표준화DB나 API에서 내려오는 문자열이 전부 소문자/대문자일 때, 화면에는 "보기 좋게" 첫 글자만 대문자로 표기