![]()
결론부터 말하면 못쓴다. 개발자 도구에서 확인해보니 문제 없었지만 직접 폰으로 테스트해보니 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..
![]()
크롬 익스텐션을 스토어에 업로드 하려는데 문제가 생겼다. 로컬에서는 잘 되던 앱이 ZIP 파일로 만들어 업로드하니 위와 같은 에러가 생김... `manifest.json` 을 잘못 작성했나? 속성을 하나하나 다 찾아보고, 루트 디렉토리에 image 파일이 없어야 하나? 옮기고 사소한 것 하나하나 전부 정리했지만 해결되지 않았다. 결론은 zip 확장자 문제였다.. mac에서 기본 압축은 우리가 흔히 쓰던 압축 확장자가 아니라 크롬 페이지에서 zip 파일이 잘못됐다고 한 것! 무료로 이용할 수 있는 압축 프로그램 keka을 이용하면 정상적으로 업로드 된다!
![]()
이번에 tailwind로 작업하다 문제가 생겼는데 입력마다 textarea 의 높이를 텍스트가 들어올 때 마다 움직이게 하기 위해 height 을 동적으로 주고 싶었습니다. 하지만 tailwind는 미리 정해진 유틸리티 클래스 모음으로 1px 단위까지 디테일하게 설정할 필요는 없을거라 생각했습니다. // use tailwind + normal style `style: height` 처럼 기존의 CSS로 설정하면 되지만 하나의 tailwind 스타일로 통일하고 싶었습니다. // use tailwind const getAutoHeight = (heightState) => `h-[${heightState}px]` 이 방법은 tailwind의 특징을 해치지만.. 폭 넓게 사용가능한 arbitrary value ..
