React Native

React Native

MOBILE

JavaScript/TypeScript๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋„ค์ดํ‹ฐ๋ธŒ iOS ๋ฐ Android ์•ฑ์„ ๊ตฌ์ถ•ํ•˜๋Š” React ๊ธฐ๋ฐ˜ ํฌ๋กœ์Šค ํ”Œ๋žซํผ ๋ชจ๋ฐ”์ผ ๊ฐœ๋ฐœ์ž…๋‹ˆ๋‹ค. ๋„ค์ดํ‹ฐ๋ธŒ ์ปดํฌ๋„ŒํŠธ, ํ•ซ ๋ฆฌ๋กœ๋”ฉ, ๋„ค์ดํ‹ฐ๋ธŒ API ์ ‘๊ทผ์„ ๊ฐ–์ถ˜ React ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜๋กœ ๋‹จ์ผ ์ฝ”๋“œ๋ฒ ์ด์Šค์—์„œ ๊ณ ์„ฑ๋Šฅ ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.

๋ฐฐ์šธ ๋‚ด์šฉ

hooks, Context API, ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ฐ–์ถ˜ ํ˜„๋Œ€์  React

๋„ค์ดํ‹ฐ๋ธŒ ์ปดํฌ๋„ŒํŠธ (View, Text, Image, ScrollView, FlatList)

ํ†ตํ•ฉ ๋„๊ตฌ์™€ OTA ์—…๋ฐ์ดํŠธ๋ฅผ ํ™œ์šฉํ•œ ๋น ๋ฅธ ๊ฐœ๋ฐœ์„ ์œ„ํ•œ Expo

๋„ค์ดํ‹ฐ๋ธŒ ๋„ค๋น„๊ฒŒ์ด์…˜ (Stack, Tab, Drawer)์„ ์œ„ํ•œ React Navigation

๋ฐ˜์‘ํ˜•์ด๊ณ  ๊ณ ์„ฑ๋Šฅ์ธ ์Šคํƒ€์ผ๋ง์„ ์œ„ํ•œ StyleSheet์™€ Flexbox

์ƒํƒœ ๊ด€๋ฆฌ (Redux Toolkit, Zustand, React Query, Context)

๋ฐ์ดํ„ฐ ์˜์†์„ฑ์„ ์œ„ํ•œ AsyncStorage์™€ SecureStore

๋„ค์ดํ‹ฐ๋ธŒ ์ฝ”๋“œ ํ†ตํ•ฉ (Kotlin/Swift)์„ ์œ„ํ•œ ๋„ค์ดํ‹ฐ๋ธŒ ๋ชจ๋“ˆ

ํฌ๊ด„์ ์ธ ํ…Œ์ŠคํŠธ (Jest, React Native Testing Library, Detox E2E)

์„ฑ๋Šฅ (Hermes engine, lazy loading, FlatList ์ตœ์ ํ™”)

๋งˆ์Šคํ„ฐํ•ด์•ผ ํ•  ํ•ต์‹ฌ ์ฃผ์ œ

์ด ๊ธฐ์ˆ ์„ ์ดํ•ดํ•˜๊ณ  ๋ฉด์ ‘์—์„œ ์„ฑ๊ณตํ•˜๊ธฐ ์œ„ํ•œ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ฐœ๋…

1

React: JSX, Virtual DOM, reconciliation, hooks (useState, useEffect, useCallback)

2

React Native: native bridge, ๋„ค์ดํ‹ฐ๋ธŒ vs ์›น ์ปดํฌ๋„ŒํŠธ, threading model

3

Core Components: View, Text, Image, ScrollView, FlatList, SectionList

4

Platform API: Platform.OS, Platform.select, ํ”Œ๋žซํผ๋ณ„ ์ฝ”๋“œ

5

์Šคํƒ€์ผ๋ง: StyleSheet, Flexbox ๋ ˆ์ด์•„์›ƒ, Dimensions, ๋ฐ˜์‘ํ˜• ๋””์ž์ธ

6

๋„ค๋น„๊ฒŒ์ด์…˜: React Navigation (Stack, Tab, Drawer, ์ค‘์ฒฉ navigators)

7

์ƒํƒœ ๊ด€๋ฆฌ: Context API, Redux Toolkit, Zustand, Recoil

8

๋น„๋™๊ธฐ ์ž‘์—…: useEffect, fetch, axios, ์„œ๋ฒ„ ์ƒํƒœ๋ฅผ ์œ„ํ•œ React Query

9

์˜์†์„ฑ: AsyncStorage, SecureStore, react-native-mmkv, SQLite

10

๋„ค์ดํ‹ฐ๋ธŒ ๋ชจ๋“ˆ: ๋„ค์ดํ‹ฐ๋ธŒ ๋ชจ๋“ˆ ์ƒ์„ฑ, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋งํ‚น, autolinking

11

Expo vs Bare React Native: ์žฅ๋‹จ์ , prebuild, config plugins

12

๊ถŒํ•œ: react-native-permissions, ๊ถŒํ•œ ์š”์ฒญ, ๊ฑฐ๋ถ€ ์ฒ˜๋ฆฌ

13

