728x90 반응형 전체 글58 html video 태그 모바일 사용시 문제.. 결론부터 말하자면.. 태그 사용시(자동재생 필수요소) 안드로이드 1. autoplay 2. muted 아이폰 1. autoplay 2. muted 3. playsinline react에서 video태그 사용시 pc 화면에서는 문제가 없었는데 모바일에서 확인시에 video태그로 입힌 동영상만 확대되어 재생이 되었다.... 그래도 다행인게 안드로이드폰을 사용했으면 아이폰 문제를 캐치 못했을 텐데... 다행히 구글신의 도움으로 해결!! (잘못된 정보 있으면 댓들남겨주세요.. ㅜ) 참조 https://velog.io/@huhyj97/html-video-%ED%83%9C%EA%B7%B8-%EB%AA%A8%EB%B0%94%EC%9D%BC-%EC%A0%84%EC%B2%B4%ED%99%94%EB%A9%B4-%EC%9D.. 2023. 5. 19. JavaScript : event target, currentTarget의 차이점 핵심은 currentTarget은 이벤트 핸들러가 부착된 것을 가리킨다는 것이다! 즉, event.target은 부모로부터 이벤트가 위임되어 발생하는 자식의 위치, 내가 클릭한 자식 요소를 반환한다. 하지만 currentTarget은 이벤트가 부착된 부모의 위치를 반환한다. 추가정보 업데이트중.. 출처 및 참조 https://velog.io/@edie_ko/JavaScript-event-target%EA%B3%BC-currentTarget%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90 JavaScript | event target과 currentTarget의 차이점 이 글에서는 React onClick 이벤트 상황에서 event.target과 event.currentTarget의 차이.. 2023. 5. 12. Firebase 데이터 가져오다가 사고..(해결 Firebase에 데이터를 확인 후.. fetch를 이용해서 데이터를 가져온다.. 쉽네.. 뚜둥.......어언디파인드.... 일단 F12를 누른다... 왜일까.. 곰곰히 생각해본다.. (1순위: 오타, 2순위: Firebase 데이터 전송 느림.. ㅋㅋ, 3순위: re, npm start..., 4순위: 코딩전에 기도 안한 것..) 순위 모두 아니였다... 그러다.. 위에 fetch에 있는 json링크를 들어가서 유심히 보다가 드디어 발견.. ㅠㅠ 큰따옴표로 감싸져 있는 Key값들에게 공백이 있던 것이 아닌가 ㅠㅠ 공백이 생긴 이유를 생각해보니.. Firebase에 데이터를 넣다가 혹시나 오타가 생길까 봐 복사해 붙여 넣었던 것이 이런 문제를 발생시킨거같다.. 아직 개인 프로젝트 초기인데 벌써 고난이... 2023. 5. 3. react - public폴더 이미지 절대경로 사용법 react 작업을 하다가 img를 넣는 와중에 오류가 생겨 찾아보았어요 public폴더의 절대경로를 이용하려면 html 에서는 %PUBLIC_URL% js 에서는 process.env.PUBLIC_URL 저는 상수에 담아서 이런식으로 사용하고 있답니다 const 상수이름 = process.env.PUBLIC_URL; 참조 https://create-react-app.dev/docs/using-the-public-folder Using the Public Folder | Create React App Note: this feature is available with react-scripts@0.5.0 and higher. create-react-app.dev 2023. 4. 25. 이전 1 ··· 4 5 6 7 다음 728x90 반응형
