한 달 전 · 김정수 님의 질문
iOS 웹뷰에서 getUserMedia 호출 시 마이크 권한 관련 질문입니다.
안녕하세요 React를 이용하여 웹뷰 기반 애플리케이션을 제작 중입니다. 다름이 아니라 리액트 코드 내에서 마이크 권한 획득 및 녹음 기능이 있는데요, navigator.mediaDevices.getUserMedia 메소드로 권한 획득과 녹음을 진행하고 있습니다. 그런데 최초 접속 시에는 위 메소드를 사용하는 컴포넌트가 렌더링 될 때 애플리케이션 자체(네이티브)에서 마이크 권한 여부를 물어보는데요 "앱 이름"에서 마이크 권한을 요청합니다. 라고 노출이 됩니다. 그런데 문제는 여기서 허용을 했음에도 불구하고 녹음을 진행하려고 하면 "웹뷰 도메인"에서 마이크를 사용하도록 허용하겠습니까? 라고 이중으로 권한을 확인하게 됩니다. Safari 자체적으로 막는거라 정상적인 동작인지, 아니면 다른 옵션이 있는지 모르겠네요ㅠㅠ 해결 방법이 있을까요?
개발자
#react
#swift
#webview
#mic-permission
#마이크권한
답변 0
댓글 0
조회 24
한 달 전 · 프레드윰 님의 새로운 답변
커리어리 ios 어플 뭘로 만들었는지 궁금합니다
웹뷰인거 같기도 하고 아닌거 같기도하고 너무 궁금해여
개발자
#웹뷰
답변 1
댓글 0
조회 65
2달 전 · 유호준 님의 질문
웹 프론트 개발자가 웹뷰 앱 서비스를 하는게 도움이 될까요?
안녕하세요 ! 제가 대학생 창업 초기 멤버로 서비스를 운영하고 있는데 기존에는 리액트로 웹을 만들고 RN으로 웹뷰를 띄워서(거진 웹을 그대로 띄우는 수준)앱도 같이 서비스 하고 있었습니다 그러나 점점 방향성이 b2c 에서 b2b2c로 바뀌고 서비스도 앱쪽으로 기우는 것 같습니다. (웹도 운영은 할 것 같지만 서브 개념) 물론 빠른 배포가 가능하고 제가 익숙한 리액트로 계속 개발 후 웹뷰로 띄우는 방식으로 이어갈 예정이기는 하나 저는 이후 웹 프론트엔드 커리어를 희망하는 터라 아무래도 앱 위주 서비스를 지속적으로 하는게 커리어에 부정적인 영향을 미치게 될지 고민입니다 ㅠ 여러분들이 봤을 땐 크게 지장이 없다고 생각하시나요?
개발자
#프론트엔드
#웹뷰
#커리어
답변 0
댓글 0
조회 38
3달 전 · 임정훈 님의 질문
프론트엔드 이직용포폴에 대해 고민이 있습니다.
현재 저는 si회사에서 일한지 1년이 되었고 리액트 ,리액트네이티브로 화면개발 및 어플리케이션 개발을 담당하고 있습니다. 도메인은 주로 Saas이고 헬스케어,학생관리,b2c어플 ,관리자 및 웹대시보드 , 어플 등등 회사의 요구사항에 맞게 프로젝트를 만들어주고 있습니다. ( 주로 한 프로젝트당 프론트1 백1 이렇게 2인1조로 개발을 합니다 ) 지금 당장은 아니지만 1년 후에는 이직 할 계획이라서 미리 공부계획을 세운 후 기술숙달이 되면 이직용 포폴을 만들 생각입니다. 그래서 현재 저는 (docker aws nodejs mysql) 조합으로 백단 공부를 할 예정이고 nodejs부터 차근차근 공부를 해서 프론트 ,백 혼자 해서 이직용 포폴을 만들계획입니다. 일단 제가 가고 싶은 회사가 규모있는 si회사 프론트직군 또는 saas쪽으로 가고싶고, 현재는 모바일과 웹 앞단을 다하고있지만 다음회사부터는 웹 프론트로 전향하고 싶은데 이로 비추어봤을때 이직용 포폴을 만들때 기술을 뭘써야 할지에 대해 두가지의 갈림길에 놓이게 되네요.. 첫번째는 현재 제가 잘 하는 리액트 알엔 조합으로 웹뷰앱 + 백엔드로 한다 이고, 두번째는 넥스트 + 백엔드 조합으로 웹 포폴을 만들 계획입니다. 두개 다 관리자페이지도 만들어서 퀄리티있는 프로젝트를 만들 계획입니다. 이 두개중 이직시 포폴로는 어떤게 더 적합할것 같나요?? 다른 의견 남겨주셔도 감사하고 쓴소리 모두 환영합니다..! 긴 글 읽어주셔서 감사합니다..!
개발자
#이직-준비
#프론드엔드
답변 0
댓글 0
추천해요 2
조회 96
4달 전 · Supernova 님의 새로운 답변
커리어리 개발툴은 뭘로 만들어졌을까요, 서버 최적화 방법 질의
커리어리 웹뷰는 뭘로 만들어졌나요 ? 우연히 커리어리를 알게 되어서 사이트를 구경하던중 글 남깁니다. 저는 올해 40세이고 취미로 코딩을 배우면서 현재는 메타의 threads 와 비슷한 웹뷰를 만들고 있습니다. 독학으로 배우다보니 깊이가 없어서 한계에 직면해 있는거 같아요. 커리어리에서 스크롤을 내리다보면 딜레이 없이 페이지들이 거의 무한으로 내릴 수 있던데 기술적으로 그게 참 궁금하고요. 게시글을 포스트 했을때도 거의 딜레이 없이 게시물 업데이트가 되더라구요. 저 같은 경우에는 Next JS 로 웹뷰를 구성했고 database 는 vercel neon (무료버전. 서버는 싱가폴위치) Image 는 uploadthing (100GB 유료걸제 10$. 서버는 한국) 게시글 post 시에 단순 텍스만 입력을 하더라도 업로드 되고 화면에 뿌려지는데 2~3초의 딜레이가 발생합니다. database 가 무료 버전에 싱가폴에 있어서 반응이 느린건지 코드 최적화가 문제인지 모르겠습니다. 제가 테스트중인 사이트 주소는 아래와 같습니다. https://newchat-omega-inky.vercel.app/ 게시글 업로드 속도만 높일 수 있다면 정말 좋을 거 같은데 뭔가 벽에 막힌거 같습니다 ㅜㅜ
개발자
#커리어리-개발툴
#서버최적화
답변 1
댓글 0
조회 85
4달 전 · 이종혁 님의 질문 업데이트
웹뷰 관련 공부를 어디부터 시작해야될까요?
웹으로만 프로젝트를 만들어봤는데 앱 관련 프로젝트도 해보고 싶어 웹뷰를 이용하여 기존의 프로젝트에 관련 로직을 추가해서 앱에서도 띄워보는 식으로 구현해보려고 공부하고 있는데 감이 잘 안옵니다.. 일단은 리액트 네이티브를 공부하고 있는데 제가 원하던 그림이 아니라 그냥 처음부터 앱 용으로만 개발하는 느낌이 들어서 좀 헷갈리네요.. 조언 부탁드립니다
개발자
#webview
#react-native
답변 0
댓글 0
조회 45
7달 전 · 익명 님의 질문
웹뷰 auth 처리 질문입니다
안녕하세요, React native에서 각 탭들이 서로 다른 웹뷰를 사용하고 있습니다. 한 탭에서 accesstoken을 refresh를 하고 있는 상태에서 다른 탭에 들어갈 경우 refresh token이 갱신되지 않은 상태에서 요청을 보내 동시성 이슈(race condition)가 발생할 수 있을 거 같은데 어떻게 해결해야 할까요? 그냥 단일 웹일 때에는 axios interceptor에서 큐에 넣어서 해결했는데.. 토큰을 갱신해야 할 때마다 앱단으로 보내준 다음에 거기서 큐로 처리하고 완료되면 각 웹뷰로 뿌려주는 방식으로 가야 하려나요? 현직에 계신 분들 웹뷰 auth 어떻게 처리하시나 궁금합니다.
개발자
#fe
#react
#reactnative
답변 0
댓글 0
조회 55
8달 전 · 이윤호 님의 새로운 답변
webview_flutter 안드로이드 cookie 질문이요...
회사에서 부득이하게 앱개발자 없이 앱개발을 해야하는 상황이라 웹으로 만들고 flutter 웹뷰를 만들었습니다. iOS에서는 쿠키에 jwt가 저장되서 자동로그인 기능이 잘 작동되고 있는데요, 안드로이드에서는 cookie를 따로 관리를 해줘야 한다고 하더라구요... 그래서 webview_cookie_manager 와 flutter_secure_storage를 이용해서 onPageFinished가 될 때 main page이면 cookieManager.getCookies로 jwt를 가져오고 storage.write로 쿠키를 저장해 주고 있습니다. 그리고 initState()할때 Future<void> _loadStoredCookies() async { final jwt = await storage.read(key: 'jwt'); print('jwt : $jwt'); if (jwt != null) { final cookieManager = WebviewCookieManager(); await cookieManager.setCookies([ Cookie('jwt', jwt) ..domain = "메인페이지" ..path = "/" ..secure = true ..httpOnly = true ]); bool hasCookies = await cookieManager.hasCookies(); print('쿠키가 존재하는가? $hasCookies'); } } 이렇게 쿠키를 확인하고 쿠키를 set해주는데 백그라운드에서 앱을 완전히 종료시키고 다시 실행하면 쿠키가 사라지더라고요... 왜 그런건가요...??
개발자
#flutter
#cookie
#android
답변 1
댓글 0
조회 218
8달 전 · 익명 님의 질문
리액트네이티브 웹뷰에서 카카오 로그인 관련 질문드려요
안녕하세요. 웹 개발자여서 리액트 네이티브 cli로 웹뷰만 했을 뿐 아무것도 모릅니다.ㅜㅜ 원인: 웹뷰에서 카카오 로그인을 붙였습니다. 하지만 안드로이드에서 카카오 로그인이 되지 않습니다. 이유를 찾아보니 카카오 개발자 문서에 https://developers.kakao.com/docs/latest/ko/javascript/hybrid 안드로이드는 따로 뭘 해줘야 한다고 합니다. 'JavaScript SDK가 카카오톡 실행을 위한 Intent URI를 생성해 호출합니다. 웹뷰에서는 WebViewClient#shouldOverrideUrlLoading 메서드를 오버라이딩(Override)하여 Intent를 파싱(Parsing)하고, 해당 Activity를 실행해야 합니다.' 하지만 저것을 어디에 오바라이딩 해야하는건지 전혀 모르겠습니다. 도와주세요
개발자
#react-native
답변 0
댓글 0
조회 206
9달 전 · 덕 님의 새로운 댓글
리액트로 웹서비스 개발 중 구글sdk 로그인 오류 질문입니다
리액트로 구글 sdk 로그인 구현시 인앱 뷰 (카카오나 인스타그램 네이버앱 등에서 링크로 웹 서비스 접속시) 에서 로그인 실행하면 403 disallowed_useragent 오류가 발생하는데 프론트에서 해결방법 아시는 분 계신가요... 카카오dev에서는 3년째 해결 안하냐고 사람들 화내고 있던데 해결법이 아예 없는 것인지... 크롬에서는 정상으로 작동하는데 일부 앱에서 저런 현상이 발생하네요 며칠 조사해봤는데 16년 이후로 구글에서 보안문제로 웹뷰 접근을 막았다고 하는 거 같던데 혹시 해결하신 분 있으실까요 도와주세요 선생님들
개발자
#react
#질문
#로그인
#403
#구글sdk
답변 1
댓글 5
조회 169
9달 전 · 이윤호 님의 새로운 답변
웹 개발 || 앱 개발 선택
안녕하세요, 현재 대학생이고 보충역 it 산업기능요원을 가기위해 준비하고 있습니다. 현재 약 반년 이상 웹 프론트엔드 공부를 하고 있었습니다. 그러나 다음과 같은 이유로 앱 개발에 관심을 가지게 되었어요. 1. 개인 프로젝트를 하면서 내가 만들고 싶은 서비스는 웹 보단 앱이 사용성이 좋겠다. 웹뷰말고 네이티브한 앱을 만들고 싶다 2. 웹 개발이 점점 고여가는 것 같다는 개인적인 또는 외부의 생각… 해야 하는 것만 많아지고 수요와 공급이 붕괴된.. 3. 앱 개발을 하고 싶다는 욕구 그러나 고민은 1. 산업기능요원을 가고 싶은데, 웹쪽 말고 앱쪽도 많이 뽑나요?? 입니다.. ㅠㅠㅠ 앱은 네이티브 앱으로 시작할지 크로스플랫폼으로 시작할지도 고민입니다 ㅠ
개발자
#앱개발
#웹개발
#산업기능요원
#ios
#kotlin
답변 3
댓글 0
조회 221
10달 전 · 김민식 님의 새로운 답변
앱 개발자로써의 첫 스택은 뭘로 해야할까요...?
안녕하세요 저는 현재 작은 스타트업에서 kotlin으로 안드로이드 개발을 하는 대학생입니다 앱개발은 3명(안드, ios, 총괄)있는 학생들로 이루어진 아주 작은 곳입니다 스타트업보다는 큰 공모전 프로젝트의 느낌에 가깝다고 보시면 됩니다 원래 목표는 ios개발자였습니다 올해 초 뭘 해야할지 막막하던 시기에 지인의 소개로 해당 스타트업에 참여하게되었습니다 그때는 ios개발자 자리가 곧 공석이 될거라고 해서 들어갔는데 알고보니 그냥 뜬소문이었더라구요 그래도 안드로이드라도 한번 잘 해보자라는 마음으로 약 4개월간 열심히 했습니다 근데 오늘 갑자기 ios 개발자가 이번주까지하고 그만둔다고 하네요 지금 저에게는 3가지 선택지가 생겼습니다 1. 안드로이드 개발 하던 일을 이어가면서 신규 팀원을 ios로 뽑는 선택지입니다 아마 이 회사에선 더이상 ios를 개발할 기회가 생기지 않을 것 같네요 2. ios 개발 1학기가 끝나고 7월부터 ios개발을 시작하고, 팀원을 안드로이드로 뽑는 선택지입니다 처음에 원했던 ios 개발을 시작하지만 지금까지 해놓은 안드로이드 실력은 퇴화할 것 같네요 (일정 궤도까지 실력이 올라온게 아니라서 제 추측으로는 그럴거 같습니다) 3. 플러터 개발 이참에 총괄과 저 둘이서 플러터 이주를 하는 선택지입니다 아마 팀원이 추가되지는 않을거 같네요 제 짧은 견해로는 요즘 웹뷰를 이용한 앱도 많아지고, 멀티플랫폼의 성능이 네이티브에 비해 크게 떨어지지 않는 것 같습니다 취업 시장도 점점 커지는 것 같구요 요즘 안그래도 개발자 취업 시장은 좁아져가는데 ios 네이티브는 원래부터 바늘구멍이었던지라 원하는 기회가 왔음에도 쉽사리 결정하지 못하고 갈팡질팡하게 되네요 현직자 분들의 시선에는 어떤 선택지가 가장 좋아보이시나요..? 긴 글 읽어주셔서 감사합니다
개발자
#안드로이드
#ios
#flutter
답변 2
댓글 0
추천해요 1
조회 345
10달 전 · smile 님의 새로운 답변
1년차 중고신입 어디로 가야할까요
안녕하세요! 곧 1년차 되는 웹 프론트엔드 개발자입니다. 고졸이라 연봉은 2800이었습니다. 운좋게 두 회사에 합격했는데, 어느곳을 가야할지 모르겠어서요. 우선, 저는 앱으로도 웹으로도 갈 생각이 있습니다. <첫 번째 회사> 스타트업 인원 7명 연봉 3000 개발 사수님이 대기업 pm, 개발자였다가 오신 CTO 앱 ios 개발 (중점) + 웹뷰 필요할시 웹개발 업무 강도가 높은 만큼, 회사 모든 일 자체가 포폴로 삼을 수 있을 거 같은.. <두번째회사> 중소기업 인원 42명(영업, 운영팀만 30명) 연봉 3400 사수가없음 웹 프론트엔드 개발 si 고민이됩니다..ㅠ 첫번째 회사를 선택하면 연봉을 적게받으면 이직할때 연봉이 계속 낮아있을 거 같아서 불안하고.. 한편으로 앱으로도 새롭게 시작해볼 수 있을 거 같은 기대감도 있긴합니다.. 두번째 회사를 선택하면 연봉 걱정은 없지만, 회사 자체 프로젝트나 하는 일이 메리트가 없다고 느껴지긴합니다.. 딱 회사 끝나면 사이드 프로젝트 해야할 거 같은 회사 또 여기 회사가 제가 있던 회사랑 느낌이 되게 비슷해서 몸은 좀 편한데 미래 걱정되는 회사 같습니다..
투표
개발자
#이직
#개발자
#고민
답변 5
댓글 0
조회 2,033
일 년 전 · 쎄오 님의 질문 업데이트
하이브리드앱(네이티브+웹뷰)에서 GA4 사용 시 질문
안녕하세요. 현재 스타트업에서 프론트엔드 개발자로 일하고 있는 GA4 어린이 입니다. 하이브리드 환경 (네이티브 + 웹뷰) 에서 GA4 구현 시, 중복 카운팅을 막기 위해, 아래 ga4 가이드대로 구현하라고 하는 글이 많은데요... [GA4 공식 가이드] https://developers.google.com/analytics/devguides/collection/ga4/webview?hl=ko&technology=ios [구글링한 여러 페이지 중 한개 공유드리면... ] https://dachata.com/question/?uid=1484&mod=document&pageid=1 구현하기 어려워 보이지는 않는데, 이 페이지가 최신 목차에는 보이지도 않고, 샘플로 제공되는 git repository 도 archive 되어서, 이 방향으로 가는게 맞는건지에 대한 의문이 생겼습니다... 혹시 현업에서, 위와 같은 상황에서 GA4 를 연동하시는 분이 있다면 (혹은 방법을 아는 분이 계시다면) 어떤 식으로 진행하고 계신지... 경험과 지혜를 나눠주시면 많은 도움이 될 것 같습니다!! 미리 감사드립니다. 🫡
개발자
#ga4
#웹뷰
#webview
#하이브리드앱
#google-analytics
답변 0
댓글 0
추천해요 1
조회 301
일 년 전 · 최윤석 님의 새로운 답변
React Native 개발자입니다. 향후 커리어를 어떻게 만들어가면 좋을까요??
React Native만 할줄 아는 만 2년차 프론트엔드 개발자입니다. 목표는 모바일 앱 프론트 전문가로 커리어를 쌓는 것입니다. 근데 요즘 할줄 아는 게 RN 밖에 없다보니 앞으로 전문성을 어떻게 더 쌓을 것이라는 걱정이 앞섭니다. 궁극적으로 대기업은 한번 찍고 와보고 싶은데, 크로스 플랫폼을 사용하는 곳은 전무하고 iOS, Android 네이티브 개발 혹은 리액트 웹뷰 방식으로 개발을 하는 것 같더라고요. 처음엔 막연하게 iOS 개발자가 되고 싶다는 생각이 있었는데, 요즘은 빠른 빌드/배포에 강점이 있고 또 동일한 JavaScript여서 러닝 커브가 높지 않겠다는 생각이 들어 웹 프론트엔드 커리어를 고민 중에 있습니다. RN만 할줄 알지만 앞으로 모바일 앱 개발자로 더 전문적이고 싶어하는 저의 커리어는 어떻게 설계하고 준비하면 될까요??
개발자
#react-native
#react
#next
#ios
#android
답변 3
댓글 0
추천해요 1
조회 507
일 년 전 · 뚜비 님의 질문
웹뷰방식으로 지도api 구현시 , 이벤트 기능
웹뷰방식으로 하이브리드 앱 개발이 들어가는 프로젝트가 있습니다. 지도는 네이버 지도 api 아니면 카카오 지도 api 연동할 계획입니다. 지도화면에서 롱탭이벤트를 활용해야하는 부분이 있는데 , 외부 지도api를 연동하는 경우, 지도화면 위에 롱탭 기능을 구현할 수 없나요? 참고로 네이티브가 아닌 웹뷰 기반이다보니 이벤트에 문제가 있다고 하여 안된다면 왜 안되는지 알고싶습니다. ㅠ 된다고 하면 어떻게 코드를 구성해야 구현이 가능할지 알려주시면 감사하겠습니다.. ㅠ
개발자
#api
#map
#hybrid
#javascript
#php#웹
답변 0
댓글 0
조회 155
일 년 전 · 익명 님의 질문
업데이트창이 뜨지 않지만 업데이트 되어있는 앱
안녕하세요! 위 질문처럼 업데이트창이 뜨지 않았지만 앱 안에 변화가 있는 경우는 react-native가 아닌거 같은데요!(레이아웃모드로 웹뷰가 아님을 확인한 앱들이었습니다) 그렇게 업데이트 안내 없이도 앱이 업데이트 되는 방법은 어떤 방법이 있나요? 🤔
개발자
#react-native
답변 0
댓글 0
조회 30
일 년 전 · 김하림 님의 답변 업데이트
NextJS13 모바일 구분 및 기술 문의
안녕하세요 nextjs13 으로 프로젝트를 진행할려고 하면서 문의 사항이 있습니다. 전제 조건으로 하이브리드앱으로 구현 예정이며, 웹뷰 방식으로 웹, 앱을 같이 사용할려고 합니다. (레이아웃을 웹, 앱 별도 구성 예정) 궁금한게 많아서 질문이 많이 있네요. 전문가분들 도움 부탁드립니다. 1. react-device-detect 모바일 여부를 구분하여 레이아웃을 구성할려고하는데, MobileView의 경우 use client 에서만 작동되는 것같습니다. MobileView을 사용하여 ssr 사용은 불가능한건가요? 2. style-component nextjs12 에서는 style-component를 사용되었는데 13으로 올라가면서 css-in-js방식을 사용 못하는것으로 보이며, tailwindcss, postcss를 권장하는걸로 보이는데 맞나요? 추가로 style-component 를 use client로 사용할 경우 하위에 들어가는 컴포넌트들이 다 csr 형식으로 되는게 맞는건가요? 3. RCS(React Server Components) children 으로 화면을 넘겨서 사용하는데 중간에 use client 를 사용하면 하위도 csr 형태로 인식이 되는건지 문의 드립니다. 감사합니다.
개발자
#react
#nextjs
#next13
#nextjs13
#ssr
답변 1
댓글 0
추천해요 1
조회 479
일 년 전 · 백승훈 님의 답변 업데이트
IOS 개발자 관련 질문
IOS 개발자와 관련하여 궁금하여 질문을 남깁니다. 1. 특정 기업에서는 요즘들어, 웹뷰를 많이 사용한다고 하던데 , 그렇다면, IOS 개발자는 주로 브릿지를 만드는 역할을 많이 수행하게 되는 건가요? 2. IOS 개발자가 주로 하는 일에 대해 궁금합니다. 어떤 부분을 개발하는 지가 궁금합니다. 3. IOS 개발자의 특징과 장점에 대해 궁금합니다.
개발자
#ios
#ios-개발자
#swift
답변 1
댓글 0
추천해요 1
조회 159
일 년 전 · 유길종 님의 답변 업데이트
프로젝트 기술을 선택할 때, 폴더 라우팅같은 장점들 때문에 ssr을 사용하지 않고 Next를 이용하는 것이 타당한 이유가 될까요?
<프로젝트에 대한 설명을 간단히 드리자면...> 동아리 프로젝트입니다. 학교 학우들을 대상으로 하는 고정 타겟층이기에, ssr을 통해 SEO를 높일 필요가 없고, 서비스 크기가 작은 서비스를 만들려합니다.(앱 내의 웹뷰로만 이용자가 접근 가능하게 하려합니다.) <next를 선택한 이유는 아래와 같습니다.> 1. 이미지 최적화와 같은 자동 최적화 기능과 폴더 구조를 통한 직관적 라우팅 등의 이유 (인터렉션이 많아서 서버 컴포넌트보단 클라이언트 컴포넌트의 사용 비중이 더 높을 것 같습니다.) 2. 채용 공고에서 기업들의 next.js 사용 경험에 대한 선호도 (많은 기업들이 next에 대한 경험을 이력에 요구하기 때문에, 괜스레 next를 실제 서비스에서 한 번쯤을 활용해봐야 하는것은 아닌가 조바심도 듭니다.) <제가 고민하는 부분은...> next를 사용하는 가장 큰 이점은 ssr이라고 생각이 됩니다. 선택한 기술의 가장 큰 이점을 사용하지 않고 다른 이점들을 이유로 기술을 선택했다라는게 이력서를 확인한 면접관 입장에서 과연 수긍할 수 있는 부분일까 의문이 듭니다. 개발을 시작한지 2년이 채 안되가기에, 기술 선택에 있어 확신이 없는 것 같습니다. 현업자 분들의 조언이 정말 큰 도움이 될 것 같습니다!
개발자
#react
#next.js
#next
#기술선택
#이력서
답변 2
댓글 0
추천해요 2
조회 154
일 년 전 · 장성호 님의 새로운 답변
네이티브앱과 웹뷰 통신이 서버를 경유하나요?
안녕하세요 웹뷰에서 앱 함수 호출은 @javascriptInterface 를 이용하구요 앱에서 웹뷰의 javascript를 호출할때에는 webview.loadUrl() 함수로 가능한것으로 알고있습니다 이 두가지 통신 모두 클라이언트 사이드에서 발생하는 데이터 송수신으로 웹서버를 경유하지 않고 웹뷰에 표시된 웹화면과 앱간 다이렉트로 주고받는 통신이라고 이해하고 있는데요 아니다, 웹서버를 경유하는 데이터 통신이다 라는 주장이 있더라구요 다른분들은 어떻게 생각하시나요??
투표
개발자
#javascript
#native
#app
#ios
#android
답변 1
댓글 0
조회 105
일 년 전 · 유길종 님의 답변 업데이트
웹뷰 전역 레이아웃 스타일 관련 질문드립니다 !
안녕하세요 ! 웹 프론트엔드를 공부하고 있는 뉴비입니다. 현재 웹뷰(?) 프로젝트를 진행하고 있는데요 ! Nextjs와 styled-components를 이용해 개발하고 이를 PWA를 적용해 모바일에서 실행 가능하도록 하는것이 목표입니다. 페이지 작업 도중 개발자 도구의 각 모바일 기기 환경에서 레이아웃이 달라지는 문제가 발생하고 있는데요 ! 예를 들어, 아이폰 SE환경 (width 375px) 에서는 페이지의 컨텐츠가 얼마 없음애도 불구하고 y축 스크롤이 생기는 문제, 이보다 큰 기기인 아이폰 14 pro (width 430px) 등에서는 아래쪽 여백이 너무 많아 허전한 느낌이 듭니다 ㅠㅠ 이를 해결하려면 어떤 식으로 접근해야 할까요 ? 현재 globalCss는 캐치테이블(https://app.catchtable.co.kr/)의 Wrapper div를 참고하여 대강 적용해둔 상태입니다 .. !
개발자
#react
#next
#웹뷰
답변 1
댓글 0
조회 90
일 년 전 · 공민제 님의 새로운 댓글
React Native webview 아키텍처는 어떻게 설계되는 것이 좋은가요?
안녕하세요. 프론트엔드를 공부하는 공민제라고 합니다. 최근 웹 서비스를 웹뷰로 패키징해서 출시할 계획을 가지고 있는데요. 한 번도 해본 적이 없는 영역이라 레퍼런스를 찾다가 조금 어려움을 느껴서 질문을 드리게 되었습니다. 질문은 다음과 같습니다. 1. 웹뷰를 단일 웹뷰 컴포넌트 하나로 사용하게 되나요? 웹은 앱 네비게이션없이 반응형 웹 자체로 앱과 같은 기능을 할 수 있는데, 앱으로 만든다면 네비게이션이 들어가고 각 네비게이션 스크린 별로 해당 URL을 로딩하는지 궁금해요. 에이블리 어플 같은 경우에는 첫 로딩 이후 탭전환에 로딩이 없더라구요. 그래서 초기 구조를 잘잡고 가고 싶은데 제가 생각하고 있는 방식에 확신이 없고 github repository나 스택오버플로우를 모두 찾아봐도 키워드가 잘못된 것인지 예시를 찾기 어렵네요. 어떻게 아키텍처를 만들지에 대한 간단한 키워드나 힌트 제공해주시면 정말 감사드릴 것 같습니다! 혹은 자세한 답변은 제 마음을 울릴 것 같습니다.. 2. 스토어 배포시의 트러블 슈팅 웹뷰 앱을 굳이 앱으로 제공하는 이유가 있냐는 리젝 사유를 본 적이 있는데요. 사실 모든 기능을 웹에서 구현할건데 사진첨부와 같은 퍼미션을 받아올 필요도 없을 경우에는 어떻게 해야 앱성격을 잘 띄울 수 있을지 궁금해요. 앱 아이콘, 스플래시 스크린, 앱 푸시까지는 생각하고 있습니다. 앱을 제공하는 이유가 설치로부터 오는 장점과 네이티브기능이나 인터넷없이 사용할 수 있다고 찾고 있는데요. 어떻게 해야 웹뷰를 앱으로 제공한다는 명분을 쌓는 노하우가 있을지 궁금합니다. 실무 영역에서 웹뷰를 사용하시는 개발자 분들께서 간단하게 키워드라도 던져주시면 정말 감사할 것 같아요. 추가적으로 웹뷰 관련된 유튜브 영상들을 많이 봤는데 더 고려해야 할 사항들도 알려주시면 너무 큰 도움이 될 것 같습니다! 행복한 연말되셨으면 좋겠습니다. 글 읽어주셔서 감사해요!
개발자
#react
#react-native
#webview
#frontend
답변 1
댓글 1
조회 206
일 년 전 · 초코칩 님의 새로운 답변
추후에는 웹 프론트엔드 개발자의 수요가 더 줄어드는 상황이 올까요?
안녕하세요. 웹 프론트엔드 개발자로 취준중인 대학생입니다. 요즘 웹뷰로 이루어진 어플이 많고 그 이유가 현재 사용자들이 PC보다 모바일을 더 사용함과 동시에 심사 절차 및 빠른 배포 등 장점으로 인해서 보통 어플 위주로 돌아가는 서비스임에도 불구하고 앱 개발자의 수요도 있지만 웹 개발자의 수요가 많다고 알고 있습니다 사실 하루하루 지나면서 트렌드가 정말 빠르게 변하는 시대라고 생각해서 추후에 앱 업데이트, 심사 등 이런 절차가 현재 웹뷰로 배포하는 것과 동일하게 간편하고 쉬워지게 된다면 앱 개발자만 필요하고 웹 프론트엔드 개발자의 수요는 당연히 줄어들 수 밖에 없을까요? 괜한 걱정을 하는건지.. 다가올 미래라면 어떤 마음가짐을 해야하는지 고민에 빠져있는 것 같습니다,, 여러분들의 의견이 궁금합니다 감사합니다!
개발자
#프론트엔드
#개발
#커리어
답변 1
댓글 0
추천해요 2
조회 289
일 년 전 · 김태우 님의 답변 업데이트
모바일 뷰에서 팝업이, 뒤로가기 제스처를 취했을 때 이전 페이지로 넘어가지 않고 팝업만 닫히게 구현하고 싶어요.
안녕하세요. 이번에 웹뷰 뿐만 아니라 모바일 뷰까지 같이 개발을 진행하고 있는데, 팝업의 기능 구현에 어려움을 겪고 있어 질문을 남깁니다. 웹뷰 같은 경우는 바로 팝업을 닫을 수 있지만, 모바일 같은 경우에는 무심결에 뒤로가기 제스처를 통해서 팝업을 닫으려는 유저가 있을 수 있다고 생각합니다. 그래서 뒤로가기 제스처가 발동 시, 이전 페이지로 렌더링을 시도하는 것을 막고 해당 팝업을 unmount 시키고 싶은데 방법이 잘 생각나지 않네요. **개발환경은 프론트 (react) 입니다. 그냥 간단하게 생각한다면 모바일 뷰일 때를 dom 으로 감지 후에 해당 팝업이 mount 된 상태에서 navigation(-1) 같은 동작을 감지하여, 이전 페이지로 이동 대신 팝업을 unmount 시키게, useEffect 등으로 감시하면 될 것 같은데, 어떻게 구현해야 될까요? + 현재 react-router-dom v6.2를 사용하고 있는데, useBlocker를 활용하면 해결될 것 같습니다..! https://reactrouter.com/en/main/hooks/use-blocker
개발자
#react
#웹앱
#모바일앱
#팝업
#react-router-dom
답변 1
댓글 0
조회 587
일 년 전 · 백승훈 님의 답변 업데이트
프론트엔드 웹뷰 질문입니다.
1. 웹뷰 작업은 vite react 로 해도 괜찮을까요? 구글링 했을때 레퍼런스가 많지 않아서 정확하게 결정을 못내리겠습니다 2. Next 로 작업을 한다면 SSR 이외에 이점은 뭐가 있을까요? 3. 웹뷰 작업 후 React 는 AWS 를 이용한다면 S3 버킷에 올려 퍼블릭 엑세스 할당 후 클라우드 프론트를 태워서 호스팅 하면 될 것 같은데 Next 는 어떤 방식으로 호스팅을 할까요? 기존에 Vercel 과 EC2 위에 Next 프로젝트를 호스팅 한 경험이 있습니다. 4.앱에서 로그인이 된 상태에서 웹뷰를 띄었을때 세션을 유지하는 방법은 어떻게 될까요? 로그인 인증은 JWT 방식입니다. 네이티브 앱에서 로그인 된 상태에서 웹뷰를 띄어서 세션을 유지하는 방법의 플로우를 알려주시면 감사하겠습니다.
개발자
#webview
#react
#frontend
#web
#next.js
답변 1
댓글 0
조회 567
일 년 전 · 강병진 님의 답변 업데이트
플러터 웹뷰에서 새창열기
현재는 inAppWebView 라이브러리를 써서 진행하고 있는데 URLRequest 할 때 데이터가 자꾸 안 담겨서 넘어가는 것 같아요. 그리고 createWebView 인가 속성에 넣는 값들도 html에서 똑같이 써야한다고 하고 복잡해서… url_launcher 를 쓰는게 나을까요? 용도는 KCP 의 본인인증 입니다
개발자
#flutter
#webview
#kcp
#본인인증
답변 1
댓글 0
조회 324
일 년 전 · 강용석 님의 새로운 답변
모두 웹뷰로 이루어진 하이브리드 웹 개발시, 개발환경
모든 화면이 웹뷰로 이루어진 하이브리드 앱을 개발하고 있는데 실제 AOS와 IOS 환경에서 확인하면서 개발하고 싶을때 어떻게 하고 계신지 궁금합니다 Android 스튜디오는 Android 에뮬레이터 사용, Xcode는 iOS 시뮬레이터를 켜놓고 개발 및 테스트 하는 방법말고 더 좋은 방법 있을까요?
개발자
#webview
#nextjs
답변 2
댓글 0
추천해요 1
조회 439
일 년 전 · 프레드윰 님의 새로운 답변
안드로이드 스튜디오 webview의 qr스캐너
웹 내에서 zxing라이브러리를 사용해서 qr스캐너를 작동할수 있는데여 안드로이드 웹뷰 띄워놓고 zxing라이브러리로 qr스캐너가 작동하지 않습니다 물론 카메라 권한은 허용했구요 왜 않되는걸까요?
개발자
#android
답변 1
댓글 0
보충이 필요해요 1
조회 125
일 년 전 · 익명 님의 질문
안드로이드 스튜디오 관련 질문입니다!
안드로이드 스튜디오에서 웹뷰 형식으로 앱을 만들었습니다. 그런데 파일을 업로드할때 중간에 다시 메인이나 다른 페이지로 갔다가 다시 파일을 업로드하려고하면 아무 동작도 하지 않고 있습니다.. 파일을 다시 업로드 하고 싶으면 앱을 완전히 종료한 뒤에 다시 해야하는데 어떻게 해결해야할까요..? 앱은 완전 처음이라 어렵습니다ㅠㅠ
개발자
#안드로이드
#android
#webview
답변 0
댓글 0
보충이 필요해요 1
조회 32