#webview

물경력 2년차 개발자 이직에 대해서

비전공자 국비로 시작해서 어느덧 2년차 개발자가 됐습니다. 프론트 개발자(react)를 준비하던 중 작은 기업에서 Java 백엔드를 가르쳐주겠다 하여 입사했지만 들어가서 처음 접한 언어는 php... 회사 내 개발자는 cto, 신입인 저 2명뿐이였는데 cto분도 제가 입사한지전공자 국비로 시작해서 어느덧 2년차 개발자가 됐습니다. 프론트 개발자(react)를 준비하던 중 작은 기업에서 Java 백엔드를 가르쳐주겠다 하여 입사했지만 들어가서 처음 접한 언어는 php... 회사 내 개발자는 cto, 신입인 저 2명뿐이였는데 cto분도 제가 입사한지 한달만에 퇴사... 어찌저찌 프리랜서를 구했는데 그 프리랜서도 3개월 하고 퇴사 비전공자고 인문학 출신인 내가 이직을 위해서는 경력이 필요하다 생각해서 군대 재입대 했다 생각하고 버티면서 이 회사에서 이것저것 다 했습니다. php로 웹 유지보수 하면서, RN로 webview 개발 및 android, ios 앱 배포, flutter 앱 개발하다가 자바공화국에서 이직을 하려면 java를 해야겠다 싶어서 java프로젝트에 제발 껴달라고 해서 작년9월쯤 java프로젝트에 합류하게 됐습니다. java spring boot로 자사 서비스 개발 및 유지보수, 지자체 프로젝트 이것저것 어찌저찌 주먹구구식으로 구글링하면서 개발하다보니 어느세 2년이 됐네요... 누구한테 제대로 배운 적이 없어서 저 혼자 서버 세팅이나 개발도 할 수 있을지... 2년 동안 한 것처럼 구글링 하다보면 어찌저찌 하겠지만 그게 과연 옳은 길인지 의심이 들던 중 대표의 밥 먹듯이 하는 가스라이팅과 깨끗하지 않은 제안에 이제 그만둬야겠다는 결심을 하게 됐습니다.. 그런데 요즘 취업 시장만 봐도 경기가 너무 안좋은데, 비전공자/인문학도인 제가 2년의 물 경력으로 이 험난한 취업 시장에서 살아남을 수 있을까요... 아님 1년만 더 견뎌볼까요... 두서 없이 쓴 긴 글을 읽어주셔서 감사합니다..

WebView로 개발한 앱 개발 경력은 도움이 안될까요?

질문 자체가 우문이라고 생각은 합니다만, 경험이 적다보니 조언을 구하고자 질문합니다. (조언 주시면 달게 받겠습니다ㅠㅠ) Q. iOS 앱 개발로 전문성을 쌓고 싶은데, WKWebView 경력은 채용입장에서 기피하게 되나요? 채용 요건은 대부분 (SwiftUI + TCA / Rxswift) + Tuist + TDD 로 요약될 것 같습니다. 그런데 WKWebview로 프로젝트를 구성하게되면, Tuist 그리고 Rx관련 라이브러리 적용이 일부분 가능하지만, 대부분은 없더라구요. 제가 고민인 것이 WKWebview를 많은 회사에서 사용하지만, 막상 요건에서는 주로 네이티브에 대한 개발 능력을 보다보니, 제가 가진 프로젝트 경력에 부족하지 않은가 라는 생각을 많이 합니다. 채용 입장에서는 이런 부분을 약점으로 보는지 궁금했습니다! Q. (커리어 패스 질문) Flutter 경력이 최근에 많이 있긴한데, WKWebview 경력으로 Native로 나아가기보다는 Flutter 개발로 나아가는게 나을까요? 저는 현재 다음과 같은 개발 경험을 가지고 있습니다. 현재 앱 프로젝트를 8건 - iOS Native 개발 2건 - iOS WKWebview를 통한 하이브리드 앱 2건 - Flutter 앱 개발 4건 다만, 네이티브 개발한지가 2~3년전 경력이다보니, 괜히 움추려드네요ㅠㅠ 최근에는 대부분 Flutter 개발과 WebView 이용한 하이브리드 앱 개발이 전부입니다. 저는 iOS도 너무 재미있고 Flutter도 너무 재미있습니다. 이런 상황이라 어떠한 식으로 커리어패스를 생각해야할지 고민입니다. 먼저 경험이 있으신 분들의 입장에서 어떠한 모습으로 보여질지 궁금하여 질문드렸습니다 긴 글 읽어주셔서 감사합니다. 어떤 조언이든 해주시면 저에게 큰 도움이 될 것 같습니다. 감사합니다 ^-^

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해주는데 백그라운드에서 앱을 완전히 종료시키고 다시 실행하면 쿠키가 사라지더라고요... 왜 그런건가요...??

