
React Native 전환 로드맵 2. 컴포넌트 · 스타일링 · 레이아웃 (핵심)
RN 컴포넌트 구성, 스타일링, Flex 레이아웃 기본기를 단단히 해 UI 골격을 안정적으로 만드는 법

RN 컴포넌트 구성, 스타일링, Flex 레이아웃 기본기를 단단히 해 UI 골격을 안정적으로 만드는 법

웹 React와 다른 RN 렌더링 구조, 기본 셋업(Expo/CLI)과 핵심 개념을 정리한 입문 가이드

DOM 결합도, 에러 전달, 접근성, 이벤트 설계, 스타일 가이드 등 동작 이후 품질을 결정하는 프론트엔드 기준

입력·출력·부작용을 계약으로 다루며 함수 설계 기준을 세워 유지보수성과 테스트 용이성을 높이는 방법

배열·객체 조작이 설계 품질을 좌우한다는 관점에서 예측 가능한 데이터 흐름과 부작용 통제를 다룸

조건문 오독을 줄이고 분기 설계를 명확히 하는 리팩터링 기준과 읽히는 논리 흐름을 만드는 방법

스코프, 호이스팅, 전역 오염, 암묵적 형변환 등 JS 언어 함정으로 생기는 버그를 줄이는 체크리스트

클린 코드를 규칙이 아닌 의사결정의 누적으로 보고 JS에서 변경·버그·리뷰 비용을 줄이는 사고방식 정렬

이미지 최적화, 메타데이터, 캐싱/환경 차이 등 배포 품질을 좌우하는 NextJS 운영 체크포인트

NextJS 인증 흐름과 세션/서버·클라이언트 가드 역할, 흔한 실수와 체크리스트