I'm sw engineer!

핵심 개념메인축(main axis) → justify-content교차축(cross axis) → align-items보통 flex-direction: row(가로 방향)일 때:justify-content: space-between; → 좌우 끝으로 배치align-items: flex-start / center / flex-end → 세로 기준 정렬 가로배치는 양끝으로,세로배치는 맨 아래로. 좌우 끝으로 배치 → justify-content: space-between;세로 아래로 붙이기 → align-items: flex-end;

.ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word;}👉 주요 특징:line-height와 padding으로 편집 영역의 기본 레이아웃 지정white-space: pre-wrap → 줄바꿈 유지word-wrap: break-word → 긴 단어 자동 줄바꿈overflow-y: auto → 내용이 길면 스크롤 생김이미지 → 기본적으로는 원본 크기로 들어가..

오류 메시지 "Uncaught SyntaxError: Unexpected token '>'"는 JavaScript 파싱 단계에서 문법 오류가 발생했음을 의미합니다. HTML 주석 안에 문자가 들어가 있는 경우, 혹은 주석 내부에서 JS 코드 주석() 사용 등입니다. JS 코드에서 HTML 주석으로 인식하고, 그 뒤의 > 때문에 SyntaxError 발생 가능.JavaScript에서는 // 또는 /* ... */ 를 사용해야 합니다.

Oracle에서 RAW 타입은 **"가공하지 않은(binary) 데이터"**를 저장하는 자료형입니다.쉽게 말하면 문자가 아니라 순수한 바이트(byte) 값을 저장하는 거예요.📌 RAW 타입 특징문자열이 아님 → 인코딩 안 된 바이트 시퀀스 저장보통 길이는 최대 2000 바이트 (RAW(n) 에서 n ≤ 2000)VARCHAR2 와 달리 문자셋/인코딩 변환 없음출력하면 보통 16진수(hex) 형태로 보입니다📌 사용 예시바이너리 데이터 저장 CREATE TABLE raw_test ( id NUMBER, data RAW(16) -- 16바이트 저장 가능);INSERTINSERT INTO raw_test VALUES (1, HEXTORAW('7F45C210'));SELECT SELECT data..

DBMS_LOB.SUBSTR 는 Oracle에서 LOB 타입(CLOB, BLOB) 데이터를 잘라서VARCHAR2 나 RAW 타입으로 변환해주는 함수예요.CLOB 은 그대로는 ORDER BY 나 GROUP BY 에 못 쓰기 때문에, 이 함수로 문자열을 잘라내 변환해야 합니다. 📌 기본 구조 DBMS_LOB.SUBSTR( lob_loc IN CLOB/BLOB, -- 잘라낼 LOB 데이터 amount IN INTEGER, -- 잘라낼 길이 (문자 수 또는 바이트 수) offset IN INTEGER := 1 -- 시작 위치 (1부터 시작)) RETURN VARCHAR2 | RAW;📌 파라미터 설명lob_loc잘라낼 대상 LOB (예: CLOB 컬럼, BLOB 컬럼..

ORA-00932: 일관성 없는 데이터 유형: -이(가) 필요하지만 CLOB임컬럼이 CLOB 타입이라서 정렬을 직접 할 수 없습니다.(Oracle은 CLOB 타입을 ORDER BY, GROUP BY 등에서 바로 사용할 수 없어요.) 해결 방법CLOB을 VARCHAR로 캐스팅만약 데이터가 4000자 이하라면 DBMS_LOB.SUBSTR 또는 CAST로 잘라서 정렬해야 합니다.여기서 4000은 잘라낼 길이, 1은 시작 위치예요. (VARCHAR2 최대 4000자까지 정렬 가능) ORDER BY M.TENANT_CD, DBMS_LOB.SUBSTR(M.SP_MEMO, 4000, 1) ASC, M.INS_DT DESCSP_MEMO를 단순 조회용으로만 사용정렬이 꼭 필요하지 않다면, 그냥 ORDER BY에서 빼세..

toggleClass() 는 jQuery에서 클래스를 켜고 끄는 스위치 역할을 하는 메서드입니다. 동작 방식지정한 클래스가 없으면 → 추가지정한 클래스가 있으면 → 제거즉, 한 번 호출할 때마다 상태가 토글(ON ↔ OFF)됩니다. $(this).find("a.panel").toggleClass("active");이 코드는 this 요소 안에서 a.panel 요소를 찾아서:현재 .active 클래스가 있으면 → 제거없으면 → 추가

, eventLimit: true // 더 보기 기능 활성화, eventLimitClick: 'popover', // "더 보기" 클릭 시 팝업을 띄워서 나머지 이벤트 표시, views: { dayGridMonth: { eventLimit: 4 // 더보기 포함해서라 4로 설정 }}, eventPositioned: (info) => { if (info.view.viewSpec.type == 'dayGridMonth') { const moreLink = $(".fc-more-cell").find(".fc-more"); if (moreLink.length) { moreLink.each(function() { ..

header: { left: 'title', center: '', right: 'dayGridMonth,dayGridWeek,dayGridDay today prev,next',} 주간 뷰에서 시간을 제외하고, 일 단위로만 보고 싶으면timeGridWeek를 쓰지 말고 dayGridWeek를 하면 된다.

groupId 속성을 사용하면 같은 그룹으로 묶인 이벤트로 취급할 수 있습니다.const event = { id: 'MENU123_REQ', groupId: 'MENU123', // ← menuCd로 그룹화 title: '테스트', ...}FullCalendar에서 eventClick 또는 eventMouseEnter, eventMouseLeave 같은 이벤트에서 groupId로 묶인여러 이벤트를 한꺼번에 처리하려면 다음과 같은 방식으로 접근할 수 있습니다. ✅ 예시: eventClick에서 groupId로 묶인 이벤트 전체 선택하기eventClick: function(info) { const calendarApi = info.view.calendar; const clickedEvent = i..