나 혼자 복습하려고 기록하는거라 가독성 0임💯 1. CI/CDCI/CD 이점1. 코드의 변경사항을 빠르게 배포, 개발 속도 높아짐2. 자동화된 배포 프로세스로 수동의 위험도 줄임, 배포 과정의 비용 절감3. 개발자들의 코드 변경을 쉽게 통합CI = 지속적 통합 : 빌드와 테스트를 자동화해서 공유 저장소에 병합 시키는 프로세스ex) git 사용 시 여러 개발자가 하나의 공유 저장소 사용하게 됨→ 그러면 변경 사항이 저장소에서 통합되지 않게 되면, 서로 충돌 위험이 있음CI 프로세스 예시1. 개발자가 코드 작성 후 Git에 푸시.2. CI 툴(예: GitHub Actions)은 푸시된 코드를 받아 빌드하고 테스트를 실행. 3. 테스트가 성공하면 배포 준비가 완료된 상태로 코드가 메인 브랜치에 통합. 4. ..

다른 사람이 정리한 레퍼런스들 보면서 내가 걍 다시 복습하려고 정리하는 TIL이라서 가독성 0임 💯1. 브라우저 렌더링 원리⇒ 우선 렌더링이 뭐냐 ?컴퓨터 프로그램을 이용해 데이터를 이미지로 변환하거나, 여러 요소를 하나의 파일로 합치는 과정⇒ 그럼 렌더링 엔진은 ?브라우저마다 렌저링 수행하는 엔진을 가지고 있는데, ex) 크롬 → 블링크, 사파리 → 웹킷 등브라우저 렌더링 작동 방식 : CRP라는 프로세스 사용!1. HTML을 파싱해서 DOM트리 구성2. CSS를 파싱해서 CSSOM트리 구성 3. javascript(동작) 실행 4. DOM과 CSSOM을 조합해서 렌더트리 구축 5. 레이아웃 단계: 뷰포트 기반으로 랜더트리의 각 노드가 가지는 위치와 크기 계산 6. 페인트 단계: 계산한 위치 크기 기..