React Native
1.[RN] 리액트의 탄생 배경 및 핵심 개념
🙋♂️ 리액트의 탄생 배경과 핵심 개념을 알아보자!
2.[RN] JSX 란?
JavaScript XML 의 약자로 React 에서 UI 요소를 작성하기 위한 JavaScript 확장 문법이다.HTML 와 비슷한 문법으로 UI 를 작성할 수 있으며, 실제로는 JavaScript 이다.아래 이미지와 같이 XML 형태로 코드를 작성하면 Babel 이
3.[RN] React, React Native 동작 원리
가상 DOM 은 메모리에 존재하는 가상의 복사본으로서, 실제 DOM과 유사한 트리구조를 갖는다.화면이 어떤 모습이어야 하는지 개발자가 작성한 내용과 실제 화면에 렌더링되는 것 사이에 존재하는 레이어에 해당된다.일반적으로 브라우저에서 상호작용하는 UI를 렌더링하기 위해선
4.[RN] useRef 에 대해서 알아보자
1. useRef ? > 참조 (reference) 를 생성하고 관리하기 위해 사용되는 hook 이다. 함수형 컴포넌트 내에서 가변적인 상태를 유지하고 업데이트하는 데 사용된다. 참조라는 의미가 굉장히 모호하고 직관적이지 않다. 차근차근 알아보며 사용법을 익혀보자.
5.[RN] 앱 빌드 시 번들링이 필요한 이유
JavaScript 파일과 관련 리소스들(ex image, stylesheet 등)을 <span style='color: 번들러(bundler)에 의해 번들링(bundling)을 거쳐 생성된 <span style='color: React Native는 기본적
6.[RN] children
시작 태그와 종료 태그 사이의 내용을 나타낸다.React 의 특별한 prop 이다.아래 예시를 보면 이해가 더욱 쉽다.여기서 CustomView 의 children 은 안에 있는 Text 태그들이다. Text 태그가 중요한 게 아니라 CustomView 태그가 감싸고
7.[RN] Memoization을 통한 렌더링 최적화
성능은 UX에 직접적인 영향을 미치는 중요한 요소이다.앱의 렌더링이 느리거나 버벅거리는 경우, 사용자는 반응이 둔해지거나 최악에는 사용을 중단할 수 있다. 따라서 렌더링 최적화를 통해 불필요한 리렌더링을 줄이고 성능을 향상시켜 사용자에게 원활하고 빠른 경험을 제공해야
8.[RN] React Navigation
1. @react-navigation/native 1) 정의 RN에서 네비게이션을 다루는 라이브러리 중 가장 유명한 라이브러이다. 사실상 현 meta에서 공식적으로 출범한 라이브러리가 아닌 점을 제외하면 전세계적으로 RN 개발자라면 반드시 필수록 사용하는 라이브러리 중
9.[RN] ScrollView 안에 FlatList 중첩 사용
RN에서 스크롤 관련 된 View를 보여줄 때 자주 사용되는 태그가 몇 개 존재한다.그 중 이번에 다룰 것은 바로 ScrollView 와 FlatList 이다.어느 때와 다를 것 없이 하나의 Screen에서 root를 ScrollView 로 잡고 내부에 배열로 갖춰진
10.[RN] navigation/route의 props를 알아보자
해당 경로가 스택에 없는 경우 네이티브 스택 네비게이터에 새로운 경로를 푸시(push)하고, 이미 스택에 있는 경우 해당 화면으로 이동합니다.navigate 는 다음과 같은 파라미터를 받는다.즉, 현재 스크린과 다음 이동 할 스크린이 같지 않다면 계속해서 stack 쌓