리액트네이티브 웹뷰에서 카카오 로그인 관련 질문드려요

안녕하세요. 웹 개발자여서 리액트 네이티브 cli로 웹뷰만 했을 뿐 아무것도 모릅니다.ㅜㅜ 원인: 웹뷰에서 카카오 로그인을 붙였습니다. 하지만 안드로이드에서 카카오 로그인이 되지 않습니다. 이유를 찾아보니 카카오 개발자 문서에 https://developers.kakao.com/docs/latest/ko/javascript/hybrid 안드로이드는 따로 뭘 해줘야 한다고 합니다. 'JavaScript SDK가 카카오톡 실행을 위한 Intent URI를 생성해 호출합니다. 웹뷰에서는 WebViewClient#shouldOverrideUrlLoading 메서드를 오버라이딩(Override)하여 Intent를 파싱(Parsing)하고, 해당 Activity를 실행해야 합니다.' 하지만 저것을 어디에 오바라이딩 해야하는건지 전혀 모르겠습니다. 도와주세요

react-native-webview

카카오 지도를 webview로 표현하는데 디바이스에 나오지 않네요, 구글링해서 다 찾아봐서 적용시켜 봤는데 어떻게 해야할지 감이 안옵니다... 카카오 앱등록에서 https://localhost:8081 적용하고 javascript api key를 appkey에다가 했는데 왜 그럴까요 -_-;;

이력서에 첨삭할 진행했던 프로젝트들 내용을 보다 더 잘 적고 싶어요.

