[TIL] 63일차

IOS에서는 PWA, 볼륨 조절을 지원하지 않아서

iOS-Specific Considerations

iOS-Specific Considerations There are a handful of device-specific considerations you should be aware of when embedding audio and video using HTML5. Optimization for Small ScreensCurrently, Safari optimizes video presentation for the smaller screen on iPho

developer.apple.com

첫 로그인 시 알림 설정 팝업 띄워주는 페이지와 음량 조절 바를 움직 였을 때 애니메이션을 주기로 했다.

  function Mobile() {
    return /iPhone|iPad/i.test(navigator.userAgent);
  }
  const [mobile, setMobile] = React.useState(Mobile()); // IOS이면 true, 나머지는 false
  const [noticationModal, setNoticationModal] = React.useState(false);

  React.useEffect(() => {
    const noticeSet = JSON.parse(localStorage.getItem("noticeSet"));
    const token = localStorage.getItem("token");

    if (!noticeSet && token && !mobile) {
      setNoticationModal(true);
    }
  }, []);

https://justbobby.tistory.com/20

javascript 안드로이드 아이폰 구분

하이브리드 및 웹 앱을 만들다보면 Android 와 IOS를 구분해야하는 부분들이 생긴다. 자바스크립트에서 접속자의 브라우저 정보 및 디바이스 정보를 가지고있는 User-Agent라는 객체를 사용하여 An

justbobby.tistory.com

구현 영상

+ 배포 후 성능 개선 시 참고하면 좋을 것 같은 사이트

https://velog.io/@shin6403/React-%EB%A0%8C%EB%8D%94%EB%A7%81-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94%ED%95%98%EB%8A%94-7%EA%B0%80%EC%A7%80-%EB%B0%A9%EB%B2%95-Hooks-%EA%B8%B0%EC%A4%80

React 렌더링 성능 최적화하는 7가지 방법 (Hooks 기준)

오늘은 그동안 React를 공부하고 알아왔던, class기반이 아닌 hooks 기반의 성능 최적화에 대한 방법들을 포스팅 하고자 한다.먼저 컴포넌트의 리렌더링 되는 조건은 아래와 같다.부모에서 전달받은

velog.io