개발노트

1️⃣ SSL 개념 이해1-1. SSL이란 무엇인가?SSL은 “서버의 신분을 증명하고, 통신 내용을 암호화하는 기술”이다.HTTPS = HTTP + SSL브라우저 ↔ 서버 간 통신을 암호화사용자는 접속한 서버가 진짜 서버인지 인증서를 통해 확인그래서 URL이http:// ❌https:// ⭕ 로 바뀐다1-2. SSL이 없으면?로그인 정보가 평문으로 전송됨중간자 공격 가능브라우저에 “안전하지 않음” 경고 표시➡️ 운영 서비스에서는 SSL 필수1-3. SSL 인증서 구성 요소✅ 인증서 (Certificate)확장자: .crt, .pem서버의 신분증공개되어도 문제 없음✅ 개인키 (Private Key)확장자: .key인증서와 1:1로 짝❗ 절대 외부 유출 금지✅ 체인 인증서 (Chain / Intermedia..

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