개발블로그

처음에는 좀 단순하게 React Native로 왔으니까 화면도 다 RN으로 짜야 하는 게 아닌지... 생각했다. 근데 실제로 붙이기 시작하니까 바로 현실이 보였다.핵심 UX(앱 느낌이 중요한 구간)랑, 운영하는 화면(자주 바뀌는 페이지)을 같은 속도로 RN로 다 밀어붙이는 건 생각보다 빡세다.처음에 착각했던 포인트내 머릿속 공식은 이랬다. - 앱 = 무조건 네이티브 화면- 웹뷰 = 임시방편 근데 하다 보니 반대였다. WebView는 대충 때우는 기술이 아니라, 어디를 빠르게 바꾸고, 어디를 네이티브 품질로 가져갈지 나누는 전략에 더 가까웠다. 비유하자면- RN: 집의 뼈대랑 문, 창문 같은 구조- WebView: 벽지/포스터/배치처럼 자주 바뀌는 영역 뼈대는 신중하게 만들고, 바뀔 것들은 갈아끼우기 쉽..

React니까 금방 될 줄 알았는데솔직히 처음엔 이렇게 생각했다. "React는 React니까, Next.js 하던 감각이면 금방 되겠지?" 근데 막상 RN 코드를 열어보니까, 엥? 진짜 웹이랑 결이 다르다.페이지가 아니라 화면(screen) 중심으로 생각해야 하고, HTML 태그도 없고, CSS도 알던 방식이 아니었다. 그래도 완전 새로운 세계는 아니었다.React의 상태 관리, 컴포넌트 분리, 이벤트 처리 같은 큰 뼈대는 익숙했다.약간 같은 언어를 쓰지만 사투리가 다른 동네 느낌이었다.엥? 진짜? 하면서 놀란 포인트가장 놀랐던 건 이거였다. 웹에서는 , , 으로 쭉 짜는데,RN에서는 , , 을 쓴다. 처음엔 이름만 바꾼 거 아냐? 싶었는데, 해보니까 생각보다 중요했다.특히 텍스트는 반드시 안에 있어..

요즘 RN으로 앱 만들어보려고 이것저것 알아보는 중인데, 처음엔 진짜 단순하게 생각했다.React 할 줄 아는데 앱도 비슷하지 않을까?근데 알아볼수록 느낀 건 React Native는 React 느낌의 모바일 개발이지, 웹 React를 그대로 가져온 건 아니었다.그리고 이걸 먼저 이해해야 멘탈이 덜 흔들릴 것 같았다.React Native는 왜 이름이 React Native일까?처음엔 그냥 React로 Native 앱 만든다 정도로 이해했는데, 조금 다르다...핵심은 1. React는 그대로 사용 2. 대신 렌더링 대상이 브라우저가 아니라 모바일 웹은 React → 브라우저 DOM 인데,RN은 React → iOS / Android 네이티브 UI로 간다. 그러니까 RN은 웹사이트를 앱에 넣는 게 아니라,..