728x90 300x250 SMALL javaScript/J Query & 스크립트138 콜백함수 사용법 콜백함수란? 다른 함수의 인자로써 넘겨진 후 특정 이벤트에서 호출되는 함수를 말한다. 바로 예시로 들어가 보도록 하자 먼저 다음과 같이 이름을 인자로 인사말을 호출하는 함수를 만들어보자 function yourName(name) { console.log(`${name}님 반갑습니다.`) } yourName(`영수`); // 영수님 반갑습니다. 위 함수를 arrow function을 이용해서 좀 더 간단하게 표현을 해보면 아래와 같이 한 줄로 처리할 수도 있다. yourName = name => console.log(`${name}님 반갑습니다.`); yourName('영희'); //영희님 반갑습니다. 그렇다면 만약 호출할 때 각각 이름마다 다른 인사말을 호출하고 싶다면? 이럴 때 callback 함수를 .. 2022. 4. 25. javaScript 브라우저 IE(익스플로러) 체크 + IE11 포함 ie(익스플로러) 버전 체크는 아래처럼 MSIE 문자열을 이용하면 된다. navigator.userAgent.indexOf("MSIE") > 0 if(/MSIE/.test(navigator.userAgent)) { if(navigator.userAgent.indexOf("MSIE") > 0) { console.log('ie'); } else { console.log('ie10'); } } else { console.log('etc'); } ie10 이하 버전은 콘솔 창에 ie가 ie10 버전은 ie10이 표출된다. 그리고 etc는 ie 이외의 다른 브라우저들이 나타나야 하지만 ie11도 else로 걸러지게 된다. 그 이유는 MS가 IE11부터 웹표준에 맞추기 위해 User Agent String의 리턴 .. 2022. 4. 22. 매개변수 값을 함수로 사용하기 예제 매개변수 함수사용 예제 const func = () => alert("Hello World!"); const excute = (hello) => hello(); excute(func); //excute 함수 호출 매개변수로 func함수를 넘김 실행결과 실행과정 1. excute함수를 호출하면서 func를 매겨변수로 넘긴다. 2. excute라는 함수가 실행되면서 매개변수 이름의 func함수를 호출 하도록 한다. 3. func 함수가 실행되면 Hello World! 라는 얼럿창이 뜬다. 2022. 4. 17. break return 차이점 break와 return은 함수를 멈추고 탈출한다는 점에서 비슷하다고 볼 수 도 있지만 두 가지는 명확한 차이점이 있다. 아래 예시를 보자 0~9까지 숫자 중 한자리 번호를 입력받아 3이 나오면 탈출 성공 실패할 경우 count와 탈출 실패 문구가 나오는 함수이다. return문 const island = () => { let count = 1; while(true) { let pass = parseInt(window.prompt("0~9 한자리 번호를 입력하세요")); if(pass==3) { console.log("탈출성공!"); return; //return문 사용 } console.log(`${count}회 탈출실패`); count++; } console.log(`총 ${count}번의 탈출시도를.. 2022. 4. 16. 이전 1 ··· 8 9 10 11 12 13 14 ··· 35 다음 728x90 반응형 LIST