![]()
결론부터 말하면 못쓴다. 개발자 도구에서 확인해보니 문제 없었지만 직접 폰으로 테스트해보니 navigator.vibrate 함수를 찾지 못해서 알게되었다. Vibration API 호환성 표를 보면 IOS Safari 에서 못쓴다 되어있어 Chrome을 다운받고 실험해봤으나 똑같이 안됐다. 이유를 찾아보니 IOS에는 브라우저 엔진이 하나 뿐이고 Chrome 및 다른 브라우저 앱은 그저 같은 엔진을 쓸 뿐이라고 한다. 따라서 표에도 Chrome for IOS가 따로 적혀있지 않았던 것! 참고로 안드로이드는 각 브라우저마다 엔진이 다르다고 한다. 참고 https://developer.mozilla.org/en-US/docs/Web/API/Vibration_API https://forum.freecodecam..
![]()
Local Storage ? 사이트를 나가거나 이동을 해도 데이터가 유지될 필요가 있는 데이터들이 있다. 예를 들면, 다크 모드나 뒤로 가기 시 이전 페이지의 스크롤 위치를 기억한다던가 현재 탭을 명시적으로 보여주기 위한 상태 등등 위의 것들은 Redux, Zotai 등 전역 상태 관리 라이브러리를 이용해도 되지만 브라우저를 종료하면 전부 사라지기에 다음에도 기억하려면 네트워크 통신이 필요하다. 쓸데없이 통신할 필요가 없기에 그냥 Local Storage에 넣어 사용자가 임의로 쿠키 및 데이터를 제거하지 않는 이상, 정해진 크기를 초과하지 않는 이상 계속 저장하고 기억해서 사용할 수 있다. Chrome Extension 크롬 익스텐션 환경에서만 사용할 수 있는 Chrome Stroage가 있다. 크롬 익..
![]()
궁금한 이유 프로젝트를 만드는데 이용자가 한국인이 아닐 수도 있잖아?라는 생각이 들었다. 다크모드를 지원하는 것처럼 다양한 언어를 지원하는 방법에 대해 궁금해져서 알아보게 되었다. 다양한 언어를 지원하는 웹 사이트 우선. 텍스트에는 다양한 종류가 있는데 글 제목, 컨텐츠 내용, 나무위키나 신문 같은 긴 아티클, 예나 아니오 또는 특정 선택 버튼 등등이 있겠다. 번역할 텍스트에는 종류를 가리지 않으니 이건 넘어가고 이미지도 결국엔 이미지 경로만 바꾸면 되는 것이니 크게 어렵지 않다 생각이 들었다. 다만, 이미지 때문에 다양한 언어를 지원할수록 크기가 배로 늘 수밖에 없어서 여기에 대한 해결책은 없을까 생각해 봤는데.. 이미지가 늘어나는 건 어쩔 수 없고 최대한 이미지를 줄이거나 대표 격인 영어로 통일하는 ..