์• ๋‹ˆ๋ฉ”์ด์…˜: Animated API, Reanimated 2, LayoutAnimation, ์ œ์Šค์ฒ˜ (Gesture Handler)

14

๋„คํŠธ์›Œํ‚น: fetch, axios, WebSocket, ์—๋Ÿฌ ์ฒ˜๋ฆฌ, retry logic

15

ํผ: ์ œ์–ด ์ปดํฌ๋„ŒํŠธ, React Hook Form, ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ (Yup, Zod)

16

ํ…Œ์ŠคํŠธ: ๋‹จ์œ„ ํ…Œ์ŠคํŠธ (Jest), ์ปดํฌ๋„ŒํŠธ ํ…Œ์ŠคํŠธ, E2E (Detox, Maestro)

17

์„ฑ๋Šฅ: FlatList ์ตœ์ ํ™”, useMemo, useCallback, Hermes, Flipper

18

ํ‘ธ์‹œ ์•Œ๋ฆผ: Firebase Cloud Messaging, Expo Notifications, ๋กœ์ปฌ ์•Œ๋ฆผ

19

์ง€๋„์™€ ์œ„์น˜: react-native-maps, Geolocation API, ๋ฐฑ๊ทธ๋ผ์šด๋“œ ์œ„์น˜

20

๋นŒ๋“œ์™€ ๋ฐฐํฌ: EAS Build, Fastlane, App Store/Play Store, OTA ์—…๋ฐ์ดํŠธ

์ตœ์‹  React Native ๊ธฐ์‚ฌ

React Native์— ๊ด€ํ•œ ์ตœ์‹  ๊ธฐ์‚ฌ์™€ ๊ฐ€์ด๋“œ๋ฅผ ํ™•์ธํ•˜์„ธ์š”

React Native TypeScript ํƒ€์ž… ์•ˆ์ „ ์•„ํ‚คํ…์ฒ˜์™€ ์ฝ”๋“œ, ๋ชจ๋ฐ”์ผ ๋””๋ฐ”์ด์Šค

React Native์™€ TypeScript 2026: ํƒ€์ž… ์•ˆ์ „ํ•œ ์•„ํ‚คํ…์ฒ˜์™€ ๋ฉด์ ‘ ์งˆ๋ฌธ

2026๋…„ React Native์—์„œ TypeScript๋ฅผ ํ™œ์šฉํ•œ ํƒ€์ž… ์•ˆ์ „ ์•„ํ‚คํ…์ฒ˜๋ฅผ ๋‹ค๋ฃน๋‹ˆ๋‹ค. Codegen, TurboModules, Strict TypeScript API, ํƒ€์ž… ์•ˆ์ „ ๋‚ด๋น„๊ฒŒ์ด์…˜, ๋ฉด์ ‘ ์งˆ๋ฌธ์„ ์ฝ”๋“œ ์˜ˆ์ œ์™€ ํ•จ๊ป˜ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

React Native 0.85 ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ: ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฐฑ์—”๋“œ์™€ TypeScript API

React Native 0.85 (2026): ์ƒˆ๋กœ์šด ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฐฑ์—”๋“œ, ์—„๊ฒฉํ•œ TypeScript API ๋ฐ ๋ฉด์ ‘ ์งˆ๋ฌธ

React Native 0.85์˜ ๊ณต์œ  ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฐฑ์—”๋“œ, ํฌ์ŠคํŠธ ๋ธŒ๋ฆฌ์ง€ ์•„ํ‚คํ…์ฒ˜, Metro TLS์— ๋Œ€ํ•ด ์ฝ”๋“œ ์˜ˆ์ œ์™€ ๋ฉด์ ‘ ์งˆ๋ฌธ์„ ํ†ตํ•ด ์‹ฌ์ธต ๋ถ„์„ํ•ฉ๋‹ˆ๋‹ค.

React Native ์ƒˆ๋กœ์šด ์•„ํ‚คํ…์ฒ˜: Hermes V1, Fabric, TurboModules, ๋ธŒ๋ฆฟ์ง€๋ฆฌ์Šค ๋ชจ๋“œ ๊ธฐ์ˆ  ํ•ด์„ค

2026๋…„ React Native ์ƒˆ๋กœ์šด ์•„ํ‚คํ…์ฒ˜: Hermes V1, ๋ธŒ๋ฆฟ์ง€๋ฆฌ์Šค ๋ชจ๋“œ์™€ ๋ฉด์ ‘ ์งˆ๋ฌธ

React Native ์ƒˆ๋กœ์šด ์•„ํ‚คํ…์ฒ˜ ์‹ฌ์ธต ๋ถ„์„. Hermes V1 ์—”์ง„, ๋ธŒ๋ฆฟ์ง€๋ฆฌ์Šค ๋ชจ๋“œ, TurboModules, Fabric ๋ Œ๋”๋Ÿฌ์˜ ๊ธฐ์ˆ ์  ์„ธ๋ถ€์‚ฌํ•ญ, ์„ฑ๋Šฅ ๋ฒค์น˜๋งˆํฌ, ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ๊ฐ€์ด๋“œ, ๊ธฐ์ˆ  ๋ฉด์ ‘ Q&A๋ฅผ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  React Native ๊ธฐ์‚ฌ ๋ณด๊ธฐ