본문 바로가기
반응형

전체 글280

📦 7월 4주차 회고 🎁 navigator mediasession 처리 음악서비스를 제공하는 회사에서 일하다보니 navigator mediasession 은 사실 필수 이다. 그래서 이번에 사용하다가, ios-safari에서 정상적으로 동작하지 않는 것을 확인하였고 그리하여 관련내용을 블로그에 적어두었다. ios safari media session https://front-study.tistory.com/124 navigator.mediaSession 🧸 navigator.mediaSession navigator.mediaSession는 웹에서 현재 재생중인 오디오,비디오의 정보 및 컨트로를 가능하게 해주는 Web API 이다. 🛀🏼 navigator.mediaSession 적용 if ("mediaSession" in na.. 2023. 7. 30.
navigator.mediaSession 🧸 navigator.mediaSession navigator.mediaSession는 웹에서 현재 재생중인 오디오,비디오의 정보 및 컨트로를 가능하게 해주는 Web API 이다. 🛀🏼 navigator.mediaSession 적용 if ("mediaSession" in navigator) { navigator.mediaSession.metadata = new MediaMetadata({ title: "Podcast Episode Title", artist: "Podcast Host", album: "Podcast Name", artwork: [{ src: "https://www.aplayz.co.kr/media/images/ev_main_con01_logo.png" }], }); } 📫 문제를 겪었던 .. 2023. 7. 27.
props으로 함수 받기 🦞 props 으로 함수 받기 글을 쓰게 된 이유 개발을 하다보면 여러개의 모달을 만드는 경우가 있다. 그렇지만 대부분의 모달은 "예,아니오" 또는 경고성 모달을 만드는 경우가 많다. 그리고 한 화면에 3~4개의 모달이 필요한 경우도 있다. 그렇다면, 한 화면에 3~4개의 모달을 import해야 하는 경우도 발생하는데, 이러한 부분이 자원낭비라고 생각했다. 그리하여 만약 모달의 구조는 같으나, 선택된 버튼의 경우에 따라 동작 방식이 다르다면 props으로 Function으로 받으면 되지 않는가 라는 생각이 들어서 이번글을 적게 되었다. 아래 모달1,모달2는 구조는 같으나 🦎 Props으로 함수 받기 일단 props으로 closefunc으로 받도록 한다. 그리고 type을 Function으로 선언하고 기본.. 2023. 7. 23.
🦈 7월 3주차 회고 🐡 웹 표준 알아보기 하반기 계획중에는 웹 표준에 맞게 개발하는 것이 목표이다. 아무래도 다양한 사람들이 접근하기 편하게 할려면 웹표준에 맞게 개발을 하여야 한다. 그러므로 HTML 표준에 대해서 정리해보도록 하자. 🦭 props으로 함수 받기 블로그 현재 프로젝트에서 Modal이 내용만 다르는 경우가 많다. 그리하여, props으로 함수를 받는 것을 공통으로 처리할 필요성을 느꼈으며, props으로 함수를 받는 부분을 블로그 할 예정이다. 🦒 css 공통 처리 css가 중복되어 있는 부분이 많아, 현재 예상치 못하게 css가 깨지는 현상들이 종종 발생한다. 그리하여 어디서부터 어디까지 공통으로 처리하고, 컴퍼넌트별 css를 어떻게 처리할지 고민이 매우 필요한 상황이다. 하반기에는 끝내고 싶은 목표이다. 2023. 7. 23.
반응형