프론트엔드 개발자 기술 면접 준비하기!

① JS > ② CS > ③ React > ④ HTML/CSS

문제 출처

• https://github.com/junh0328/prepare_frontend_interview
• 스터디하면서 나올 것 같다고 생각한 꼬리 질문

• 프로세스란?
• 스레드란?
• 프로세스와 스레드의 차이
• 프로세스끼리 정보를 공유하는 방법
• class, object, instance의 차이

• 싱글 스레드의 장단점
• 멀티 스레드의 장단점
• 동기화의 예시
• 자바스크립트는 싱글 스레드인가요, 멀티 스레드인가요?

• 쿠키, 세션을 왜 쓰나요?
• 쿠키가 뭔가요?
• 세션이 뭔가요?
• 쿠키와 세션의 차이는 어떤 점이 있을까요?

• CORS가 뭔가요?
• CORS를 겪고 직접 해결해 본 경험이 있으면 말해주세요

• 폭포수 방법론이란 뭔가요?
• 애자일 방법론이란 뭔가요?
• 폭포수, 애자일 방법론 차이

• 캐시란 무엇인가요?
• 캐싱

• IaaS
• Paas
• Saas

• 프로그래밍이란?
• 컴파일러와 인터프리터

+)

• 컴파일의 과정

• 자바스크립트의 특징

+)

• ajax란?
• 함수형 프로그래밍이란?

• 명시적 타입 변환이 뭔가요?
• 명시적 타입 변환 함수를 예를 들어볼 수 있나요?
• 암묵적 타입 변환이 뭔가요?
• truthy / falsy 한 값이 뭔가요?
• 단축평가

• 자바스크립트에서 객체란 뭘까요?
• 함수와 메서드의 차이점에 대해 알고 계신가요?
• 자바스크립트에서 객체를 생성하는 방법은 어떤 것들이 있나요?

• 동적 타이핑을 지원하는 자바스크립트에서 데이터의 타입을 크게 2개로 나누는 이유가 있을까요?
• 값에 의한 전달이 뭔가요?
• 참조에 의한 전달이 뭔가요?

• 자바스크립트에서 함수를 정의하는 방법은 몇가지가 있나요?
• 함수 선언문과 함수 표현식은 어떤 차이가 있나요?
• 즉시 실행 함수(IIFE)에 대해 알고 있나요? 알고 있다면 아는 내용에 대해 말해보세요

• 생성자 함수가 뭔가요?
• 객체 리터럴로 만들 때와는 무슨 차이가 있죠? 왜 생성자 함수를 사용하나요?
• 생성자 함수가 객체(인스턴스)를 생성하는 과정에 대해 간략하게 설명해줄 수 있나요?

• 객체지향 프로그래밍
• 프로토타입

• 빌트인 객체가 뭔가요? 종류는 어떤게 있죠?
• 래퍼 객체에 대해서 알고 있나요?
• 꼭 생성자 함수로 정의해야 하나요?

• 실행 컨텍스트에 대해 말해보세요
• lexicalEnvironment는 함수가 실행됐을 때 설정이 되는가?

• this가 뭔가요?
• this 바인딩이란?
• this는 동적으로 바인딩이 된다고 하는데 바인딩되는 객체가 어떻게 다르나요?

+)

• 렌더링의 과정
• 리액트에 불변성이 필요한 이유

• context API
• 상태 관리 라이브러리
• 이벤트 버스

• DOCTYPE이란?
  • 왜 DOCTYPE을 문서 최상단에 적어야 할까?

• meta tag란?
  • meta tag의 요소

• span, div, p tag의 차이점은?

• 웹 표준
  • 웹 표준이란?
  • HTML5에서 추가된 내용이 있나요?
  • 크로스 브라우징이란 무엇인가요?
• 웹 접근성이란?
  • 웹 접근성에 맞는 마크업 예시 몇가지 말해보시오
  • 시멘틱 태그란 무엇인가 왜 사용하는가
• 태그 관련
  • 텍스트 관련 태그
  • SEO란 무엇인가?
  • Button 태그의 Default type은 무엇인가?
  • Section 태그와 article 태그의 차이점

• Display란?

• flex 를 사용하는 이유가 무엇인가요?
• Grid를 사용하는 이유가 무엇인가요?

• SVG 장점과 단점
• SVG 내부 도형에 대해 아는게 있나요?
• SVG CSS 스타일 지정방법

• 효율적으로 데이터를 관리해야 하는 이유 (예시)