I'm a Fig, Not a Pig

1. parseFloat() parseFloat()는 문자열을 실수로 바꾸는 함수이다. 수로 시작할 때 그 수를 실수로 바꾼다. 띄어 쓰기로 여러 개의 수가 있으면 첫번째 수만 바꾼다. 공백으로 시작하면 공백은 무시한다. 수가 아닌 문자로 시작하면 NaN을 반환한다. 구문 parseFloat( string ) 2. parseInt() parseInt()은 문자열을 정수로 바꾸는 함수이다. string을 n진법일 때의 값으로 바꾼다. n은 옵션으로 2부터 36까지 입력할 수 있다. 입력하지 않으면 10으로 처리한다. string의 처리는 parseFloat()와 거의 같다. 소수 부분은 버린다. 0x로 시작하면 16진법으로 처리한다. 구문 parseInt( string, n ) 3. isNaN() isNa..

Math.sqrt() : 제곱근 구할 때 Math.max() : 배열에서 최대 값 구할 때 Math.min() : 배열에서 최소값 구할 때 Math.PI() : 원주율 반환 Math.random() : 난수 생성 Math.abs() : 인자값에 대한 절대값을 반환하는 함수 Math.trunc() : 소수점 이하는 버림 Math.round() : 반올림 Math.floor() : 내림 floor => 바닥까지 내린다고 생각 3.5 -> 3 -3.5 -> -4 Math.ceil() : 올림 ceiling => 천장까지 올린다고 생각 3.5 -> 4 -3.5 -> -3 * 주의할 점 Math.trunc()는 소수점 이하는 다 버리기 때문에 숫자가 -23.3 음수인 경우에도 -23을 Return한다. Math...

목차 1. 증감 연산자 2. 후위 연산자 (Postfix Operator) 3. 전위 연산자 (Prefix Operator) 1. 증감연산자 증가연산자 ++ 감소연산자 -- 로 나뉜다. 전위 ++n 와 후위 n++ 로 나뉜다. 증감 연산자만 단독으로 사용할 때는 큰 차이가 없지만 다른 변수에 할당할 때는 위치에 큰 차이가 난다. 2. 후위 연산자 (Postfix Operator) n++; n--; #include int main() { int num1 = 2; int num2 = 2; int num3; int num4; num3 = num1++; // num1의 값을 num3에 할당한 뒤 num1의 값을 1 증가시킴 num4 = num2--; // num2의 값을 num4에 할당한 뒤 num2의 값을 1..

Shift + Alt + F : 코드 자동 정렬 Alt + Shift + A: 블럭 주석 처리 control + shift + L : 선택한 단어와 같은 단어 모두 선택 변수명 변경: f2 alt + shift + 아래: 라인 복사

1. include() includes() 메서드는 배열이 특정 요소를 포함하고 있는지 판별합니다. - MDN 구문 arr.includes(valueToFind[, fromIndex])​ includes() 메서드는 문자열에 다른 문자열이 포함되어 있는지 여부를 확인해주는 용도로 사용된다. 문자열에서 valueToFind가 발견되면 true를 반환하고, 그렇지 않으면 false를 반환한다. 예제 includes() 메서드를 사용하여 문자열에 @이 들어있는지 확인해보면 @이 들어있는 경우 true를 반환한다. let email = 'ab123@example.com'; console.log(email.includes('@')); // true 또한 includes()는 대소문자를 구분하기 때문에 다음의 코드..

유사 객체 배열(array-like objects)란 무엇이고 배열과 어떤 차이가 있는지 간단하게 알아보겠다. 1. 유사 배열 객체 유사 배열 객체란 배열처럼 보이지만 사실 key가 숫자이고 length 값을 가지고 있는 객체를 말한다. JS에서 querySelectorAll이나 document.body.children으로 엘리먼트를 가져오면 유사 배열 객체에 담겨서 온다. 2. 예시 HTML Hello World I'm Programmer JavaScript const texts = document.querySelectorAll('.text'); console.log(texts); 결과값 배열처럼 보이지만 풀어보면 아래와 같이된다. { 0: div.text, 1: div.text, 2: div.text..

1. setTimeout()어떤 코드를 일정 시간 기다린 후 실행해야 하는 경우 setTimeout() 함수를 사용하면 된다. setTimeout() 함수는 첫번째 인자로 실행할 코드를 담고 있는 함수를 받고, 두번째 인자로 지연시간을 밀리초(ms) 단위로 받는다.setTimeout(() => console.log("2초 후에 실행됨"), 2000); // 2초 후에 실행됨 setTimeout() 함수는 세번째 인자부터는 가변 인자를 받는데 첫번째 인자로 넘어온 함수가 인자를 받는 경우, 이 함수에 넘길 인자를 명시해주기 위해서 사용한다. 예를 들어, 두 개의 수를 인자로 받아 더한 값을 출력해주는 add()라는 함수에 인자로 3과 4를 넘겨 2초를 기다린 후에 호출해보자.function add(x, y..

목차 1. sort() 2. 예제 1. sort() sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort 가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. - MDN 구문 arr.sort([compareFunction]) Javascript에서 배열을 정렬하기 위해서는 sort() 함수를 사용한다. 파라미터 compareFunction 값이 생략되면, 배열의 element들은 문자열로 취급되어 유니코드 값 순서대로 정렬된다. sort() 함수는 원본 배열을 변경하는 함수이며, 동시에 변경된 배열을 리턴한다. 예제 1. sort() 함수로 숫자 오름차순 정렬하기 const arr = [2, 1, 3, 10]; ar..

Julia and Kate are still studying dogs, and this time they are studying if dogs are eating too much or too little. Eating too much means the dog's current food portion is larger than the recommended portion, and eating too little is the opposite. Eating an okay amount means the dog's current food portion is within a range 10% above and 10% below the recommended portion (see hint). - Hints: Use m..

목차 1. every() 2. some() 3. 차이점 1. every() every() 메서드는 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트합니다. Boolean 값을 반환합니다. - MDN 구문 // 화살표 함수 every((element) => { ... } ) every((element, index) => { ... } ) every((element, index, array) => { ... } ) // 콜백 함수 every(callbackFn) every(callbackFn, thisArg) // 인라인 콜백 함수 every(function callbackFn(element) { ... }) every(function callbackFn(element, index) { ... }..