Javascript
유튜브 iframe 영상 사이트 배경(백그라운드)로 적용하기
서버에서 배경 동영상을 1분짜리를 돌리려니까 트래픽이 훅훅 찼다. 그래서 유튜브의 트래픽을 쓰기로 했다..ㅋ github.com/stamat/jquery.youtube-background stamat/jquery.youtube-background Simple jQuery plugin for embedding YouTube videos as cover background - stamat/jquery.youtube-background github.com js와 html만 있으면 작동된다. 나머지는 작동에 필수가 아니다. 마지막에 나오는 추천영상은 변경된 유튜브 정책상 안보이게 할 수 없다.
채용 공고 API 모음 (잡코리아, 사람인, 커리어)
채용사이트에서 제공되는 API는 채용공고에 대한 정보를 대부분 받아올 수 있지만, 실제로 입사지원이나 이력서 등록 등의 채용공고 정보의 상세 열람을 위해서는 채용사이트에 접속하여야 이용하실 수 있는 형태이다. 잡코리아에 문의해본 결과 랜딩페이지를 잡코리아로 안하고 데이터로만 사용하면 안되냐고 물어는데, 안된다고 함.. 아마 모두 동일하게 적용될 것으로 예상됨 커리어 www.career.co.kr/api/? http://www.career.co.kr/api/? www.career.co.kr http://api.career.co.kr/open/read?jobno=19133626&openpid=VjfzNMrb5o8yb%2fLgS8rsPQ%3d%3d 아주큐엠에스(주) WEB 개발/ 운영 관리 솔루션.ASP.소프..
[오픈API] 공공 데이터 포털
www.data.go.kr/index.do 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr
each 내 addClass 순차적으로 발생하기
$("#ctt_ul li").each(function (index) { if (!$("#ctt_ul li").eq(index).hasClass("load")) { var row = $(this); setTimeout(function () { row.addClass("load"); }, 100*index); //delay 시간 } }
스크롤하여 객체가 화면에서 보일때 addClass 하기
function addLoadClass() { var _windowW = $(window).outerWidth(); var _windowH = $(window).outerHeight(); var _getScrollObjY = function () { var scrollArray = []; var pHeight = 300; $("#ctt_ul img").each(function (index) { scrollArray.push(parseInt($("#ctt_ul img").eq(index).offset().top) + pHeight); }); return scrollArray; } // scrollMotion if ($("#ctt_ul li").length != 0) { $("#ctt_ul li").each..
[jQuery] 비디오 객체에 꽉차게 하기
var $video = $('video'), $window = $('.video_box'); $(window).resize(function () { var height = $window.height(); $video.css('height', height); var videoWidth = $video.width(), windowWidth = $window.width(), marginLeftAdjust = (windowWidth - videoWidth) / 2; $video.css({ 'height': height, 'marginLeft': marginLeftAdjust }); }).resize(); stackoverflow.com/questions/20127763/video-100-width-and-hei..
react.js 공부 useState 데이터 정렬하기 #4-1
해당 내용은 유튜브 코딩애플님의 채널에서 공부하여 작성된 내용임을 밝힙니다. 자바스크립트 정렬에는 sort함수를 사용한다. function 정렬바꾸기(){ //useState는 직접 변경이 불가능하기 떄문에 특정 변수에 값을 복사한다음 진행한다. var newArray = [...글제목]; newArray = newArray.sort(); 글제목변경(newArray) } 여기서 sort함수에 대해서 더 공부하게되었는데, codingbroker.tistory.com/41 위 주소의 글을 읽고 공부한 내용을 적는다. const arr = [5, 100, 20]; console.log(arr); // [5, 100, 20] 이런 배열이 있을때, sort함수를 사용하게되면, 문자열로 변환되어 숫자의 크기와는 상..
react.js 공부 state 수정 #4
해당 내용은 유튜브 코딩애플님의 채널에서 공부하여 작성된 내용임을 밝힙니다. onClcik={ 제목바꾸기함수( ) } 이때 함수에 괄호를 붙히면 바로 실행되기 때문에, 바로 실행이 아닌경우 괄호는 제외해야 한다. 리액트에서 useState로 생성된 데이터를 수정하기 위해선 특정 함수에 데이터를 복사한 다음 수정 후 변경 함수를 사용하여 수정하는 식의 진행이 좋다. 이러한 방식을 '리액트 대 원칙 : immutable data'라고 부른다. let [글제목, 글제목변경] = useState(['남자 코드 추천','신제품 후기','음악 들어본 후기']); var newArray = 글제목; 위와 같이 작성하는건 값을 복사하는게 아니라 값 공유이다. 똑같은 값을 공유하는거다. (refernce data typ..
react.js 이벤트 리스너/state 변경 state #3
해당 내용은 유튜브 코딩애플님의 채널에서 공부하여 작성된 내용임을 밝힙니다. warning ...라고 뜨는건 잘못된 코딩 습관에 대해 안내해주는 것이다. 이를 안보이게 하고 싶을 경우 최상단에 /* eslint-disable */를 써주면 된다. 함수를 정의할때 function 어쩌구(){ } 형식으로 적었는데, 이 형식을 ()=>{} 로 줄여도 되도록 업데이트 되었다.(자바스크립트 해당) 이벤트 리스너 onClick={ ( )=>{ } } onClick={ 함수 } state값을 변경하는 방법 - useState로 생성한 [a,b] 중 b를 사용한다. 예를 들어 a에 데이터가 존재하는 경우 b(10)를 실행시키면 a의 데이터는 10이 된다.