Promisepromise는 자바스크립트 비동기 처리에 사용되는 객체자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을 의미 Promise() 생성자 - new Promise(executor);전달되는 함수 executor(실행자, 실행함수)인자로 resolve와 reject함수를 받음 하나는 반드시 호출resolve - 기능을 정상적으로 수행해서 마지막에 데이터를 전달한다.then() 으로 결과를 받는다.reject - 중간에 문제가 생기면 호출된다. .catch()로 결과를 받는다[let promise = | return] new Promise(function(resolve, reject){ })Promise상태pending..
웹프로그래밍
동기순차적으로 한번에 하나씩 수행하는 것엔진은 싱글쓰레드 – 한번에 하나씩 순차적으로 수행작업 1이 오래걸리는 작업이라면 작업2, 작업3은 작업1이 끝날때까지 기다려야 한다작업1이 수행되는동안 blocking 된다더보기실행 순서123비동기작업1 을 WEPAPI로 넘기고( 2초가 지난다음 실행)다음 작업2, 작업3이 곧바로 실행된다더보기실행순서231CallBack함수 - 동기다른 함수의 인자로 전달되는 함수fncall 이후의 함수가 나중에 출력됨더보기실행순서123CallBack함수 - 비동기콜백함수 적용 예제게시판 리스트를 띄우기 위해 먼저 리스트를 가져오고 출력해야만 한다만약에 리스트 출력시간이 2000ms가 걸릴 때 가져온 이후 출력하는 법(틀린 예제)더보기출력 순서가 게시판 리스트가 먼저 출력되고 가..
mouseover: 다른 이미지로 변경 mouseout : 원래이미지가 표시 dblclick : 이미지가 사라진다 이미지가 다 사라지면_보이는 이미지의 갯수가 0개이면 - 보이기 버튼을 표시 (disble 필터)
내용 확인 및 변경 메서드메서드설 명html()일치된 요소의 html내용을 가져온다 . innerHTML 기능과 동일하다 .일치된 요소가 여러 개 라면 그 중 첫번째 요소의 html내용만 가져온다html(code)일치된 요소의 본문을 html내용으로 변경한다 일치된 요소가 여러 개 라면 모든 요소에 적용된다text()일치된 모드 요소를 내용을 가져온다 내용 중에 Html코드가 있다면 html코드는 제외한다text(str) 일치된 모든 요소의 내용을 str로 변경한다val()해당 입력 요소의 value 속성값을 가져온다val(data)해당 입력 요소의 value 속성값을 data로 변경한다예제 이름 성별 남자 여자 소개 직업 ..
기본필터필터 설 명:first 선택요소중 첫번째요소:last 선택요소중 마지막요소:not(selector) 괄호의 selector가 일치되는 모든요소를 제외:even 선택요소중 짝수요소:odd선택요소중 홀수요소:eq(index)선택요소중 주어진 index에 일치하는 index를 갖는 요소:gt(index)선택요소중 주어진 index보다 큰 index를 갖는 요소:lt(index)선택요소중 주어진 index보다 작은 index를 갖는 요소기본필터 :first, :last, :eq(), :lt() 예제 기본필터 :first / :last / :eq(index) / :gt(index) / :lt(index) one two three four five six..
선택자 Element선택자설 명* 모든요소E1태그명이 E1인 모든 요소E1.classE1요소 중 CLASS 속성값이 class와 같은 모든 요소E1#idE1요소 중 ID 속성값이 id와 같은 요소E1, E2모든 E1요소와 모든 E2요소E1 E2E1의 자식 요소 중 모든 E2요소 (후손)E1 > E2E1의 바로 아래 자식요소 중 모든 E2요소(자식) E1 + E2 E1의 바로 다음에 오는 형제요소 중 E2요소E1 ~E2E1의 다음에 나오는 형제요소 중 모든 E2요소형제 속성 예제 형제 선택자 에 대하여 꼬마버스 타요 가족을 소개 합니다 타요 로기 라니 가니 선택자 속성선택자설 명E1[attr] attr 속성을 갖는 모든 E1요소E1[attr=v..
