Skip to content

9oormthon-cs-study/CS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

면접 대비 CS 스터디 🛠️

프론트엔드 개발자라면 알아야 할 CS, 네트워크관련된 지식을 정리한 레포입니다.

⓵ 목표

  • CS 기본 지식들을 깊이 있게 습득한다.

  • 알고 있는 내용을 명확하게 전달하는 연습을 한다.

  • 공부한 내용을 설명하여 죽은 지식이 아닌 살아있는 지식으로 바꾸고자 한다.

  • 면접 성공 -> 취뽀한다 ^^

⓶ 다루는 내용

  • 프론트엔드 개발자 중요도 문제 (1주차 ~ 4주차)
  • 네트워크 (4주차 ~ 8주차)

⓷ 주차별 진행상황

1주차 : [중요도5🔥] 문제 8개를 묻고 답하며 꼬리질문 모의면접을 진행합니다.

  • 브라우저의 렌더링 원리 - 브라우저의 렌더링 원리에 대해 설명해주세요.
  • Reflow와 Repaint가 실행되는 시점 - Reflow와 Repaint가 실행되는 시점에 대해 말씀해주세요.
  • 주소창에 google.com을 입력하면 일어나는 일 - 주소창에 google.com을 입력하면 일어나는 일에 대해 말씀해주세요.
  • 호이스팅(hoisting)이란? - 호이스팅에 대해서 설명해주세요.
  • 클로저(Closure)란? - 클로저에 대해서 설명해주세요.
  • CSS에서 margin과 padding이란? - CSS에서 margin과 padding에 대해서 설명해주세요.
  • CSS에서 position이란? - CSS에서 position을 어떻게 사용하는지 설명해주세요.
  • REST API란? - REST API란 무엇인지 설명해주세요.

2주차 : [중요도4🔥] 문제 6개를 묻고 답하며 꼬리질문 모의면접을 진행합니다.

  • this의 용법 - this의 용법에 대해 아는대로 설명해주세요.
  • 브라우저 저장소의 차이점 - 브라우저 저장소의 차이점에 대해 설명해주세요. (LocalStorage,SessionStorage,Cookie)
  • Restful API - Restful API에 대해 아는대로 설명해주세요. (GET, PUT, POST, PATCH, OPTION, DELETE)
  • JavaScript는 어떤 언어일까? - JavaScript는 어떤 언어인가요?
  • JavaScript에서 비동기적으로 코딩하기 - JavaScript에서 비동기적으로 코딩하는 법을 알려주세요.
  • Event Loop - Event Loop에 대해 알고 있으신가요?

3주차 : [중요도4🔥]

  • 마이크로태스크 큐, 태스크 큐 - 마이크로태스크 큐와 태스크 큐에 대해서 말씀해주세요.
  • 이벤트 전파 - 이벤트 버블링에 대해서 말씀해주세요.
  • 타입스크립트란? - 타입 스크립트 사용해 본적이 있나요? 어떤지 말씀해주세요.
  • 실행문맥(실행 컨텍스트) - 실행 문맥에 대해서 설명해주세요.
  • SPA, CSR, SSR의 차이 - SPA, CSR, SSR의 차이에 대해 설명해주세요.
  • null, undefined, undeclared, NaN - null, undefined, undeclared, NaN 에 대해 설명해주세요.

4주차 : [중요도3🔥]

  • HTML 렌더링 중에 JavaScript가 실행되면 렌더링이 멈추는 이유 - HTML이 렌더링 중에 JavaScript가 실행되면 멈추는데 그 이유는 무엇일까요?
  • require와 import의 차이점 - require와 import의 차이점에 대해 설명해주세요.
  • var, let, const의 차이점] - var, let, const의 차이점에 대해 설명해주세요.
  • sass(scss)의 장점 - SASS(SCSS)를 사용해본 적이 있나요? 기존 CSS와 비교할 때 어떤 면이 더 좋은가요?
  • CORS에 대처하는 방법과 우회하는 방법 - CORS에 대처하는 방법과 우회하는 방법에 대해 설명해주세요.
  • React의 라이프 사이클 - React의 라이프 사이클에 대해 설명해주세요.
  • ES6에서 Arrow 함수를 언제, 왜 쓸까? - ES6에서 Arrow 함수를 언제 쓰나요? 왜 쓰나요?

5주차 : [리액트 딥다이브 CHAPTER 01-02🌐]

  • 리액트 개발을 위해 알아야 할 자바스크립트의 주요 개념에는 무엇이 있나요?
  • 자바스크립트 함수의 특징은 무엇인가요?
  • 자바스크립트 클래스란 무엇인가요?
  • 클로저란 무엇이며, 리액트에서 왜 중요한가요?
  • 자바스크립트 이벤트 루프와 비동기 통신의 원리는 무엇인가요?
  • 리액트에서 자주 사용되는 문법과 기능에는 어떤 것들이 있나요?
  • 타입스크립트의 필요성과 리액트에서의 장점은 무엇인가요?

6주차 :

⓸ 참고 레퍼런스

👨🏻‍💻👩🏻‍💻 멤버 소개

가영 민성 아현 재윤 성민

About

개발자 면접 대비 CS 스터디

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published