코딩30 프로그래머스 Javascript 코딩 테스트 Lv.0 외계행성의 나이 (수정? 추가?) function solution(age) { const alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']; const AGE = [...String(age)].map(Number); if (alphabet[AGE[0]] && alphabet[AGE[1]] && alphabet[AGE[2]] && alphabet[AGE[3]]) { return alphabet[AGE[0]] + alphabet[AGE[1]] + alphabet[AGE[2]] + alphabet[AGE[3]]; } else if (alphabet[AGE[0]] && alphabet[AGE[1]] && alphabet[AGE[2]]) { return alphabet[AGE[0]] +.. 2023. 7. 4. sort 메서드 sort 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. *참고자료 - MDN sort() const arr1 = [1, 30, 4, 21, 100000, 445,79878]; arr1.sort() console.log(arr1) arr1 이라는 배열에 아무 숫자나 집어 넣어서 콘솔로그로 출력해보자. [1, 100000, 21, 30, 4, 445, 79878] 결과는 이러한 값이 나온다. 왜이러는걸까 sort메서드는 비교함수를 지정하지 않으면 기본적으로 문자열 비교를 실행한다. 위에 말했듯이 유니코드 순서로 정렬.. 하지만 이걸 비교함수를 지정해준다면? const arr1 = [1, 30, 4, 21, 100000, 44.. 2023. 5. 1. 의식의 흐름대로 this공부 filter메서드를 공부 중에 뜬금없이 this로 의식의 흐름이... 1차 적으로 this는 정규 함수식 내부에서만 동작하는가? 라고 갑자기 생각이 들었고, 아니라면 화살표 함수에서는 어떻게 동작하는가? 라고 생각이 들었다. (아니 이전에 공부했다고 정리했었는데..) this는 객체를 가리키는 위한 식별자이므로, 그 대상이 함수가 될 수 없다. 일반 함수에서 사용 되는 함수 내부의 this는 전역객체인 window를 가리킨다. const person = { name: 'A', sayHello() { setTimeout(function() { console.log(`Hello, my name is ${this.name}`); }, 1000); } }; person.sayHello(); // 결과값 // H.. 2023. 4. 20. Vanilla Js. IntersectionObserver API (스크롤 효과) 먼저 글을 쓰기에 앞서, IntersectionObserver API의 모든 것을 알지 못 하고 제가 사용한 부분만 쓰는 점 양해바랍니다. 오늘은 이름부터 길어서 어려워 보이는 IntersectionObserver API의 일부만 알아보자. 벌써 힘들다. 다름이 아니라 스크롤 효과에 대한 강의를 보는데 "왜 이걸 써야할까 스크롤 이벤트를 사용하면 안될까" 라고 생각했다. 내가 아는건 스크롤 이벤트 밖에 없었으니까. 일단, 스크롤 이벤트로 스크롤 효과를 구현하면, 스크롤 이벤트는 동기적으로 실행되어서이벤트가 연속으로 호출되거나, 렌더링 성능이 떨어지는 점 등의 문제가 있다. IntersectionObserver 함수는 대상 요소의 가시성에 대한 변경 사항을 관찰합니다. 대상 요소를 매개변수로 하는 obse.. 2023. 4. 13. 이전 1 2 3 4 5 ··· 8 다음
