기록

Tistory 게시물로 GitHub Commit 남기기티스토리에 학습한 내용을 기록하면서 GitHub에 커밋을 남기는 방법이 없나 찾아보게되었습니다.Tistory RSS와 GitHub Actions를 활용해서 가능하다는 것을 알게되어서 정리하게 되었습니다!개념 미리 알고 시작하기GitHub Actions GitHub 저장소 내에서 자동화된 빌드, 테스트, 배포 작업을 설정하고 실행하는 CI/CD 서비스RSS (Rich Site Summary) 웹사이트나 블로그의 최신 콘텐츠를 자동으로 받아볼 수 있도록 표준화된 XML 기반 피드 형식Node.js와 npm 자바스크립트 런타임 환경과 그 패키지 매니저로, 프로젝트 의존성 관리에 사용됨완료된 GitHub Repo 바로 보러가기https://github.com..

이번에 자동화 파이프라인을 다시 작성하게 되었습니다. 작성하면서 npm install과 npm ci의 차이점에 대해 이해하게 되었습니다.사용하여 빌드환경에 의존성을 설치합니다. 이때 의존성이 기존 프로젝트와 동일한 환경에서 동작하게 하기 위해 우리는 package.json파일을 통해 의존성 관리를 합니다. 이번 포스팅에는 의존성관리를 꼭 해야하는 이유와 npm install과 npm ci의 차이, dependencie 환경과 devDependencies환경의 차이에 대해 정리하였습니다.의존성 관리란? 프로젝트에서 사용하는 외부 라이브러리의 버전, 설치 위치, 그리고 호환성을 일관되게 관리하는 작업을 말합니다. 특히 Node.js 생태계에서는 npm을 통해 수많은 라이브러리를 설치하고 버전을 지정하는 작업..

현대의 웹·모바일 서비스는 속도와 안정성이 생명입니다. 그렇기 때문에 전 세계 사용자에게 빠르게 콘텐츠를 전달하기 위해 우리는 CDN(Content Delivery Network, 콘텐츠 전송 네트워크)을 인프라 구성의 필수요소로 다룹니다! 너무 필수적이지만 우리는 CDN의 정확한 개념이 뭔지 Origin Server며 Edge Server, Edge Location이 뭔지 매번 학습하고도 잊어버리는 경우가 많습니다. 이번 포스팅에서 CDN의 개념과 동작 방식의 흐름을 이해하고 Origin Server와 Edge Server가 어떤 차이를 갖는지 살펴봅시다.CDN은 Content Delivery Network이다.말 그대로 콘텐츠를 배달하는 네트워크라고 생각하면 조금 쉽습니다. CDN은 전 세계에 분산..

첫 주차 항해를 마무리하면서 작성하는 회고첫 주차 과제는 바닐라 JS로 SPA 만들기를 하였다. 늘 프로젝트를 하면서 기술부채에 대해 문득문득 떠올렸던 나이기에 이번 과제에서 예상대로 학습부채의 쓴 맛을 보았다. 리액트에서는 이벤트 등록 시점을 신경 쓸 필요가 없어서 이벤트 등록 시점에 대한 고민을 크게 하지 않았다. 이번에 ReferenceError를 겪으면서 너무나 기초적이지만 나는 몰랐던 이벤트 등록 시점에 대해 다시 학습하게 되었다. 늘 기초가 튼튼한 개발자가 되고 싶다는 생각을 하게 되었는데 이번 1주 차를 겪고 항해를 통해 기초가 튼튼한 개발자가 되는 것에 몇 발자국 더 다가갈 수 있겠다는 확신이 들었다. 부지런히 1주 차 과제를 했다고 생각했지만 막상 과제를 하는 시간에는 집중을 잘 못했던 ..

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