목록react-device-detect (2)

개발조각

[react-device-detect & video-react] 비디오 배경만들때 pc일때는 pc비디오, mobile일때는 mobile비디오 나오게 하기

회사에서 랜딩페이지를 만들면서 비디오 배경 만들 때 골머리를 많이 때렸다... 만들어야 되는 기능 pc일 때는 배경이 pc비디오가 나오게 모바일일 때는 배경이 모바일비디오가 나오게 해야 된다. 과정 1 처음에 단순하게 반응형으로 처리했다가 사수분한테 혼났다ㅎㅎ 이렇게 만드는 건 옛날 방식이라고 이렇게 하면 안 된다고 했다... 과정 2 react-device-detect를 이용해서 아래와 같이 수정해 주었다. https://www.npmjs.com/package/react-device-detect react-device-detect Detect device type and render your component according to it. Latest version: 2.2.3, last publish..
라이브러리 2023. 9. 21. 00:47
[react-device-detect] 각 디바이스마다 맞는 스토어 이동기능 구현하기

회사에서 랜딩페이지를 작업하면서 react-device-detect를 사용한 경험에 대해서 정리해보려 한다. 만들어야 되는 기능 웹에서는 안드로이드 다운로드, ios 다운로드 버튼이 각각 있다. 모바일에서는 다운로드 하나만 있는데, 안드로이드에서 클릭하면 구글플레이스토어로 들어가고 ios에서 클릭하면 앱스토어로 들어가야 된다. 웹에서는 둘 다 만들면 되니까 별상관이 없는데 모바일에서는 디바이스가 무엇인가에 따라 처리해야 하니 난감하다는 생각이 들었다. 그래도 구원해 줄 라이브러리는 언제나 존재한다. 바로 react-device-detect이다. https://www.npmjs.com/package/react-device-detect react-device-detect Detect device type a..
라이브러리 2023. 9. 21. 00:04
Prev 1 Next