Front-end CheckList

JavaScript

• 호이스팅이란?
• var/let/const 비교
• 이벤트 루프란?
• 함수 선언식/함수 표현식/화살표 함수
• 렉시컬 스코프란?
• 클로저란?
• this란?
• iterable/Iterator
• Generator란?
• module란?
• 디바운싱, 쓰로틀링이란?
• promise와 callback 차이
• async/await이란 무엇인지, promise와 차이
• setTimeout, setInterval 차이

TypeScript

• JavaScript와의 차이점

React

• React가 re-rendering 하는 조건
• React LifeCycle에 대해 설명
• Virtual DOM
• Virtual DOM은 트리가 변경되었는지 어떻게 비교
• React Hooks (useEffect, useState, useCallback, useMemo, useRef)
• react 에러 바운더리
• mobx와 redux중 redux 사용이유
• Anguler, React 중 사용이유

Web

• 브라우저 렌더링 원리
• 브라우저 저장소(Localstorage, SessionStorage, Cookie)
• 홈페이지 사용자에게 보이는 순서
• css margin/padding 비교
• GET/POST 비교
• SPA와 SSR 비교
• CORS 대처 및 우회
• CSRF
• 이벤트 버블링 / 이벤트 캡쳐링
• HTML이 렌더링중 JavaScript가 실행되면 렌더링 멈추는 이유

참고링크

• https://realmojo.tistory.com/300
• https://github.com/baeharam/Must-Know-About-Frontend
• https://velog.io/@lucas/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%A9%B4%EC%A0%91-%EC%A4%80%EB%B9%84-React