📖 React Study

INDEX

리액트를 다루는 기술

Typescript로 블록체인 만들기

프론트엔드

• 브라우저 렌더링 과정
• 이벤트 루프
• CORS
• 클로저
• CSR&SSR
• 실행컨텍스트
• 이벤트전파

매우 쉽게 이해하는 Javascript 객체지향 & ES6 신문법

https://codingapple.com/course/javascript-es6/

• this 키워드
• arrow function
• 변수
• hoisting
• template/tagged literal
• spread operator
• function : default parameter/argument/rest
• primitive/reference data type
• constructor
• prototype
• 상속
• destructuring
• import/export
• 브라우저 동작원리
• 동기/비동기
• Promise
• async/await
• 반복문
• Symbol
• Map/Set
• Web Component
• ?, ?? 연산자

React 공식문서로 디테일잡기

• React 공식문서로 디테일잡기 - 초급

React 공식문서로 디테일잡기 - 고급

• Hook
• Composition 합성
• HOC
• Memoization
• Context
• Portal
• PropTypes
• Reconciliation

React 라이브러리

• Date Library
• Styling Library
• Fetching Library

웹 게임을 만들며 배우는 React에 Typescript 적용하기

최적화

1. 로딩 성능 최적화

• 이미지 사이즈 최적화 image Processing CDN : 이미지 전처리 과정을 거쳐 사용자들에게 전달 http://cdn.image.com?src=[img src]&width=200&height=100
• Code Split
• 텍스트 압축

2. 렌더링 성능 최적화

• Bottleneck 코드 최적화