Web

javascript

browser

web api

• webApi
• window size
• window load
• window coordinates

DOM

• DOM
• CSSOM
• Render Tree
• Critical rendering path

Event Loop

• Process,Thread
• javascript runtime
  
  

concept

• dataType
• excutionContext
• this
• callBack
• closure
• prototype
• class
• promise
• async & await
• spreadOperator
  
  

functional-javascript

• docs

React

Concept

• what is react
• VDOM
• jsx
• props
• state
• component
• lifeCycle
• CSS Preprocessor
  
  

Library

• fetch & axios
  
  

Next.js

• what is next.js

• Navigate Between Pages

• Assets,Metadata, and CSS

• pre-rendering and Data Fetching

• Dynamic Routes

• API Routes

  
  
  
  
  

algorithm

• baekJoon
• inflearn
• leetcode
  
  
  
  

Network

• internet network
• URI와 웹 브라우저 요청 흐름
• HTTP 기본
• HTTP method
• HTTP method 활용
• HTTP 헤더1(일반)
• HTTP 헤더2(캐시와 조건부요청)

GraphQL

• what is GraphQl
• Server - GraphQL
• Client - GraphQL

webPack

• what is webpack
• config
• devServer
• hot module replacement
• optimization