나혼자 공부하고 복습 정리하는거라 가독성 0임.. 💯 1. 클로저클로저 : 함수 내부에 있는 지역변수의 상태값을 기억하는 거! 함수는 한 번 호출되면 실행 컨텍스트라는 특별한 환경을 만듭니다. 그 안에 지역 변수도 있고요. 그런데 클로저는 이 실행 컨텍스트가 끝난 후에도, 그 안에 있는 변수들을 기억할 수 있게 함! 외부에선 직접 접근이 불가함⇒ 안전한 상태관리! 코드의 안정화 (전역변수는 누구나 접근,바꾸게 되는데 얘는 캡슐화 되어서 불가함)function makeCounter() { let count = 0; // 'count'는 makeCounter() 함수 내부의 지역변수 return function() { count++; // 반환된 함수가 count에 접근해서 값을 변경 ret..

나 혼자 복습하려고 기록하는거라 가독성 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. 페인트 단계: 계산한 위치 크기 기..