# useragent
2023.03.09
웹뷰의 경우, userAgent에 앱 버전이 반드시 명시되는건 아니다.자동으로 명시가 되는 줄 알았지만, 아니었다.userAgent 세팅을 앱쪽에서 직접해주는듯하다.따라서 웹에서 앱버전체크가 가능한지는 userAgent를 까보고 판단하자.

[nextJs] <InAppBanner> 작업 (feat. device check, deep link , pageProps)
NextJs에서 cookie를 이용해 <앱으로 보기> 작업하기

Front-end 국비지원 #060일
JQuery Progress Bar 01 >결과 >HTML >CSS >script >변수는 감싸고 있는 .progress-bar 와 안에 .bar , .num 이 있고 .num의 안에 data-num이 있는데 progressData 로 만들었다. progressBar 의 애니메이션은 progressData 의 width + '%' 의 값으로 만...

Front-end 국비지원 #054일
결과휠을 내리게 되면 다음 SectionHTMLCSSscript에 설명된 주석을 참고결과HTMLCSSscrollLeft 값만 바꿔주면 동작이 된다. 결과HTMLCSSscriptTyping 효과를 나타나게 하는 효과이다.CDN은 구글링을 통해 가져온다. 정해진 공식 페이
UserAgent
ios 에서는 crios https://developer.chrome.com/docs/multidevice/user-agent/

모바일웹 안드로이드/아이폰 구분하기
모바일웹 개발 시 안드로이드/아이폰을 구분해야하는 경우가 생겨서 방법을 찾아보았다. 사용자가 접속한 에이전트 정보는 Navigator 인터페이스가 제공하고, 우리는 window.navigator로 접근할 수 있다.

리액트에서 미디어쿼리 대신에 userAgent로 태블릿,아이폰,안드로이드를 대체해 보자
보통 반응형 처리는 css mediaquery로 처리하긴 하는데..피치 못할 사정으로 미디어쿼리를 쓸수 없는 상황이라면 요긴한 코드가 있다.나의 경우에는, react-tooltip이 데스크탑에서만 보이게 하고 싶고, 모바일,태블릿 환경에서는 안 보이게 하고 싶은데 방법

Scrapy - fake useragent 설정하기
scrapy-fake-useragent💎 Scrapy에서 간단하게 fake-useragent 방법을 정리하겠다.구글에서 scrapy fake useragent 검색을 하면 잘 나온다.아무래도 크롤링을 하다 보면 User Agent 정보를 headers에 추가해서 전달

크롬에서 userAgent알아내서 puppeteer에 적용하기
크롬 개발자 모드 콘솔에navigator.userAgent라고 입력await browser.setUserAgent()에 인자로 위의 결과를 집어넣어주면 퍼펫티어의 userAgent가 사용하고 있던 크롬의 userAgent로 바뀐다.userAgent가 잘 바뀌었는지 확인
UA(navigator.userAgent)가 사라진다
참고 https://www.zdnet.com/article/google-to-phase-out-user-agent-strings-in-chrome/