개발노트

✅ 1. Git으로 초기화된 로컬 프로젝트 확인먼저 로컬에서 작업 중인 폴더가 Git 저장소로 초기화되어 있어야 합니다. 프로젝트 폴더에 .git 폴더가 존재하면 Git이 정상적으로 초기화된 것입니다.예시: C:\SPRING-JWT\Spring-JWT\.gitGit 초기화가 안 되어 있다면, 아래 명령어로 먼저 초기화하세요git init​ ✅ 2. SourceTree 실행 후 "로컬 저장소 열기" 1. SourceTree 실행2. 메인 화면에서 "로컬 저장소 열기" 클릭 또는 메뉴에서 파일(File) > 열기(Open) 선택3. C:\SPRING-JWT\Spring-JWT 와 같이 Git 저장소가 있는 루트 디렉토리를 찾아서 선택4. "열기(Open)" 버튼 클릭 ✅ 3. 저장소가 추가되면 완료! ..

🧩 1단계: GitHub에서 새 레포지토리 만들기https://github.com 접속우측 상단 + 버튼 → New repository 클릭아래 항목 입력:Repository name: 예) my-projectDescription: (선택사항)Private/Public 선택✅ README, .gitignore, license는 비워두기[Create repository] 버튼 클릭레포지토리를 만들면 GitHub에서 git remote add 명령어 등을 포함한 안내가 나와요. 복사해두세요! 🧩 2단계: 로컬에서 Git 초기화 및 커밋1. 터미널 또는 명령 프롬프트 열기 2. 프로젝트 폴더로 이동cd C:/Users/사용자명/your-project3. Git 초기화git init4. 프로젝트 내 모든 파..

Oracle Database 안에 만드는 **함수(Function)**입니다.입력값을 받아서 계산하거나 결과를 리턴하는 프로시저블한 객체입니다.SQL문 안에서도 사용할 수 있고, 다른 프로시저나 트리거에서도 호출할 수 있습니다. 1. 기본 구조CREATE OR REPLACE FUNCTION 함수명 (파라미터명 데이터타입, ...)RETURN 반환타입IS -- 변수 선언부BEGIN -- 실행 로직 RETURN 반환값;END; 2. 예제1) 간단한 숫자 제곱 함수CREATE OR REPLACE FUNCTION get_square (p_num IN NUMBER)RETURN NUMBERISBEGIN RETURN p_num * p_num;END;사용법:SELECT get_square(4) FROM dual..

JavaScript를 쓰다 보면 객체를 복사하거나, 병합하거나, 일부 속성만 바꾸고 싶을 때가 많다.이때 아주 간단하고 강력하게 사용할 수 있는 문법이 바로 객체 확장 문법(spread syntax) 이다. Spread 문법이란?객체 앞에 ...을 붙이면, 해당 객체의 속성들을 펼쳐서 복사하거나 병합할 수 있다.ES6 이후부터 지원된다. 1. 객체 복사 (Spread)const user = { name: 'Tom', age: 30 };const newUser = { ...user };console.log(newUser); // { name: 'Tom', age: 30 }...user는 user 객체의 모든 키-값을 펼쳐서 새로운 객체를 만든다. 2. 객체 병합 (Spread) const user = {..

🎯 JavaScript 이벤트 위임(Event Delegation)이란?프론트엔드 개발을 하다 보면 버튼이나 리스트 아이템 등 여러 개의 요소에 클릭 이벤트를 걸어야 할 때가 많습니다.이때, 각 요소마다 이벤트 리스너를 하나씩 다는 건 비효율적일 수 있어요.바로 이럴 때 유용한 패턴이 이벤트 위임(Event Delegation) 입니다! 👀 이벤트 위임이란?이벤트 위임은 하위 요소에서 발생한 이벤트를 상위 요소에서 처리하는 방식입니다.DOM의 이벤트 버블링(bubbling) 특성을 활용하여, 하위 요소에 직접 이벤트를 달지 않고, 공통 부모 요소에 이벤트를 위임(delegate) 해서 처리하는 것이죠. 📦 왜 써야 할까? (장점)1. 성능 개선→ 수십 개의 요소에 각각 이벤트를 등록하는 대신, 단 ..

- Auto Rename Tag : HTML 태그 자동 수정- Color Highlight : 컬러 코드 강조 - CSS Peek : CSS ID와 Class 이름 자동 완성 제공- Error Lens : 에러 옆에 표시- Highlight Matching Tag : 짝을 이루는 닫는 태그 강조 표시- HTML CSS Support- HTML End Tag Labels : 닫는 태그에 ID나 Class 표시- HTML to CSS autocompletion- IntelliSense for CSS class- Prettier - Code formatter : 코드 포멧터

1. UpsertUpsert는 Elasticsearch에서 문서가 존재하면 업데이트하고, 존재하지 않으면 새로 삽입하는 작업을 수행하는 기능입니다.  2. Upsert 동작 방식1) 문서가 존재하는 경우 upsert 데이터는 무시됩니다.doc 또는 script를 사용해 기존 문서의 일부만 업데이트합니다.2) 문서가 존재하지 않는 경우upsert 데이터를 사용해 새로운 문서를 생성합니다. 3. Upsert 구조POST /index_name/_update/document_id{ "doc": { "field1": "value1", "field2": "value2" }, "upsert": { "field1": "default_value1", "field2": "default_value..

Elasticsearch에서 script는 쿼리나 집계(Aggregation) 실행 시 커스텀 로직을 적용하기 위해 사용하는 기능입니다.스크립트를 사용하면 데이터 검색, 필터링, 집계, 업데이트 등 다양한 작업을 더 동적으로 처리할 수 있습니다.[주요 기능 및 용도]필드 값 계산예: 특정 필드 값을 조합하거나 계산하여 검색 조건에 사용._source에서 데이터를 불러와 계산 가능.조건부 로직 적용특정 조건에 따라 문서를 필터링하거나 결과를 조정.예: 특정 필드 값이 특정 범위 안에 있는 문서만 검색.커스텀 점수 계산 (Scoring)기본 점수 계산 로직을 덮어쓰고 커스텀 점수를 적용.예: 특정 키워드가 포함된 문서에 높은 점수를 부여.집계 결과 조정집계 도중 데이터를 가공하거나 커스텀 계산 수행.예: 평..