본문 바로가기
반응형

WebView3

[Project] 영어 단어 테스트 앱 현재 나는 지인 동생인 한 남중생에게 공부를 가르치고 있다. 처음에 영단어를 외우게 시키고 매일 수업 때마다 시험을 봤는데 문제가 두 가지가 있었다. 첫째, 수업 시간에 시험을 보면 일주일에 두 번만 시험을 보는거라 외우는 단어의 수가 적다 둘째, 그렇다고 시험 보는 단원의 수를 늘리면 단어 시험 만드는 내가 힘들다... 그래서 이걸 코딩으로 해결해보자 라고 마음 먹은게 이 프로젝트의 시작.. 처음엔 자바 스프링으로 웹을 구현해서 학생에게 줬다. 그랬더니 아무래도 웹은 상대적으로 접근성이 떨어졌기 때문에 모바일의 필요성을 느꼈다. 그래서 먼저 웹으로 만들고, 현재 공부하는 플러터로 웹 뷰를 만들어서 띄우자! 라는 결론에 이르렀다. 사실 프론트,백엔드 코드는 작년 여름 즈음에 이미 완성을 했지만, 학생의 .. 2024. 1. 19.
[Flutter] 안드로이드 웹 뷰 오류 net::ERR_CACHE_MISS 해결 그냥 과외하는 애 영어 단어 시험 쉽게 내려다 더 어려운 길을 돌아가고 있는거 같다. 웹 배포 하고 플러터로 웹 뷰 띄우고 고생고생한거 같은데... 이 토이프로젝트는 나중에 포스팅 하기로 하고 apk 파일을 빌드해서 핸드폰에 설치한 다음 두근대는 마음으로 앱을 켰는데 이런 에러가 떠있었다. 이유는 사실 간단했는데 웹뷰는 인터넷에 엑세스 할 수 있도록 권한을 부여해주어야 한다. 따라서 AndroidManifest.xml에 다음과 같이 설정해 주어야 된다. 이게 debug/AndroidManifest.xml이랑 profile/AndroidManifest.xml에는 설정이 되어 있는데 정작 main/AndroidManifest.xml에는 설정이 안되있어서 난 문제였다. 저것만 허용해주면 끗 이 지긋지긋한 wo.. 2024. 1. 18.
[Flutter] webview net::ERR_CLEARTEXT_NOT_PERMITTED 에러 해결 단순히 웹뷰로 웹을 띄워서 앱을 만드려고 하는데... 코드에 url을 넣었더니 딱하고 위같은 에러가 났다. 무슨 문제고 하니 구글에서 웹 뷰를 띄울 때 보안상의 문제로 https만 가능하게 하고 http 연결은 기본적으로 차단이 되어있기 때문에 발생하는 문제라고 한다. 따라서 http를 사용하는 내 웹 페이지를 웹 뷰에서 열기 위해서는 추가적인 설정을 해주어야 한다. AndroidManifest.xml에 android:usesCleartextTraffic="true" 를 추가해주면 된다. 다시 실행시켜보면 잘 가져오는 것을 확인할 수 있다. ios에서는 info.plist에 NSAppTransportSecurity NSAllowsArbitraryLoads NSAllowsArbitraryLoadsInWeb.. 2024. 1. 18.
반응형