JavaScript (4) 썸네일형 리스트형 ES6+ 자바스크립트에서 내가 소홀했던 내용들 간단하게 서론 방학이 되어서 그 동안 원리는 모른 채 긴가민가 하며 사용하던 javascript의 내용들, 외면해왔던 편리한 새로운 기능들을 다루어보면서 javascript의 기본기와 내공을 쌓고자 정리합니다. ECMA Script가 대체 뭐야 채용사이트 보면 의외로 단순 javascript가 아닌 ECMAScript, ES6 등에 대해 논하는 기업들이 많더라. ECMA Script는 표준이고, Javascript는 ECMA Script의 가장 주된 구현체 중 하나. ES6, ES2015, ES2016 이외에도 다양한 ES XXX이 존재함. ECMASciprt 2015 = ES6 이 때 js의 새로운 기능이 마니 추가됨 왜 그 많은 버전 중에 ES6가 제일 많이 들려오는 것 같을까? 주로 ES6(2015.. JavaScript의 async/await, Promise의 개념 async/await 함수와 Promise, then에 관한 정리 var result=0; function myReturnPromise(){ return new Promise((res)=>{ setTimeout(()=>{ console.log(2); res(); }, 3000) }) } async function myWait(x){ await myReturnPromise(); //myWaitPromise()->동시동작 되어버림 return new Promise((resolve)=>{ setTimeout(()=>{ console.log(3); resolve(); }, 3000) }); } async function test2(){ console.log(1); await myWait(); console.lo.. [jQuery] 선택자를 통해 원하는 정보로 웹 파싱하기 $(".list-group-item").each(function(){ var numOfComments=$('li', this)[0].innerText; var title=$('h5', this)[0].innerText; if(numOfComments>0){ console.log(title+","+numOfComments); } }); 자주가는 개발자 커뮤니티인 OKKY사이트를 이용해 웹파싱을 해보는 소스. 이 소스를 이용해 외출 나가면 phantomjs와 nodejs를 이용한 게시판 내용 다운로드 프로그램을 만들어볼 예정 예를 들면 댓글이 몇 개 이상인 글 제목과 url만 모아서 보기, 추천이 몇 개 이상인 글 만 보기 등등 [자바스크립트] 웹사이트에서 파싱하고 정보 얻기 function getList(className, length){ //className은 리스트의 클래스 이름 //length는 몇번째 까지 얻을지 var elementsArr=document.getElementsByClassName(className); var dataArr=[]; //만약 길이를 넘겨받지 않았다면 if(!length){ length=elementsArr.length; } function getDataFromElements(){ var Arr=[]; for(var i=0; i 이전 1 다음