JavaScript
-
[JS] 소수점 자릿수 반올림JavaScript 2023. 4. 15. 10:56
자바스크립트 소수점 반올림 Math.round() 소수점 반올림 4이하의 수는 버리고 5이상의 수는 윗자리에 1을 더하는 방법 console.log(Math.round(0.4)) // 0 console.log(Math.round(0.5)) // 1 Math.ceil() 소수점 올림 0이 아닌 숫자가 있을 경우 구하려는 자리의 숫자를 1만큼 크게 하고 나머지 수는 모두 버린다. 0.1~0.9를 올림 하면 1이 된다. console.log(Math.ceil(0.1)) //1 console.log(Math.ceil(0.9)) //1 Math.floor() 소수점 내림 자리의 숫자가 무엇이든 그 자리 이하 숫자를 0으로 바꾸는것을 의미한다. 0.1~0.9를 내림하면 0이 된다. console.log(Math...
-
[JS] at 인덱스 요소 반환JavaScript 2023. 4. 14. 09:41
at 메서드 # 코딩테스트 JS 중앙값 구하기 풀이를 하다가 알게된 at메서드를 살펴보자 [문제] 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미한다. 예를 들어 1,2,7,10,11의 중앙값은 7이다. 정수배열 array가 매개변수로 주어질 때, 중앙값을 return하도록 solution함수를 완성해보자. array의 길이는 홀수다. function solution(array) { return array .sort((a, b) => a - b) // sort메서드 오름차순 .at(array.length / 2) // at메서드로 인덱스 반환 } // 화살표함수 형식 const solution = (array) => array .sort((a, b)=> a - b..
-
[JS] async functionJavaScript 2022. 12. 20. 10:06
async 비동기함수 async/await함수의 목적은 사용하는 여러 promise의 동작을 동기스럽게 사용할 수 있게하고, 어떠한 동작을 여러 promise의 그룹에서 간단하게 동작하게 하는 것이다. promise가 구조화된 callback과 유사한것 처럼 async/await 또한 제네레이터(generator)와 프로미스(promise)를 묶는것과 유사하다. async함수는 항상 promise를 반환한다. 만약 async함수의 반환값이 명시적으로 promise가 아니라면 암묵적으로 promise로 감싸진다. async function foo() { return 1 } // 위 코드는 아래와 같다 function foo() { return Promise.resolve(1) } async 함수의 본문은 ..
-
[JS] keydown, keyup, keypressJavaScript 2022. 12. 7. 14:49
keydown, keyup, keypress 이벤트 Javascript에서 처리할 수 있는 키보드이벤트의 종류 keydown 사용자가 키보드의 키를 눌렀을 때 발생 keyup 사용자가 키보드의 키를 눌렀다가 떼었을 때 발생 keypress 사용자가 키보드를 눌렀을 때 발생 Alt, Ctrl, Shift, Esc 키 등.. 몇 가지 키에서는 이 이벤트를 발생시키지 않는다. keydown은 모든 문자를 인식하는 반면, keypress는 한글은 인식하지 않는다. 이 이벤트는 사용을 권장하지 않는다. # 이벤트 발생 순서 keydown > keypress > keyup 순으로 이벤트 진행
-
[JS] focus, blur EventJavaScript 2022. 12. 6. 14:31
// PhoneNumberInput에 사용자가 focus하면 focusOnMobile값이 true로 바뀌면서 툴팁 content가 보이고, blur할 경우 focusOnMobile값이 false로 바뀌면서 툴팁 content가 안보이는 예제입니다 focus와 blur focus : 요소가 해당 태그에 포커싱(클릭)했을 때 발생 blur : 해당 태그에 포커싱(클릭) 잃었을 때 발생 기본으로 제공하는 , , , 에는 focus라는 기능이 존재한다. 데이터를 입력 할 준비가 되었다는 의미이다. blur는 포커스를 잃은 순간인데 요소가 포커스를 잃게 되면서 데이터를 체크해 요청을 보내는 활동을 한다.
-
[JS] forEachJavaScript 2022. 11. 30. 09:54
forEach 메서드 Javascript의 forEach메서드는 배열을 순회하는 여러방법중 하나이다. Current Value (명명된 매개변수) - 처리할 현재요소 Index (선택적 매개변수) - 처리할 현재요소의 인덱스 Array (선택적 매개변수) - forEach메서드를 호출한 배열 # forEach메서드를 사용해 배열을 순회하려면 콜백함수 또는 익명함수가 필요하다. const number = [1, 2, 3, 4, 5]; number.forEach(obj=> console.log(obj)); // 1 // 2 // 3 // 4 // 5 # Index 선택적 매개변수 첫 번째 선택적 매개변수는 각 요소의 순서를 나타내는 인덱스이다. 즉, 두 개의 매개변수를 활용하여 메서드를 사용하면 두 번째 매..
-
[JS] sortJavaScript 2022. 11. 29. 10:22
Array.prototype.sort() sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다. # arr.sort([compareFunction]) 매개변수 : compareFunction 정렬순서를 정의하는 함수. 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니코드 포인트 값에 따라 정렬된다. let numbers = [3,2,6,4,1]; numbers.sort(function (a, b) { return a - b; }) console.log(numbers); // ->[1, 2, 3, 4, 6] let items = [ { name: 'Edward', value: 21 }, { name: 'Sharpe', value: 37 }, { name: 'And',..