React-Native를 사용하여 앱을 개발하면, 'Expo Go' 앱을 통해 개발한 앱의 실행 결과를 확인할 수 있다. 그러나 개발자 모드를 보는 것, 여러 디바이스에서의 동작을 확인하는 것 등에 어려움이 있었다. 따라서 이러한 어려움을 해결하고자 앱의 실행 결과를 맥북에서 확인할 수 있도록 하기로 하였다.
React-Native Expo 결과 맥북에서 보기
1. npm start
npm start서버를 실행하면 iOS, Android, 그리고 웹 중에서 실행 방법을 선택하거나 개발자 모드를 활성화하는 등의 메뉴가 표시된다. 이 중에서 'w' 키를 눌렀을 때 웹에서 실행하도록 하는 명령어가 비활성화 되어 있었다.
2. Press w
'w' 키를 눌렀을 때의 웹 실행 명령어는 비활성화된 듯 보였지만, 그래도 눌러보았다.
그 결과 웹 실행을 위해 필요한 종속성이 설치되지 않았다는 메시지가 나타났다.
3. 종속성 설치
npx expo install react-native-web@~0.19.6 react-dom@18.2.0 @expo/webpack-config@^19.0.0종속성 설치가 완료된 후, 다시 서버를 실행하고 'w' 키를 눌러 웹을 실행시키니 잘 실행되었다.
파비콘 오류
웹에서는 잘 실행되었지만 콘솔창에 파비콘 경로 오류가 표시되었다.
리액트 네이티브가 React와는 달리 index.html 파일이 존재하지 않기 때문에 파비콘을 어떻게 적용해야 하는지에 대한 의문이 있었는데, 이러한 관련 오류로 인해 파비콘 적용에 대한 의문점을 해결할 수 있었다.
'./assets/favicon.png' 파비콘에 사용할 아이콘을 호출하는 파일은 app.json 이었다.
파비콘에 사용할 아이콘을 다운받은 후, 그 경로에 맞게 수정하니 오류없이 잘 실행되었고, 파비콘도 잘 적용되었다.
