DevSSOM

this this는 어느 특정 영역에 이벤트를 적용할 때, 실제 이벤트가 발생되는 선택된 영역을 의미. this를 잘 못 쓰면 코드 길이가 엄청나게 늘어날 수 있기 때문에 굉장히 중요해. 그림과 같이 3개의 박스가 주어짐. 이때 "맨 위에 있는 첫 번째 박스를 클릭하면, 첫 번째 박스만 색깔이 바뀌었으면 좋겠다" 라고 할 때 this를 사용. 즉, 특정 이벤트 영역을 지정할 때 사용하는 게 this. // 3개의 박스에 favorites_icon이라고 하는 클래스 이름을 지어줌 // 그리고, 3개의 박스들은 $favorites_icon 이라고 하는 변수 안에 넣어줌. var $favorites_icon = $(".favorites_icon"); // 내가 지정한 박스만 색상을 바꾸고 싶을 때 $favor..

연습문제 : 소수 출력하기 while문과 if~else문을 사용하여, 소수를 판별하는 함수 isPrime의 코드를 작성해보기. 소수란 약수가 1과 자기 자신 밖에 없는 수. console.log(isPrime(10)); //false 반환 console.log(isPrime(13)); //true 반환 해야할 것 인자를 나누는 값인, 변수 divisor를 선언. divisor의 초기값은 2가 됨. 매개변수 n이 변수 divisor보다 큰 조건 하에서 while문이 작동되도록 하기. while문 안에 if else문을 삽입. 만약 n을 divisor로 나눈 값의 나머지가 0이라면 false를 반환하고, 0이 아니라면, divisor++를 수행하도록 하기. while문의 조건이 false가 되면, true를..

반복문 만약에 구구단 2단의 코드를 짜본다면, 아래처럼 9줄의 코드가 필요하잖아. console.log( 2 * 1 ); console.log( 2 * 2 ); console.log( 2 * 3 ); console.log( 2 * 4 ); console.log( 2 * 5 ); ... console.log( 2 * 9 ); 근데, 반복문을 쓰면 그럴 필요가 없어. 중복되는 코드를 계속 줄줄이 쓰는 게 아니라, 효율적으로 코드를 짤 수 있게 돼. 어떤 값을 고정값으로 두고, 어떤 값을 가변값(바뀔 값)으로 두면 되는지만 파악해서 반복문을 써줘. 여기선 2가 고정 값, 1에서 9까지가 가변값이야. 이어서 반복문에 사용될 주요 문법들을 알아보면 while문 while문은 조건이 true이면, 명령을 계속 수행..

조건문 조건문이란 주어진 조건에 따라 결과값을 출력하는 것을 의미. 조건문의 조건으로는 비교 연산자나 논리 연산자가 사용됨. if문 '만약에 ~하면 ... 해라' 라는 의미. if문의 조건은 ( ) 괄호 안에 넣고, ( ) 괄호가 참이면 { } 중괄호 안의 내용을 실행. var a = 20; var b = 40; if ( a < b ) { console.log("a는 b보다 작다"); } 위의 if문은, 만약에 a가 b보다 작으면, 이 중괄호 { } 안에 있는 것들을 실행하라는 뜻. a < b 가 참이니까 실행해보면 "a는 b보다 작다"라고 출력됨. if ~ else문 if ~ else 조건문은 조건이 거짓일 경우에 실행될 명령도 같이 써주는 조건문이야. var a = 20; var b = 40; if ..

산술 연산자 산술 연산자는 +, -, *, /, % 등을 의미. 숫자 뿐만 아니라 문자열 데이터 타입도 산술 연산자를 사용할 수 있음. console.log(10 + 5); // 15 console.log(10 - 5); // 10 console.log(10 * 5); // 50 console.log(10 / 5); // 2 console.log(10 % 5); // 0 false console.log(10 !== 10); // 10이랑 10이랑 같지 않다 -> false 수학에서 = 는 '같다'라는 의미이지만, 개발에서 =는 '값을 대입한다'는 의미를 가지고 있음. 그래서 개발에서 '같다'라는 의미로 등호를 쓰려면 == 이렇게 두 개, 혹은 이렇게 === 세 개를 이어서 써줘야 함. 등호 두 개 ==는..

Math 프라퍼티와 메서드 Math는 이미 자바스크립트에서 만들어 놓은 객체. Math 객체의 메소드로는 abs, ceil, floor, random 등이 있음. Math.abs(-3); // 절대값 출력 -> 3 Math.ceil(0.3); // 올림 -> 1 Math.floor(10.9); // 내림 -> 10 Math.random(); // 0과 1 사이의 임의의 숫자 출력 (0과 1은 절대 될 수 없음) console.log()로 출력을 해보면 여기서 0.4135~ 이 값은 브라우저를 새로고침 할 때마다 숫자가 달라져. But, 절대 0과 1이 되진 않아. 무조건 그 사잇값만 출력됨. 더 많은 Math 프라퍼티와 메소드의 종류는 아래 링크에서 확인. https://developer.mozilla...

배열 데이터 삽입, 제거 메소드 배열 데이터를 삽입하거나 뺄 때 쓰는 메소드로는 length, push, pop, unshift, shift이 있음. var fruit = ["사과", "배", "포도"]; fruit.length; // 데이터 개수 fruit.push("딸기"); // 배열 뒤쪽에 데이터 삽입 fruit.pop(); // 배열 뒤쪽의 데이터 제거 fruit.unshift("레몬"); // 배열 앞쪽에 데이터 삽입 fruit.shift(); // 배열 앞쪽의 데이터 제거 var fruit = ["사과", "배", "포도"]; fruit.length; //3 fruit.push("딸기"); // ["사과", "배", "포도", "딸기"] fruit.pop(); // ["레몬", "사과", "..

프라퍼티와 메소드 자바스크립트에서 사용자를 위해 사전에 작성된 편의 기능. 각각의 데이터 타입마다 고유의 스킬들을 가지고 있는데, 이 고유의 스킬들은 각각의 데이터 타입에서만 사용가능. 더욱 자세한 건 아래 링크에서 확인. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects 표준 내장 객체 - JavaScript | MDN 이 장은 JavaScript의 모든 표준 내장 객체와 그 메서드 및 속성을 나열합니다. developer.mozilla.org 문자열 프라퍼티와 메소드 문자열 메소드로는 length, charAt, split 등이 있음. var str1 = "Hello World"; str1.length; // 문..