66일 포스팅 챌린지

스코프의 정의 및 종류 | 스코프 체인 | 함수 레벨 스코프 | 렉시컬 스코프

실행 컨텍스트의 역할 | 실행 컨텍스트 스택 | 렉시컬 환경

this | 상황에 따른 this 바인딩

명시적 this 바인딩 | call 메서드 | apply 메서드 | bind 메서드

콜백 함수 | 제어권 | 콜백함수 내부의 This 바인딩

콜백 함수 | 콜백 지옥 (콜백 헬) | 비동기 제어 | Promise 프로미스

콜백 지옥 | 비동기 제어 | 제너레이터 | async | await

브라우저 렌더링 | HTML 파싱 | CSS 파싱 | JS 파싱 | DOM | CSSOM | 렌더 트리 | reflow & repaint | async & defer

인터넷 네트워크 | IP | TCP, UDP | PORT | DNS

URI | URL | URN | 웹 브라우저 요청 흐름

HTTPS | SSL | TLS | 암호화, 복호화 | 공개키, 개인키, 대칭키

HTTP | Stateful, Stateless | 비연결성 | HTTP 메서드

HTTP 메서드 | GET | POST | PUT | PATCH | DELETE | 메서드 속성

HTTP 메서드 활용 | 클라이언트에서 서버로 데이터 전송 | HTTP API 설계

HTTP 상태코드 | 리다이렉션 | PRG

HTTP 헤더 | 표현 | 협상 | 전송방식

HTTP 쿠키 | domain | path | Secure

HTTP | 캐시 | 조건부요청

시퀀스 다이어그램 | UML | 구성과 예제

GraphQL API & REST API

DNS란? | DNS 구성 요소 | DNS 동작 방식 | Domain Name Space | Name Server | Resolver | DNS Query

OAuth(Open Authorization) 프로토콜

OAuth 2.0 Flow

패킷 | 패킷 교환 방식 | TCP/IP 4 Layer

소켓 Socket | 소켓 통신 | TCP/IP | UDP | 5-Tuple

네트워크 인터페이스 계층 | 인터넷 계층 | ARP | TCP/IP 계층 | 라우팅 | 라우터

JWT | Jason Web Token

API | Web API

웹소켓 | 등장배경 | 웹소켓 프로토콜 & API | TCP 소켓과의 차이 | 특징과 예제

JSON

AJAX(Asynchronous JavaScript And XML)

CORS | SOP

CORS 동작방식의 종류 | Preflight request

렌더링 성능 개선 | Layout, Paint | Composite

CSS | CSS 전처리기 | SASS, SCSS

HTTP/1.1 | HTTP/2.0 | QUIC

CSS flexbox, flex

Mock Server | postman

CSS Grid layout

CSS grid layout

MSW로 Mocking Server 구축하기 | Mocking 하는 법 3가지 | Service Worker

CSS-in-JS | Styled-Components | Emotion | CSS Module

웹 표준 | 웹 접근성 | 시맨틱 마크업 | 진단 도구

CSS 단위 (px, %, vh, vw, em, rem)

Git

함수 선언문, 함수 표현식, 호이스팅

.git | diff vs status | checkout? switch, restore! | SHA-1? 체크섬?

Branch | Fast-forward merge | 3-way merge | Rebase | --onto | cherrypick

프로그래밍 패러다임 | 명령형 - 절차적, 객체지향적 | 선언형 - 함수형

왜 React는 선언적일까?

for, forEach

Package manager | package.json? | 의존성 | yarn, yarn berry, pnpm

pnpm, 모노레포

return, 콜백함수에서의 return, return undefined, console.log()

불변성, 순수함수, 변수 선언과 데이터 할당, 원시 타입과 참조 타입, 재할당, 데이터 저장 방식

불변 객체 | 얕은 복사 | 깊은 복사

객체, 객체 리터럴, 객체 동적으로 접근하기 | Jest로 테스트 코드 짜보기

자바스크립트 엔진 | V8 | 메모리 힙 | 호출 스택 | Web API | 동시성 | 이벤트 루프 | 큐

Jest | pnpm | Vitest

JS Module, ESM, Bundler, Webpack, Vite

Testing Pyramid | 유닛 테스트 | 통합 테스트 | 인터페이스 테스트 | 테스팅의 장점

WebRTC(Web Real-Time Communication)

객체 리터럴 | 점 표기법, 대괄호 표기법 | 동적으로 접근하기 | 객체 축약 | 메서드 | 생성자 함수

Class

Class 예제 퀴즈 풀기 | ChatGPT에게 퀴즈 받기

monorepo | 모놀리스 | 마이크로(Micro) 서비스 아키텍처 | 장단점