인스타그램 피드 limit 33개만 나오는 버그

인스타그램 피드로 데이터를 불러오다 보면 limit는 최대 60개까지 불러올 수 있는데 33개 이후로 불러와 지지 않는 경우가 있다.
왜그런지는 모르겠으나 33개 이상 안불러질때는 다른 방법으로 피드를 불러와서 뿌려줘야 한다.
자세한 방법은 후에 정리할껀데 아래 사이트에 인스타패치라는 코드를 참고하면 된다.

참고 사이트 : http://d4nyll.github.io/instafetch/

인스타그램피드 ie8이하 에러 해결

인스타 피드 적용을 하다 보니 ie8쪽에서 에러가 난다.
또 indexOf로 필터링을 해도 indexOf가 ie8에서는 안되다 보니 피드를 불러올수가 없었다.

해결책은 역시 구글링!!!!
두군데서 찾았다. 우선 ie8쪽 instafeed.min.js에서 에러 나는 부분은 아래 링크에 나오는걸 보고 페이지 최하단에 적용 시키면 된다.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice#Streamlining_cross-browser_behavior

indexOf 부분은 하단링크에 나오는 방법대로(if (!Array.prototype.indexOf) ~ ) 페이지상단에 쓰면 된다=ㅁ=
http://stackoverflow.com/questions/3629183/why-doesnt-indexof-work-on-an-array-ie8

앱으로 실행하는 브라우저에서 input file

제목 그대로 앱에 내장되어있는 브라우저에서는 파일 업로드가 안되는 현상이 있습니다.
네이트,네이버,다음,페이스북 등에서 input file이 클릭해도 이벤트가 없습니다.
agent 체크해서 이 경우에는 alert을 띄워주던지 다른 페이지로 랜딩을 시키는 걸로 처리를 했지만 찝찝하네요..

html5 video project 이슈들

video 태그를 이용한 프로젝트를 경험 하다가 최근 삽질 한 경험이 있어서 글을 남겨 봅니다.

프로젝트 내용은 비디오를 다 보면 선택지가 나오는데 이 선택지를 클릭하면 선택지에 해당하는 영상이 플레이 되는 겁니다. 영상내용이 ‘날이 좋은데 어디갈래?’ 라는 거라면 선택지는 ‘영화관? 공원?’ 이런식으로… 영화관을 클릭하면 영화관에 대한 영상이 다시 흘러 나오고 또 선택지가 뜨는 형식으로 프로젝트가 진행 됐었죠. 영상은 당연히 풀영역에서 플레이가 되어야 하고 문제지가 뜰때는 영상 마지막 화면을 배경으로 문제지가 뜨는 형식입니다.

Read More…