최근 회사에서 Skeleton UI, 제스처 반응 모달, 반응형 헤더, 아코디언 리스트 등등…
여러 종류의 RN 애니메이션 관련 이슈를 할당받아, 애니메이션과의 씨름을 했었다…😅
애니메이션 관련 작업을 계속 하다보니, 코어한 부분에 대해 궁금증이 생기기 시작했고, 관련된 내용을 제대로 정리해보고자 RN 애니메이션 관련 블로그 포스팅을 계획하게 되었다.

React-Native의 동작 원리

---

데이터 페칭 방식

Redux패턴을 사용하여 state를 관리하는 Hook

제목 그대로, useReducer는 Redux에서 상태관리를 하는 패턴을 통해 state를 관리할 수 있도록 해주는 Hook이다.

useMemo란?

useMemo는 리액트 컴포넌트 내에서 메모이제이션(Memoization) 기술을 사용하여 성능을 높여줄 수 있도록 지원하는 Hook이다.

웹팩

“웹팩은 번들러다”

이벤트 버블링? 캡처링?

우리는 자바스크립트를 통해 이벤트 핸들링을 할 때, 이벤트가 다른 요소로 전파되는 현상을 자주 겪는다.
이는 이벤트 버블링 또는 캡처링이라는 “이벤트 전파” 현상 때문이다.

클로저의 기본 개념

“클로저는 함수와 그 함수가 선언된 렉시컬 환경의 조합이다”

실행 컨텍스트란?

실행컨텍스트는 “실행 가능한 코드가 실행되기 위해 필요한 환경”을 의미한다.

스코프란?

“스코프는 범위다”

“모든 함수는 객체지만, 모든 객체가 함수인 것은 아니다.”

위의 소제목이 이번 포스팅의 골자다.
프로토타입을 공부하다 보니, 자꾸 Function 프로토타입의 __proto__가 객체라는 것이 직관적으로 와닿지가 않아 한번 제대로 짚고 넘어가보고 싶었다.