이력서에 첨삭할 지금까지 진행했던 프로젝트들 내용을 적고 있는데 한눈에 보기 쉽게 큰 범주로 적기에는 너무 포괄적으로 적는것 같고 개발한 기능들을 세부적으로 적거나 해당 프로젝트 진행 후 낸 성과들을 다 나열하면 내용이 너무 길어지는것 같아서 어느정도로 구체화해서 적어야될지 헷갈려서 조언을 구해 봅니다. 아래는 지금 작성된 내용입니다. 현재는 프로젝트별로 포괄적으로 적거나 좀 더 디테일하게 적거나 기준점을 못찾은 상황입니다. [ 2022. 12 ~ 2022. 01 • 프로젝트 명 : 집 클릭 • 주요 설명 : 전세임대 지원 사이트로 권리분석을 의뢰할 수 있는 사이트 • 담당 업무 : 자사 서비스 웹 크롤링 기능 개발 -puppeteer 사용 등기부등본 발급 자동화 웹 크롤링 작업 • 기술 스택 : Node.js 2023. 06 ~ 2023. 07 • 프로젝트 명 : 브릭 인프라 • 주요 설명 : 자사 서비스 종합 관리 사이트 • 담당 업무 : 자사 어드민 프론트엔드 개발 • 기술 스택 : React 2023. 08 ~ 2024. 06 • 프로젝트 명 : 키오 솔루션 • 주요 설명 : QR 주문 결제로 보다 편리한 결제 시스템을 이용할 수 있는  솔루션 • 담당 업무 : 자사 솔루션 "키오" 활용 서비스 개발 및 운영 유지 보수 - 메뉴형 결제 서비스 "키오브릭" 프론트엔드 유지 보수 - 금액입력형 결제 서비스 "스마트 노점" 프론트엔드 개발 및 - 해당 서비스 관련 어드민 풀스택 유지 보수 - 자사 어드민 풀스택 유지 보수 • 기술 스택 : React, GraphQL, Node.js, MySQL 2023. 09 ~ 2024. 06 • 프로젝트 명 : 오늘 우리 가게 • 주요 설명 : 자영업자 대상 매출, 리뷰, 주문 현황, 광고 현황 분석 앱 • 담당 업무 : 자사 서비스 오늘 우리 가게 기능 개발 및 운영 유지 보수 - React Native 앱 메인 화면 개발 - 전체 React Native 앱 기반 프로젝트 WebView 기반 프로젝트로 전환 작업 진행 - 리뉴얼 된 WebView 구성 화면 프론트엔드 개발 - 우리 가게 리뷰 듣기 TTS 하이브리드 기능 개발 - 네이버 클라우드 이용 카카오 알림톡 서비스 벡앤드 유지 보수 - 앱 테스트 및 배포, CodePush 작업 진행 • 기술 스택 : React Native, MobX, React, Redux, TypeScript, Next.js, Node.js, MySQL 2023. 11 ~ 2024. 02 • 프로젝트 명 : 빌딩 CAS • 주요 설명 : 건물 내 입주사들을 위한 공지, 관리비 결제 및 장터 커뮤니티 기능을 제공하는 앱 • 담당 업무 : 외주 서비스 빌딩 CAS 프론트엔드 및 앱 개발 - WebView 기반 프로젝트 초기 환경 구축 및 아키텍처 설계 - React Native 앱 메인 화면 개발 - WebView 주요 기능 프론트엔드 개발(소셜로그인, 회원 정보 관리, 관리비 결제, 문의하기, 중고장터 게시판) - 앱 테스트 및 배포, CodePush 작업 진행 • 기술 스택 : React Native, React, MobX, Node.js, PostgreSQL *** 포트폴리오 링크를 통해 더 자세한 내용을 확인 하실 수 있습니다. ]

하이브리드앱(네이티브+웹뷰)에서 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 를 연동하시는 분이 있다면 (혹은 방법을 아는 분이 계시다면) 어떤 식으로 진행하고 계신지... 경험과 지혜를 나눠주시면 많은 도움이 될 것 같습니다!! 미리 감사드립니다. 🫡

커리어리 안드로이드 앱 프론트엔드

이거는 웹으로 구현해서 어플로 연동만 한건가요? 아니면 안드로이드 구현을 한 걸까요? 웹으로 구현해서 webview로 연동만 하는 경우에도 이렇게 부드럽게 UI 구현 가능한가요?

네이티브앱과 웹뷰 통신이 서버를 경유하나요?

안녕하세요 웹뷰에서 앱 함수 호출은 @javascriptInterface 를 이용하구요 앱에서 웹뷰의 javascript를 호출할때에는 webview.loadUrl() 함수로 가능한것으로 알고있습니다 이 두가지 통신 모두 클라이언트 사이드에서 발생하는 데이터 송수신으로 웹서버를 경유하지 않고 웹뷰에 표시된 웹화면과 앱간 다이렉트로 주고받는 통신이라고 이해하고 있는데요 아니다, 웹서버를 경유하는 데이터 통신이다 라는 주장이 있더라구요 다른분들은 어떻게 생각하시나요??

React Native webview 아키텍처는 어떻게 설계되는 것이 좋은가요?

