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

1주차 세션에선 웹개발의 기본중에 기본! 순정! HTML, CSS, JAVASCRIPT 개념에 대해서 배워봤는데요. 이 세션과 연관지어 같이 더 풀어볼 수 있는 소재를 찾아보다가,, javascript에서 종종 쓰이는 this에 대해 정리해보려고 합니당~ 다른 언어에서도 this를 쓰는데 각자 돌아가는 작동 방식도 조금씩 달라서, javascript 내에선 어떻게 사용하고 어떤 개념이 있는지 알아보도록 합시다. 그럼 출~바알 🚀 동적 바인딩호출과 동시에 this가 결정됩니다. 특히 기본적으로 함수는 동적으로 this가 바인딩됩니다! 우선 기본 this는 뭘 가리키고 있을까요?? 한번 콘솔로 확인해보시져(1)console.log(this)그냥 아무것도 없는 상태에서 전역적으로 이래버리면 이 this 키..