PORORIRI

|삽질 기록 모바일 웹에서 동영상 스트리밍 기능을 테스트 하던 중 아이폰에서 영상의 video가 재생이 되지 않는 문제를 발견했다. 처음에는 뭐가 문제인지 아예 감을 못잡아서 디버깅 해보려고 맥북에서 부트캠프로 맥과 윈도우를 왔다 갔다 하다가 피시가 아예 터져버렸다..😢 그 뒤로는 무한 복구 모드.. 결국 다행히 오늘치의 작업분은 백업을 해둬서 큰 맘먹고 윈도우를 아예 초기화를 하고 디버깅 환경을 내 피시말고 다른 맥북에 세팅했다. 하지만 결국 별다른 문제를 찾지 못하며 이틀째 삽질하다가 원인을 찾아냈다. |해결방법 및 원인 if(videoSrc != '') { if (video.canPlayType('application/vnd.apple.mpegurl')) { video.src = videoSrc; ..

html 리스트 요소의 인덱스를 받아와서 css를 변경해야 할때가 있다. 예를 들어 나열되어있는 리스트를 클릭 했을때 색상을 변경해주는 등의 이벤트를 할 때 선택 요소의 css 변경이 필요하다. 그럴때는 eq() 함수를 이용하면 된다. |사용 예시 function listClick(e){ $(".mylist").find('li').eq($(e).index()).css('background-color','#f2f2f2'); } mylist 클래스의 li 태그 중에서 클릭한 인덱스의 css를 변경하는 예제이다. 위의 예제에서는 선택한 리스트의 배경 색상을 #f2f2f2로 변경해주는 코드이다. eq(인덱스) eq안에는 인덱스가 들어가는데, 클릭이벤트가 실행될때 클릭이벤트가 실행된 객체를 입력 받고, 입력받은 ..

|Uncaught TypeError: Failed to execute 'putImageData' on 'CanvasRenderingContext2D': parameter 1 is not of type 'ImageData'. html 캔버스를 사용 할 때 캔버스의 내용을 저장 하던 중 발생한 에러이다. imageData 타입이 아니다라는 뜻 나의 경우 json으로 저장햇었어서 json 데이터를 인식을 못한 것. 그냥 imageData로 저장하고 바로 함. |메시지 Handler dispatch failed; nested exception is java.lang.Error: Unresolved compilation problems: → 프로젝트 클린하기 |Uncaught SyntaxError : Unexpe..