이레

input 태그에 제이쿼리를 이용해 val 값 넣는 방법입니다. $(".input").attr("value","넣고싶은값");

데이터를 입력 후 엔터키를 이용해 처리하는 방법입니다. 엔터키의 키 코드를 알고 있어야 하는데, 엔터의 키 코드는 13입니다. 버튼에 적용하는게 아닌 input 태그에 onkeyup으로 적용시켜줍니다. function fnEnterkey() { if (window.event.keyCode == 13) { //엔터키로 실행시킬 기능작성 } }

이중 for문을 통해 2단에서 9단을 출력합니다. 첫 번째 for 문에서는 단을 나타내는 변수 i를 설정하고 두 번째 for문에서는 곱해질 수의 변수 j를 설정합니다. 태그를 통해 줄 바꿈을 해줍니다. See the Pen Untitled by jh-baek-95 (@jh-baek-95) on CodePen.

클로저 함수란? 함수 내부에 만든 지역변수가 사라지지 않고 계속해서 값을 유지하고 있는 상태를 말합니다. 클로저 함수는 일종의 '현상' 이기 때문에 정해진 규칙은 없습니다. ⭐️ 예제 function basic(){ var count = 0; count++; return count; }; document.write(basic()+' '); //출력값 : 1 function closure(){ var count = 0; function countSample(){ count++; return count; } return countSample; } var counter = closure(); document.write('1, count' + counter(),' '); document.write('2, cou..

콜백 함수란? 함수 내부의 처리 결과값을 함수 외부로 내보낼 때 사용합니다. 처음 공부할 때 굉장히 헷갈렸던 부분이어서 차근차근 정리하겠습니다. ⭐️ 동기 , 비동기 동기 : 말 그대로 '동시에' 일어난다는 뜻입니다. 이벤트가 동시에 일어나야 하기 때문에, 요청을 한다면 시간이 얼마나 걸리든 결과가 같이 나와야 합니다. ex) alert() 함수 / alert 함수는 메시지 창의 확인 버튼을 눌러야 다음 이벤트가 진행됩니다. 비동기 : 동시에 일어나지 '않는다' 이벤트가 동시에 일어나지 않기 때문에, 1번 요청을 하고 1번 결과가 나오기 전에 2,3,4.. 요청들을 처리합니다. ex) setInterval() , ajax() 콜백 함수가 주로 비동기 함수의 결과값을 처리하기 위한 도구로 많이 사용됩니다...

중첩 함수란? 함수 내부에 함수가 들어가는 형태를 말합니다. function outer(){ function inner(){ } inner(); } outer(); 1, 내부 전용 함수일 때 사용 function countSec(){ var count = 0; setInterval(function(){ count++ $('.text').html(count + "초 입니다."); }, 1000) } countsec(); 1초에 한번씩 해당 텍스트를 출력해줍니다. countSec() 함수 내부에 serInterval() 함수가 중첩되어있습니다. 2, 중복 코드 또는 코드 그룹화할 때 사용 함수 내부의 기능이나 중복 코드를 내부 함수로 만들어 재사용할 때 중첩 함수를 사용합니다.

반복문이란? 특정 구문을 여러 번 반복해서 실행할 때 사용하는 제어문입니다. ⭐️ 반복문 종류 1, for문 2, while 문 ⭐️ for문 반복 횟수가 정해진 경우 주로 사용합니다. //단일 for문 for(초기값; 조건식; 증감){ 실행구문; } //다중 for문 for(초기값; 조건식; 증감){ 실행구문; for(초기값; 조건식; 증감){ 실행구문; } } for문의 제일 중요한 부분은 반복 횟수입니다. 조건식에 들어가는 값이 반복 횟수입니다. 스크립트 예제로 많이 나오는 '별찍기' 도 for문으로 만듭니다!

switch 란? if와 같은 조건문 중의 하나입니다. 여러 개의 조건을 처리해야 하는 다중 if~else문 대신 사용합니다. ⭐️ 예시 val luckNumber = window.prompt("행운의 번호를 고르세요!"); switch(luckNumber){ case "3" : document.write("행운의 번호 3번!"); break; case "4" : document.write("행운의 번호 4번!"); break; case "5" : document.write("행운의 번호 5번!"); break; default : document.write("꽝!"); } case 의 실행 구문이 한번 실행되면 break를 만나기 전까지는 멈추지 않는 것을 조심해야 합니다. ⭐️ if문 switch문의 ..

조건문이란? 특정 조건에 맞는 경우에만, 특정 구문을 실행하고자 할 때 사용하는 제어문입니다. 조건문의 종류 1, if문 2, switch 문 (추후에 다시 정리할 예정) ⭐️ if문 if(조건){ //조건이 참일 경우 실행할 스크립트 } if(조건){ //조건이 참일 경우 실행 }else{ //조건이 거짓일 경우 실행 } if(조건1){ //조건1이 참일 경우 실행 }else if(조건2){ //조건1이 거짓, 조건2가 참일 경우 실행 }else if(조건3){ //조건1이 거짓, 조건2도 거짓, 조건3이 참일 경우 실행 } ⭐️ 조건문과 함께 많이 사용되는 "논리 연산자와 비교 연산자" 비교 연산자 논리 연산자 - &&(and) / ||(or) //비교연산자 a>b //a가 b보다 큰 경우 참 a=b..

제이쿼리 란? 빠르고 작고 기능이 풍부한 자바스크립트 라이브러리입니다. 다양한 웹 브라우저에서 동일한 방법으로 사용할 수 있는 라이브러리로 크로스 브라우징 라이브러입니다. ⭐️ 작성법 cdn을 먼저 연결한 후 ready()라는 제이쿼리 기능을 작성합니다. ⭐️ 핵심기능 on() 메서드와, 단축 이벤트 메서드를 사용하면 이벤트를 쉽게 사용할 수 있습니다. 스타일 설정도 가능합니다.