Javascript/React-Native

[RN] react-native-web 사용 후기 나는 비추

eulBlue 2025. 4. 17. 15:49

📱테스트 환경

"react": "18.3.1",
"react-dom": "^18.3.1",
"react-native": "0.76.1"
"react-native-web": "^0.19.13"

처음 시작은 플러터에서 web 까지 한번에 지원된다고 하니 RN 도 되지않을까 ?

싶은 마음에 찾아봤고, 한번에 된다니 너무 혹해서 시작했다.

해당 프로젝트 규모도 컸고, 잘 알아보고 진행했어야했는데 이게 패착이였던 것 같다.

이미 약 5개월가량 진행해왔고 이제 와서 엎을 수 없어 끝까지 진행하긴 하지만

react-native-web 을 사용하려고 하는 사람이 있다면 나는 비추다.

이유는 꼭 한번만 읽고 결정하기 바란다.

1. Styles 적용

Android, IOS, Web 플랫폼별로 스타일 따로 적용해주다보니

가독성만 엄청 떨어지고 이럴꺼면 따로 만들지 라는 생각이 들정도로 분기가 많이들어갔다.

2. 모듈 호환성

진짜 이게 제일 큰 문제였는데, Web 까지 지원해주는 모듈을 찾아서

적용해주다보니 진짜 별의별 문제가 다생겼다.

바텀시트 나 디자인프레임워크를 찾을때도 제약이 너무 많았고

모바일은 되더라도 Web 에서 안되는 경우가 허다했기 때문에 스트레스를 정말 많이받았다.

3. Image 처리 방식

이게 <Image /> 태그에 이미지를 넣어주는데, Web 에서는 이미지가 2개가 나온다.

하나는 <div background-image /> 하나는 <image /> 이렇게 ..

컴포넌트로 분기태워서 보여줄 수 있게끔 했지만

react-native-reanimated-carousel 에서는 어떻게 처리해야할지 막막하다 ..

4. UI / UX

애초에 웹이 요즘엔 앱스럽게 나오게 하는게 트랜드라해도

어느정도는 웹은 웹같아야하고 앱은 앱같아야 한다.

그게 옳은 UX 라고 생각하는 편이다.

근데 진짜 앱처럼 움직이고, Web 인데 App 처럼 움직이려니 어색하고 버그도 많다.


이런 문제점들도 있었지만 나는 이게 RN 의 문제라고 생각했었는데

동료에게 들어보니 애초에 플러터에서도 문제가많았다고 한다.

그럼 일찍좀 말해주지 ... 막바지 다 와서 말해주면 어떻게하라고 ...

다음부턴 나는 사용하지 않을 것 같다.