안녕하세요. 프론트엔드를 공부하는 공민제라고 합니다. 최근 웹 서비스를 웹뷰로 패키징해서 출시할 계획을 가지고 있는데요. 한 번도 해본 적이 없는 영역이라 레퍼런스를 찾다가 조금 어려움을 느껴서 질문을 드리게 되었습니다. 질문은 다음과 같습니다. 1. 웹뷰를 단일 웹뷰 컴포넌트 하나로 사용하게 되나요? 웹은 앱 네비게이션없이 반응형 웹 자체로 앱과 같은 기능을 할 수 있는데, 앱으로 만든다면 네비게이션이 들어가고 각 네비게이션 스크린 별로 해당 URL을 로딩하는지 궁금해요. 에이블리 어플 같은 경우에는 첫 로딩 이후 탭전환에 로딩이 없더라구요. 그래서 초기 구조를 잘잡고 가고 싶은데 제가 생각하고 있는 방식에 확신이 없고 github repository나 스택오버플로우를 모두 찾아봐도 키워드가 잘못된 것인지 예시를 찾기 어렵네요. 어떻게 아키텍처를 만들지에 대한 간단한 키워드나 힌트 제공해주시면 정말 감사드릴 것 같습니다! 혹은 자세한 답변은 제 마음을 울릴 것 같습니다.. 2. 스토어 배포시의 트러블 슈팅 웹뷰 앱을 굳이 앱으로 제공하는 이유가 있냐는 리젝 사유를 본 적이 있는데요. 사실 모든 기능을 웹에서 구현할건데 사진첨부와 같은 퍼미션을 받아올 필요도 없을 경우에는 어떻게 해야 앱성격을 잘 띄울 수 있을지 궁금해요. 앱 아이콘, 스플래시 스크린, 앱 푸시까지는 생각하고 있습니다. 앱을 제공하는 이유가 설치로부터 오는 장점과 네이티브기능이나 인터넷없이 사용할 수 있다고 찾고 있는데요. 어떻게 해야 웹뷰를 앱으로 제공한다는 명분을 쌓는 노하우가 있을지 궁금합니다. 실무 영역에서 웹뷰를 사용하시는 개발자 분들께서 간단하게 키워드라도 던져주시면 정말 감사할 것 같아요. 추가적으로 웹뷰 관련된 유튜브 영상들을 많이 봤는데 더 고려해야 할 사항들도 알려주시면 너무 큰 도움이 될 것 같습니다! 행복한 연말되셨으면 좋겠습니다. 글 읽어주셔서 감사해요!

React-native webview로만 이루어진 어플

안녕하세요! React-native webview로만 이루어진 어플이 있을까요? 유저사용성과 ui를 비교해보고 싶어서 알고 싶습니다🥹

플러터 웹뷰에서 새창열기

현재는 inAppWebView 라이브러리를 써서 진행하고 있는데 URLRequest 할 때 데이터가 자꾸 안 담겨서 넘어가는 것 같아요. 그리고 createWebView 인가 속성에 넣는 값들도 html에서 똑같이 써야한다고 하고 복잡해서… url_launcher 를 쓰는게 나을까요? 용도는 KCP 의 본인인증 입니다

안드로이드 스튜디오 webview의 qr스캐너

웹 내에서 zxing라이브러리를 사용해서 qr스캐너를 작동할수 있는데여 안드로이드 웹뷰 띄워놓고 zxing라이브러리로 qr스캐너가 작동하지 않습니다 물론 카메라 권한은 허용했구요 왜 않되는걸까요?

Flutter inappwebview 앱 열기 질문입니다

안녕하세요! Flutter로 앱을 개발중입니다. 인앱웹뷰로 앱을 여는데, 타 앱을 열리나 알 수 없는 스키마로 웹페이지를 열 수 없다는 에러페이지가 해당 앱 내에서는 보여집니다. 도대체 이유가 뭔지 모르겠어서 며칠간 고민하고 질문드립니다..

expo webview 이용하여 ios/안드로이드 앱을 이용해 보았습니다.

