프론트엔드 면접 부수기 🦢

🐢 스터디 멤버

이승현	이수화	이원주	김준엽

🕓 스터디 시간

일시 : 매주 목요일 19:00 ~ 21:00 (유동적) 방식 : 대면

📚 스터디 진행방식

• 프론트엔드 면접질문 리스트를 활용한다
• 주 6개의 질문을 각자 공부해오고 서로 공유
• 자신이 맡은 파트 정리 ➡️ 수요일 자정까지 노션 업로드
• 스터디한 내용을 토대로 자료 보완 ➡️ 주말까지 깃 커밋하기

🚩 스터디 공통 목표

12월 내로 JavaScript, React, Frontend 의 질문 리스트 모두 깊이 이해하고 다른 사람을 이해시킬 수 있도록 논리있게 설명하는 능력 갖추기

🖥 Frontend

• DNS에 대해 설명해 주세요.

• 브라우저 주소창에 www.google.com을 입력하면 발생하는 일을 설명해 주세요.

• 브라우저 렌더링 과정을 설명해 주세요.

• URI과 URL의 차이

• RESTful API에 대해 설명해 주세요.

• Webpack, Babel, Polyfill에 대해 설명해 주세요.

• SPA, CSR, SSR의 차이를 설명해 주세요.

• CORS가 무엇이며, 해결하기 위한 방법에 대해 설명해 주세요.

• Sementic Markup에 대해 설명해 주세요.

• HTML에서의 attributes와 properties의 차이점을 설명해 주세요.

• 로컬 스토리지, 세션 스토리지, 쿠키에 대해 설명해 주세요.

• Event loop에 대해 설명해 주세요.

• MVC, MVVM 패턴에 대해 설명해 주세요.

• HTTP와 HTTPS의 차이점을 설명해 주세요.

• 페이지 로드 시간을 줄이는 방법들에 대해서 설명해 주세요.

• 테스트 코드에 대해 설명해 주세요.

• 웹 서비스 배포 시스템 구축 경험이 있으신가요?

• CI/CD에 대해 설명해 주세요.

⚡️ JavaScript

• Sync와 Async의 차이점을 설명해 주세요.

• Blocking과 Non-Blocking의 차이를 설명해 주세요.

• 콜백함수에 대해 설명해 주세요.

• 콜백지옥의 의미와 콜백지옥을 해결하는 방법을 설명해 주세요.

• Promise와 Async, Await의 차이를 설명해 주세요.

• map과 forEach의 차이를 설명해 주세요.

• var, let, const의 차이를 설명해 주세요.

• 메서드 체이닝에 대해 설명해 주세요.

• 일반 함수와 화살표 함수의 차이

• this의 의미를 설명해 주세요.

• 함수 선언형과 함수 표현식의 차이를 설명해 주세요.

• 호이스팅에 대해 설명해 주세요.

• 이벤트 버블링과 이벤트 캡처링에 대해 설명해 주세요.

• 이벤트 전파와 이벤트 위임에 대해 설명해 주세요.

• 클로져에 대해 설명해 주세요.

• 렉시컬 스코프에 대해 설명해 주세요.

• 스코프와 스코프 체인에 대해 설명해주세요.

• 실행 컨텍스트에 대해 설명해 주세요.

• 프로토타입과 프로토타입 체인에 대해 설명해 주세요.

• 깊은 복사와 얕은 복사의 차이점을 설명해 주세요.

• 구조 분해 할당(destructuring) 대해 설명해 주세요.

• spread 문법과 rest 문법의 차이에 대해 설명해 주세요.

• ES6에서 생긴 큰 변화들에 대해 설명해 주세요.

• Ajax에 대해 설명해 주세요.

• import와 require의 차이점에 대해 설명해 주세요.

• npm에 대해 설명해 주세요.

• package.json과 package-lock.json의 역할에 대해 설명해 주세요.

• typescript를 쓰는 이유에 대해 설명해 주세요.

• null, undefined, undeclared, NaN에 대해 설명해 주세요.

• 자바스크립트 데이터 타입에 대해 설명해 주세요.

• mutable과 immutable에 대해 설명해 주세요.

• throttle과 debounce에 대해 설명해 주세요.

• iterable, iterator, generator에 대해 설명해 주세요.

• 자바스크립트 동작 원리에 대해 설명해 주세요.

🍇 React

• DOM에 대해 설명해 주세요.

• Virtual DOM에 대해 설명해 주세요.

• 클래스형 컴포넌트와 함수형 컴포넌트의 차이를 설명해 주세요.

• React의 장점과 단점을 설명해 주세요.

• JSX에 대해 설명해 주세요.

• 브라우저는 JSX 파일을 읽을 수 있나요?

• 재조정(Reconciliation) 개념에 대해서 설명해 주세요.

• state와 props의 차이를 설명해 주세요.

• 자식 컴포넌트에서 props를 변경할 수 있나요?

• useEffect와 useLayoutEffect의 차이 대해 설명해 주세요.

• state를 직접 변경하지 않고 setState를 사용하는 이유를 설명해 주세요.

• React rendering 성능을 향상하기 위한 방법들을 설명해 주세요.

• Props drilling의 개념과 Props drilling을 피하는 방법에 대해 설명해 주세요.

• 전역 상태 관리 방법에 대해 설명해 주세요.