카카오맵 JavaScript API의 Next.js에서의 적용 방법 및, 몇가지 간단한 예제를 설명합니다. (사내 발표용입니다.)

자바스크립트의 객체지향 특성인 프로토타입에 대해 간략히 알아봅니다.

OOP와 FP의 각 특징에 대해 살펴봅니다.

자바스크립트의 렉시컬 환경과 클로저에 대해 알아봅니다.

자바스크립트의 실행 컨텍스트에 대해 알아봅니다.

브라우저가 렌더링을 처리하는 과정에 대해 알아봅니다.

리액트 내장 API인 Context API를 통해 전역 상태를 사용하는 방법에 대해 알아봅니다.

커스텀 Hook을 만들어 반복되는 로직의 재사용성을 높여 봅니다.

useReducer을 통해 상태를 업데이트하는 방법에 대해 알아봅니다.

컴포넌트의 props값이 변경 될 경우에만 리렌더링하여 불필요한 리렌더링을 방지하는 React.memo() 함수에 대해 알아봅니다.

useCallback을 통한 함수 재생성 최소화에 대해 알아봅니다.

deps 변화에 따라 리렌더링 시 재연산 여부를 결정하는 useMemo Hook에 대해 알아봅니다.

useEffect를 통한 생명 주기 사용에 대해 알아봅니다.

리액트 앱에서 배열을 동적으로 업데이트하는 방법에 대해 알아봅니다.

리액트에서 배열을 렌더링하는 방법에 대해 알아봅니다.

ref의 두 가지 활용법에 대해 알아봅니다.

이벤트 객체를 이용한 상태 관리 및 여러 개의 상태 관리에 대해 알아봅니다.

React에서의 상태 관리에 대해 알아봅니다.

삼항 및 논리 연산자를 이용한 조건부 렌더링에 대해 알아봅니다.

리액트에서 컴포넌트에 값을 넘기는데 쓰이는 props에 대해 알아봅니다.