Web Recipes

안녕하세요 광흠입니다. 이번에 포스팅할 내용은 유투브 api 에서 채널의 동영상 리스트 하는 법을 작성하려합니다. 예전에는 간단한 url 호출로 api를 쓸 수 있었었는데 보안때문인지는 몰라도 좀 절차가 많이 복잡해 졌더라구요 https://developers.google.com/youtube/v3/docs/channels/list?hl=ko 위의 링크로 들어가셔서 일단 검색할 아이디를 찾아야하는데요 part에 contentDetails를 적으시고 forUsername 또는 id로 검색 할 수 있는데 forUsername에는 로그인하는 아이디 id에는 채널 아이디를 작성하시면 됩니다.(둘중 하나 선택하시면 되요) 그러고 나서 요청 누르시면 밑에 드래그 한것처럼 uploads를 복사해둡니다. 그런 다음에 https://developers.google.com/youtube/v3/docs/playlistItems/list?hl=ko PlaylistItems로 들어가셔서 part에는 snippet을 작성하고 밑에 playlistId 데다가 전에 복사한 uploads를 채워 넣습니다 작성 다 하고 요청 버튼을 누르면 이렇게 요청한 내용이 나옵니다. 여기 까지 오셨다면 거의 다한 것입니다. request쪽 보시면  https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&playlistId=UUKBGEFVPKHC5U_TfaSaHLgA&key= {YOUR_API_KEY} 이렇게 되어있는데 가장 중요한 key를 얻어야하는 작업이 남았습니다. https://console.developers.google.com/project google console로 접속하셔서 api키를 발급받아야합니다. 접속하셔서 프로젝트 만들기를 클릭합니다...

안녕하세요 광흠입니다. 오늘 포스팅 할 내용은 홈페이지 성능 테스트를 하는 하나의 방법을 소개 해 드리려 합니다. 요번에 제가 홈페이지 하면서 홈페이지가 몇 시간 지나면 못들어가는 일이 발생하였습니다. 확인을 해보니 아파치->톰켓 까지 호출을 했지만 톰켓은 먹통이 되어버린것입니다. 이유를 찾아보니 톰켓에서 처리할 수 있는 Thread가 한정 되어있어서 먹통이 되어버린..... 그래서 Thread 를 프로그램적으로 할 수 있는 것을 찾아보다가 아파치에서 배포한 JMeter 하는것을 알게되었습니다 ^^ 이걸로 어느정도의 성능 테스트를 할 수 있습니다 http://jmeter.apache.org 위의 링크에서 다운로드 받으시면됩니다. 다운로드 받으시면 jmeter.bat 프로그램을 킵시다! 1. 쓰레드 새로운 그룹을 만드시고  2. 저기서 필요한 쓰레드와 얼마나 LOOP할껀지 설정을 해주시고 3. http request 도 하나 만드시고 설정합시다. 4. 설정을 가볍게 이정도로 하고  이 탭에서 start를 하면 설정한 값으로 요청을합니다 5. 결과를 보기위한 리스너도 등록합시다. Spline Visualizer 의 결과는 그래프 형태로 시간의 흐름에 따른 Response Time 의 변화를 나타냅니다~~~  View Result Tree 는 각 요청에 대한 요청 Data, 응답 Data, Header 값, 결과값 을 "Sampler Result, Request, Response data" 의 탭에서 나타냅니다 이렇게 간단한 설정만으로 쓰레드 날려서 홈페이지 성능을 테스트 할 수 있습니다. 더 자세하게 설정하면 원하는 결과값을 더 많이 도출할 수 있겠죠 ^^ 감사합니다~~~

안녕하세요 광흠입니다. 이번에 포스팅할 것은 바로 웹상에서 바로 이미지 미리보기를 보여드리기위해서입니다. 일단 이미지 미리보기에서 제외되는 브라우저는 IE 9이하에서는 브라우저 특성상 이번 포스팅에서 제외된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 function  readImage(input) {     $.each(input.files, function (cnt,node){          var  ext  =  node. name . substring (node. name .lastIndexOf( "." ) + 1 );          if ( / (jpe?g | png | gif | bmf)$ / gi.test(ext)){              var  fileReader  =   new  FileReader();             fileReader. onload   =   function (e) {      ...