기록

GitHub Actions로 Tistory 게시물 커밋 남기기 ( JavaScript )

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 차이

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

CDN 이해하기

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

WIL 1주차 : 바닐라 JS 마스터의 길

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

[SQL] 와이드한 너비로 결과값을 출력하려면 - PIVOT

✅ PIVOT으로 행 열 변환해서 출력하기PIVOT은 SQL에서 행(row)을 열(column)로 변환하는 데 사용되는 연산자입니다.주로 데이터 요약 및 분석에 유용하며, 쿼리 결과를 회전시켜 데이터를 다른 방식으로 나타낼 때 사용됩니다.PIVOT은 주로 다양한 값을 하나의 행으로 결합하고, 데이터 분석을 쉽게 만들기 위해 사용됩니다.✅ PIVOT 구문PIVOT 구문의 기본 구조SELECT 컬럼1, 컬럼2, ... FROM ( SELECT 행을변환할컬럼, 집계컬럼 FROM 테이블명) PIVOT ( 집계함수(집계컬럼) FOR 행을변환할컬럼 IN (변환할값1, 변환할값2, ...)); 행을변환할컬럼: 행을 열로 변환할 기준이 되는 컬럼.집계컬럼: 집계 함수가 적용될 컬럼입니다. 예를 들..