내 것으로 만들기 위한 것들을 기록합니다.
-
React 공식문서의 내용과 이미지를 참고하여 정리하였습니다.
- 컴포넌트
- 컴포넌트 import 및 export
- JSX로 마크업 작성
- 중괄호가 있는 JSX 안에서 자바스크립트 사용
- 컴포넌트에 props 전달하기
- 조건부 렌더링
- 리스트 렌더링
- 컴포넌트를 순수하게 유지하기
- 트리로서 UI 이해하기
- 이벤트에 응답하기
- State: 컴포넌트의 기억 저장소
- 렌더링 그리고 커밋
- 스냅샷으로서의 State
- State 업데이트 큐
- 객체 State 업데이트하기
- 배열 State 업데이트하기
다시 깊게 익히는 인사이드 리액트의 내용과 이미지를 참고하여 정리하였습니다.
- 프론트엔드 개발 돌아보기
- 싱글 페이지 애플리케이션 돌아보기
- UI 컴포넌트의 위상 돌아보기
- 상태와 반응성 돌아보기
- JSX 구성 요소 돌아보기
- JSX 핵심 문법과 자바스크립트 변환 돌아보기
- 리액트 재조정과 키 프롭스 돌아보기
- 리액트 렌더링 규칙 돌아보기
- 리액트의 프롭스와 컴포넌트 패턴 돌아보기
- 리액트의 상태와 배칭 돌아보기
- 리액트를 구성하는 뿌리, 파이버 돌아보기
- 리액트 훅의 사용 규칙 돌아보기
- 리액트 필수 훅 돌아보기
- 리액트 메모이제이션 돌아보기
- 리액트 컨텍스트와 에러 바운더리, 서스펜스 돌아보기
- 리액트 동시성 기능과 심화 훅 돌아보기
-
모던 자바스크립트 Deep Dive의 내용과 이미지를 참고하여 진행하였습니다.
- 자바스크립트란?
- 변수, 표현식과 문, 데이터 타입
- 변수와 객체 그리고 메모리
- Stack, Call Stack & Heap
- 연산자, 조건문
- 타입 변환과 단축 평가, 객체 리터럴, 원시 값과 객체 비교
- 자바스크립트의 실행 과정
- 함수
- 스코프, 전역 변수의 문제점
- let, const 키워드와 블록 레벨 스코프
- 프로퍼티 어트리뷰트
- 생성자 함수에 의한 객체 생성
- 함수와 일급 객체
- 프로토타입
- var, let 키워드 그리고 전역 객체와 프로토타입 체인
- Strict Mode
- 실행 컨텍스트
- this
- 클로저
- class
- Static Factory Method
-
쉽게 시작하는 타입스크립트의 내용과 이미지를 참고하여 진행하였습니다.
-
헤드퍼스트 디자인 패턴과 GURU 디자인패턴를 참고하였습니다.