logo image
메인
기술
HOME
기술

스마트폰 앱 + 모바일 웹 제작 관련

목록
#mobile
  • 모바일 웹을 앱에서 웹뷰로 불려 사용하도록 하였을 때, 이때 부른 곳에 일반 브라우저인지, 앱인지 구분하는 좋은 방법
    • 웹뷰의 user-agent에 특정 값을 넣어두고, 웹 서버에서 그 값을 체크해서 사용.
    • 장점 : 쿠키나 세션 같이 사리지는 일이 없다.
  • 모바일 웹에서 iframe 을 사용하는 경우 ios인 경우 이상 동작하는경우가 많다.
    • ios자체가.. 이상해.
  • 모바일 앱에서 웹뷰로 모바일 웹을 호출하는데, 화면이 늦게 뜨는 것 같다.
    • 모바일 앱에서 성능 향상 때문에 웹뷰의 캐싱을 꺼놓았다고 한다. (캐싱 끄는게... 성능향상이라는 아이러니...)
    • 그런데 웹폰트를 사용중이었었다. 문제는 웹 폰트 관련 도메인이 외국 도메인이라서 접속에 시간이 오래결렸다.
    • 캐싱off+외국 도메인 => 항상 새로 받아와서 처리 +접속 느림 => 화면 보이는 속도가 늦어짐.
    • 해결
      • 웹뷰 캐싱 사용 -> 기각 당함.
      • 웹 폰트를 사내 서버로 옮김 -> 속도가 빨라짐.
목록
댓글
  • / /
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📅 달력형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
reportError()
new 1
#report #error
queueMicrotask()
new 2
#microtask
UI exclusive dialog
new 1
#modal #dialog
마우스 등의 입력장치의 폴링레이트 이슈 PC/Mobile
#폴링레이트 #지연시간 #마우스 #팬
윈도우에서 포트포워딩 하기
#포트포워딩
git hub 소스에서 cors 회피하기
#github
웹 폰트 사용시 load, ready 시점 주의
#font
js-templater 단순한 JS 템플릿 엔진 만들봤는데...
1
#template
웹 페이지에서 선택된 문자열의 너비 알아오기
#text #range #width
HTML에서 자식요소를 격리 시키기 contain: strict;
2
#contain #isolate
contenteditable="plaintext-only"
#contenteditable
openweathermap.org 날씨정보 API
2
#api #날씨
css grid repeat 사용법. (동적 컬럼)
#grid #auto-fit #auto-fill
pointerrawupdate event
1
#pointer
scroll-snap 사용시 주의 사항
#scroll-snap
tag