어렵게 어렵게 독학으로 웹페이지까지 만들고 앱 등록 및 출시까지 마쳤습니다. 앗 그런데 비행기 모드에서는 작동이 안되더군요.... 뚜뚱... 생각해보니 웹뷰란 인터넷이 되는 상태에서 웹 로딩이 이뤄지는 원리였고 당연히 인터넷 없이는 웹로딩이 불가능 했던 거죠.. 여러 방법을 찾아보니 html파일을 로딩하는 방법도 어떤 문제로 인해 expo에서는 기능제공을 하지 않고 있더라구요. 비행기 모드에서도 작동이 될 수 있는 방법이 있을까요?? 저와 같은 경험이 있으신 분이 계실까 모르겠지만 혹시나 비슷한 문제 직면하신 분이 있으시다면 도움 부탁 드립니다.

모바일 개발자로서 입지가 고민됩니다.

안녕하세요 이커머스 기업에서 ios 개발자로 일하고 있는 주니어입니다. 요즘들어 ios 네이티브 개발자로서 향후 개발자로서의 입지 혹은 위상이 하이브리드 및 웹뷰의 발전으로 인해 점진적으로 하락하지 않을까 하는 고민이 들어서 선배 ios 개발자들의 생각이 궁금해 질문올립니다. 이커머스 특성상, 저희 회사는 웹뷰로 구성되는 화면의 비중이 적지 않은데 프론트엔드 개발자들 분들께서 만드시는 웹뷰 화면들의 퀄리티를 볼 때마다, 인터넷 환경의 유무만 빼면 네이티브와 성능상, 미관상 크게 체감상 다를 바 없다는 느낌이 듭니다. 더군다나 업무를 하다보면 점점 화면을 웹뷰로 그리고 모바일 개발자들은 단순히 이를 WKWebView를 통해 띄워준다거나, 혹은 단순 UI 수정에만 업무 범위가 국한되는 느낌이 있습니다. 물론 UI 작업 외에도 MVVM, Ribs 등 앱 전체 구조 혹은 디자인 패턴을 고민한다던지, 앱 성능 및 메모리 관리를 고민한다던지 등 네이티브 앱 개발자로써 여전히 고민 및 학습해야 할 여지가 크지만, 문제는 이것이 제가 속한 곳에서는 ios 개발자들끼리의 고민으로 끝나지 개발조직 전체로 놓고 보면 그다지 관심가는 고민으로 비치지 않는다는 점입니다.. 더군다나 앱개발 특성상 서버 개발자들이 대용량 트래픽 처리 등을 고려해서 구조 및 성능을 개선하는 것과 비교하면 앱 화면 뒷단을 작업하는 일이 좀 초라하게 느껴질 때도 있습니다..(이 부분은 아직 제가 학습할 것도 많고 모르는 것도 많아서 보고 깨닫지 못한 부분이 많아서 이리 생각하는걸 수도 있겠다 싶긴 합니다.) 이런 상황에서 모바일 개발자로서 커리어를 지속한다고 할 때, 과연 개발자로서 계속해서 성장할만한 여지가 다른 개발직무와 동일하다고 볼 수 있을까요?? 혹은 선배 모바일 개발자분들은 어떤식으로 커리어를 이어나가시면서 새롭게 성장할 여지를 찾아나가시는지 궁금합니다.

Scrollview 안에 Webview 사용 문제

제목처럼 ScrollView 안에서 Webview를 사용할때 터치하는 영역이 스크롤뷰인지 웹뷰인지에 따라 해당 컴포넌트만 스크롤이 되는데 터치하는 영역 상관없이 둘다 스크롤처리가 동시에 가능하도록 할 수 있을까요??

React-native에서 webview로 cookie 넘겨줄 때, Ios cookie 에러

안드로이드에서는 cookie를 webview로 잘 받아서 넣어주는데 Ios에서는 cookie 전달이 잘 안 되는 문제가 발생합니다. Link앞에 .를 붙였더니 됐다 안 됐다 하긴 하는데 명확한 해결책이 궁금합니다! 도움이 절실합니다..🥹