# landscape

jinic

https://stackoverflow.com/questions/4917664/detect-viewport-orientation-if-orientation-is-portrait-display-alert-message-ad portrait 세로, landscape 가로 window.orientationchange - Deprecated https://developer.mozilla.org/en-US/docs/Web/API/Window/orientationchange_event window.matchMedia - 지원범위 이슈 지원범위 : https://caniuse.com/matchmedia window 사이즈 체크 실제 모바일 기기에서 모드 변경 시 isPortrait()바로 호출 하면 변경 전 사이즈를 체크해서 제대로 확인되지않음, setTimeout 활용 ios safari 브라우저에서는 스크롤시에도 resize 이벤트 발생 참고

moonyj06

1. 디바이스 가로/세로 구분 세로 모드 : Portrait (포트레이드) 모드 가로 모드 : Landscape (랜드 스케이프) 모드 코드 a. CSS를 이용한 방법 미디어 쿼리 사용 b. 스크립트를 이용한 방법 window.matchMedia(‘(orientation: portrait)’).matches window.matchMedia(‘(orientation: landscape)’).matches 값은 boolean 로 구분 (true, false) ※ 반응형으로 구현 시, ‘Resize’ 이벤트 사용 > 2. Main banner Video 적용 PC 에선 video 재생, Tablet, mobile 은 기본 이미

darcyu83

리액트 네이티브 구현하면서 겪었던 ... 다른분들은 안겪었으면 해서 남기는 글 앱에서 비디오 업로드를 할때 imagePicker라던지 ... 여튼 picker를 사용할 것이다. picker로 파일을 선택하는 순간 해당 비디오 파일의 width/height/duration 등등의 기본정보를 가져온다. 값을 담아서 서버로 예쁘게 쏘아줬다. 난 이게 끝인줄 알았다. 이제 목록을 만들어 표시를 해보자. 어.... 비디오 높이가 둘쑥날쑥한다. 디버깅을 한다. 우리는 핸드폰으로 촬영할때 가로 또는 세로로 촬영을 한다. 이걸 핸드폰이 알아서 이쁘게 세로모드로 찍었으면 height가 길게 가로모드면 width가 길게 저장해주면 얼마나 쉽겠냐만은 ... 현실은 x이다. 이제 어떻게 정확한 값을 잡아 오는지 언급하겠다. 비디오가 로딩되면서 비디오 고유값을 가져올수 있다. 여기에 들어오는 값이 정확하다. landscape : 가로모드, width / heig

jxxnnee

Declaration 앱은 이렇게 orientation이 portraint로 설정이 되어있지만, 특정 viewController에서는 화면을 회전하고 싶을 때 회전하는 방법에 대해서 정리해봤습니다. 우선 AppDelegate의 func application(_:, supportedInterfaceOrientationsFor:) 함수에 대해서 알아야 합니다. 해당 함수는 viewController에서 사용 될 인터페이

jinic

갤럭시에서만 나타나는 오류 안드로이드 세로 모드에서 키보드가 노출될 때 세로모드(portrait)가 아닌 가로모드(landscape)로 인지 됨 (Mediaquery, js 체크 둘 다 동일한 오류 발생) https://stackoverflow.com/questions/29362845/android-portrait-keyboard-pop-up-changing-my-orientation-to-landscape Window.orientation 로 세로/가로 모드 체크가 가능하지만 Deprecated 방법임 ( MDN 참고 ) 세로/가로 모드 체크를 위한 다양한 방법이 존재 함 하지만 가로,세로 길이 체크를 동한 체크 방법은 위 오류를 해결할 수 없음 https://stackoverflow.com/questions