💡 알아두면 좋은 것들/면접 대비

🚪 들어가며브라우저의 렌더링 과정에 대해서 알아보자 ! 브라우저의 렌더링 과정은 복잡한 여러 단계를 거친다.🪽 렌더링 과정DOM 파싱: HTML을 파싱하여 DOM 트리(문서 객체 모델)를 생성CSSOM 생성: CSS를 파싱하여 CSSOM 트리(스타일 규칙 트리)를 만듬렌더 트리 생성: DOM과 CSSOM을 결합하여 화면에 그릴 요소를 포함한 렌더 트리를 만듬레이아웃: 각 요소의 크기와 위치를 계산페인팅: 계산된 스타일과 위치에 따라 화면에 그림합성 단계: 복잡한 레이어를 관리하여 최적화된 화면 출력📿 이벤트 루프렌더링 과정은 HTML과 CSS를 기반으로 화면을 표시하는 데 집중하고, 이벤트 루프는 비동기 작업을 관리하여 사용자 인터랙션에 대한 반응성을 유지합니다. 이벤트 루프는 렌더링 과정의 수행과..

this는 함수를 호출한 객체이다💡 this ➡️｛⁇｝this는 어떤 객체를 가리키는 키워드이다 ! 그런데 this가 가리키는 객체는 상황에 따라 변한다.1. main함수를 만들고 this를 출력해보자.이렇게 main() 함수를 만들고 실행시켜 주면 this는 Window객체가 된다.즉, main() === Window.main()과 같은 의미인 것이다 👍 우리가 만든 main 함수도 잘 들어있다.2. object객체를 만들고 object의 main 메서드를 호출하여 this를 출력해 보자.3. object.main을 담는 main2를 출력해 보자.  main2 함수를 호출한 객체는 더 이상 object가 아니기 때문에 main2의 this는 Window객체를 출력한다.여기서 우리가 알아야할 점 !!..

interface인터페이스는 객체가 가져야 할 속성과 메서드를 정의하는 구조입니다. 객체의 구조를 정의하거나, 상속을 통해 코드의 재사용성을 높이는 데 주로 사용합니다.type alias특정 타입을 정의하는 데 사용됩니다.객체를 포함한 다양한 형태의 타입을 정의하는 데 사용되며, 더 유연한 정의가 가능합니다.🚨 interface는 '객체용이다.','상속하기 위한 용이다.'라고 말하는데 ❌ 아니다 !! type alias 방식도 객체, 상속 모두 가능하다 !! 1️⃣ 유연성 / 유니온 타입의 혼란 발생type aliastype Dog = | { eat(): string; woof(): string; } | {};const jindo: Dog = { constructor(pri..