Java Script & j Query/Java Script21 $.ajax(에이젝스) 비동기식 처리와 동기식 처리 async | AJAX로 할 수 있는 것 AJAX라는 네트워크 기술을 이용하여 client - > Server로 Data 요청하고 그에 대한 결과를 돌려받을 수 있다. AJAX는 HTML 페이지 전체가 아닌 일부분만 갱신할 수 있도록 XMLHttpRequest 객체를 통해 서버에 request한다. 이 경우,JSON이나 XML형태로 필요한 데이터만 받아 갱신하기 때문에 그 만큼의 자원과 시간을 아낄 수 있다. Client란? -Server에서 정보를 가져와서 사용자에게 보여줄 수 있고 사용자와 상호작용할 수 있는 소프트웨어를 일컫음 ex)web browser, 핸드폰 어플리케이션 Server란? - 네트워크 상에서 접근할 수 있는 프로그램으로서 어떤 자료들에 대한 관리나 접근을 제어해주는 프로그램 (일반적으로 사용.. 2020. 7. 26. encodeURIComponent(), encodeURI()란? | encodeURIComponent() ? encodeURIComponent() 함수는 URI의 특정한 문자를 UTF-8로 인코딩해 하나,둘 OR 셋의 연속된 이스케이프 문자로 나타냅니다. ※두 개의 대리 문자로 이루어진 문자만 이스케이프 문자 네개로 변환됩니다. 다음 문자를 제외한 모든 문자를 이스케이프(유니코드 형식으로 변환) 합니다. 1BYTE 문자는 %XX, 2BYTE 문자는 %uXXXX 형태로 Not Escaped: A-Z a-z 0-9 - _ . ! ~ * ' ( ) //영 대소문자, 숫자 , *-_.,! ~ ' ( ) 은 제외 구문 encodeURIComponent(str); 매개변수 : URI 구성요소 반환 값 주어진 문자열을 URI 구성요소로서 인코딩한 새로운 문자열 | encodeUR.. 2020. 3. 23. [JavaScript]Callback의 역할 콜백함수란? 콜백 함수는 함수 안에서 어떤 특정한 시점에 호출되는 함수를 말합니다. 콜백 함수는 함수의 매개변수로 전달하여 특정 시점에서 콜백 함수를 호출합니다. 함수정의 // 콜백 함수가 될 매개변수 설정 function plus(a, b, callback) { var sum = a + b; callback(sum); } plus 함수를 보면 callback라는 매개변수를 넣어주고 plus 함수 내부에서 callback 매개변수를 함수 형태로 실행하고 있는 모습입니다. 정의한 함수 호출 // plus 함수에 익명 함수를 인자로 전달 plus(1, 2, function(result) { console.log(result); }); 익명 함수를 전달하고 plus 함수를 호출하고 있는 모습입니다. 함수에서 .. 2020. 3. 12. 제이쿼리 -그룹 이벤트 등록 및 삭제 그룹 이벤트 등록 및 삭제하기앞에서는 단독 이벤트만 등록하는 방법을 배웠다. 이번에는 단독이 아닌 그룹으로 여러개의 이벤트를 등록하는 메서드를 알아볼 것이다. -그룹 이벤트 등록 메서드한번에 2개 이상의 이벤트를 등록할 수 있다. 즉, 선택한 요소에 이벤트 등록 메서드를 한 번만 적용하여 마우스 포인터를 올렸을 때 와 포커스가 생성되었을 때처럼 두 종류의 이벤트가 발생하도록 만들 수 있다. 종류1.on() -->이벤트 대상 요소에 2개 이상의 이벤트를 등록한다. 이벤트를 등록한 이후에도 동적으로 생성되거나 복제된 요소에도 이벤트가 적용.2.bind() -->이벤트 대상 요소에 2개 이상의 이벤트를 등록한다.3.delegate() --> 선택한 요소의 하위 요소에 이벤트를 등록한다.이벤트를 등록한 이후에도.. 2018. 12. 5. 자바스크립트 내장함수 -자바스크립트 내장 함수내장 함수란 자바스클비트 엔진에 내장된 함수를 말한다. 개발자가 함수를 정의하고 호출문을 사용해 안에 있는 코드를 실행 했지만, 내장 함수는 함수를 직접 선언하지 않아도 된다.( 바로 호출 가능) 종류1)encodeURl() : 문자를 유니 코드값으로 인코딩 ex) encodeURl(“?query=값”); -> “?query=%EA%B0%91”2)encodeURl Component() : 문자를 유니 코드값으로 인코딩(영문,숫자 제외).ex)encodeURlComponent(“?query=값”)-> “%3Fquery%3D%EA%B0%91“3)decodeURl() :유니코드 값을 디코딩해 다시 문자화합니다.decodeURl(“?query=%EA%B0%91“)->“?query=값”4).. 2018. 11. 16. 자바스크립트 - 객체 생성자 함수 -객체 생성자 함수의 활용내장 객체를 생성할 때는 이미 자바스크립트 엔진에 내장되어 있는 객체 생성자 함수를 사용하여 객체를 생성한다. 기본형 | function 함수명(매개변수1,매개변수2,...매개변수n) { //객체 생성자 함수 this.속성명=새 값; this.함수명=function() { 자바스크립트 코드; } } var 참조 변수 (인스턴스 네임) = new 함수명(); //객체생성 var 참조 변수=(속성: 새 값,함수명:function() {...} }ex) function checkWeight(name,height,weight){ //객체 생성사 함수 this.userName=name; this.userHeight=height; this.userWeight=weight; this.minW.. 2018. 11. 13. 이전 1 2 3 4 다음
