본문 바로가기

전체 글169

[자바스크립트] 배열에서 최댓값/최솟값 구하기 MDN에 따르면 Math.max() 함수는 입력값으로 받은 0개 이상의 숫자 중 가장 큰 숫자를 반환한다. 인수 중 하나라도 숫자로 변환하지 못한다면 NaN을 반환한다. 아무 요소도 주어지지 않았다면 -Infinity를 반환한다. 문법 형태는 이러하다. Math.max([value1[, value2[, ...]]]) [예시] 다섯 개의 수 중에 최댓값을 구하는 예시이다. Math.max(1, 2, 3, 4, 5); 결과는 5가 나온다. 이번에는 배열을 하나 선언하고 이 배열의 원소들 중 최댓값을 구하려 한다. const numbers = [1,2,3,4,5]; Math.max(numbers); 결과는 NaN이 뜬다. [해결방법] apply() 메서드를 사용하면 된다. const numbers = [1,2.. 2021. 1. 18.
[자바스크립트/알고리즘] 두 배열 중복 값 제거 (concat, filter) 입력: [1,2,3,5], [1,2,3,4,5] 출력: [4] OR 입력: [1, "cafe", 3, "apple"], [1, "cafe", 3, 4] 출력: ["apple", 4] function findUniqElem(arr1, arr2) { return arr1.concat(arr2) .filter(item => !arr1.includes(item) || !arr2.includes(item)); } findUniqElem([1, 2, 3, 5], [1, 2, 3, 4, 5]); arr1과 arr2를 합친다음 ( 예시에서는 [ 1, 2, 3, 5, 1, 2, 3, 4, 5 ] ) filter() 메소드를 이용하여 arr1이나 arr2에 포함되어 있지않은 수를 반환한다. 2021. 1. 17.
[자바스크립트/알고리즘] 알파벳순 정렬(sort 함수) 입력: ["x", "h", "a", "m", "n", "m"] 출력: ["a", "h", "m", "m", "n", "x"] function alphabeticalOrder(arr) { // Only change code below this line return arr.sort((a, b)=>{ return a === b? 0: a 2021. 1. 16.
[자바스크립트/알고리즘] 양의 정수만 출력 (filter, map) 입력: positiveIntList([-3, 4.8, 5, 3, -3.2]); 출력: 5, 3 const positiveIntList = arr => { return arr.filter(num => num > 0 && num % parseInt(num) === 0) }; 결과값에 2승한 값을 출력하고 싶다면? const positiveIntList = arr => { return arr.filter(num => num > 0 && num % parseInt(num) === 0) .map(num => Math.pow(num,2)) }; map()을 추가해주면 된다. 문제 출처: www.freecodecamp.org 2021. 1. 16.
[자바스크립트/알고리즘] 두 정수 사이의 합 (Math.min, Math.max, ...arr) 입력: sumAll([1, 4]); 출력: 10 [4, 1]의 결과값도 10으로 동일하다. function sumAll(arr) { let sum = 0; for(let i = Math.min(...arr); i 2021. 1. 15.
배달의 민족 랜딩 페이지, fullpage.js 그리고 대안 배달의 민족 랜딩 페이지와 같이 화면은 꽉 차고 스크롤 바는 없으며 조금만 스크롤을 내려도 다음 섹션으로 넘어가는 걸 만들고 싶었다. 대한민국 1등 배달앱, 배달의민족 배고픈데 뭘 먹을지 모르겠고, 하필 냉장고는 텅텅 비어 있고, 그렇다고 대충 먹고 싶지는 않은데, 뻔한 음식 말고 잘 먹고 싶다면? 배달의민족! www.baemin.com:443 클론 코딩을 해보자 마음먹고 속성값을 overflow: hidden과 translationY를 이용해서 하면 되겠다고 막연하게 생각했다. ​ 그런데 쉽지 않았고 구글링을 해본 결과 fullpage.js를 알게 되었다. 제이쿼리 풀페이지 플러그인으로 데모 파일에서 배달의 민족 랜딩 페이지와 흡사하단 걸 알 수 있다. fullPage scroll snapping. C.. 2021. 1. 15.