🎓 취준생이라면 반드시 알아야 하는 프론트엔드 지식들

목차

• 소개
• 프론트엔드 전반
• JavaScript
• TypeScript
• HTML
• CSS
• React
• 백엔드 전반
• 네트워크

✨ 소개

프론트엔드 개발자로 취업하기 위해 반드시 알아야 한다고 생각하는 지식들을 모아 놓았습니다. 실제 면접 질문들과 책 혹은 구글링을 통해 얻은 것들을 정리한 것입니다.

⭐ 내용에 오류가 있다면 Pull Request를 통해서 알려주시면 감사하겠습니다.

💻 프론트엔드 전반

• BOM과 DOM
• 브라우저 렌더링
• 브라우저 저장소 - Cookie, localStorage, sessionStorage
• CI와 CD
• CSR과 SSR
• url을 입력하면 벌어지는 일
• 자바스크립트 엔진
• Webpack과 Babel

🍎 JavaScript

• == vs ===
• falsy한 값
• null vs undefined
• var vs let vs const
• 실행 컨텍스트
• this
• 클로저
• Prototype
• 스코프 (Scope)
• 호이스팅 (Hoisting)
• JavaScript 함수
• JavaScript 이벤트
• 이벤트 루프 (Event Loop)
• 비동기 처리
• Promise
• DOM 객체
• 네이티브 객체 vs 호스트 객체
• 엄격 모드
• 모듈 시스템
• Reflow, Repaint
• ES6의 특징
• ES7+의 특징

🍒 TypeScript

• TypeScript에 대해
• type vs interface

📃 HTML

• data- 속성
• DOCTYPE
• 표준 모드와 호환 모드
• script 태그의 위치
• script, script async, script defer
• 시맨틱 마크업

🎨 CSS

• CSS 애니메이션 vs JS 애니메이션
• block vs inline vs inline-block
• box-model
• 그리드 시스템 - float, flexbox, grid
• height 속성
• CSS 선택자
• 스타일링 방법 - CSS 전처리기, styled-components

💙 React

• React에 대해
• Virtual DOM
• React hooks
• 함수형 컴포넌트 vs 클래스형 컴포넌트

🛠 백엔드 전반

• 쿠키와 세션
• JWT
• OAuth
• GraphQL, Apollo, Prisma 소개

📈 네트워크

• CORS
• HTTP
• HTTP vs HTTPS
• REST API