본문 바로가기

javascript35

[Js] Array에서 number 오름차순, 내림차순 정렬하기 - sort() // sort() function solution(n) { return n.sort(); } // output : [1,12,2,24,3,4,6,8] // 오름차순 function solution(n) { return n.sort((a, b) => a - b); } // output : [1,2,3,4,6,8,12,24] // 내림차순 function solution(n) { return n.sort((a, b) => b - a); } // output : [24,12,8,6,4,3,2,1] solution([1, 2, 3, 4, 6, 8, 12, 24]); ▶ Array.prototype.sort() sort() 메서드는 배열의 요소를 제자리에서 정렬하고 이제 정렬된 동일한 배열에 대한 참조를 반환합니.. 2023. 1. 4.
[프로그래머스] 인덱스 바꾸기 - JavaScript 풀이 ✏️ 문제 설명 문자열 my_string과 정수 num1, num2가 매개변수로 주어질 때, my_string에서 인덱스 num1과 인덱스 num2에 해당하는 문자를 바꾼 문자열을 return 하도록 solution 함수를 완성해보세요. 제한사항 1 2023. 1. 4.
[Js] split(), split(''), split(' ')의 명확한 차이 알고리즘 문제를 풀다보면 split() 메서드를 자주 사용한다. () 안에 뭘 쓰냐에 따라 결과가 달라지기 때문에 헷갈리지 않게 명확히 정리하고 넘어가자! String.prototype.split() 메서드는 패턴을 받아 패턴을 검색하여 문자열을 정렬된 하위 문자열 목록으로 나누고 이러한 하위 문자열을 배열에 넣고 배열을 반환한다. const str = 'JavaScript is the world\'s most popular programming language.'; const words = str.split(' '); console.log(words[3]); // output: "world's" const chars = str.split(''); console.log(chars[9]); // outpu.. 2023. 1. 4.
[자바스크립트 완벽 가이드] 비동기 프로그래밍이란? 비동기적이란? 데이터가 들어오거나 어떤 이벤트가 일어날 때까지 계산을 멈추고 대기하는 일이 잦다는 뜻 웹 브라우저의 자바스크립트는 이벤트 주도적이다. 그 의미는 프로그램이 실제로 무언가를 실행하기 전에 사용자가 뭔가 클릭하거나 탭하기를(이벤트) 기다린다는 뜻. 자바스크립트를 사용하는 서버는 일반적으로 Network를 통해 클라이언트 요청이 들어온 후에야 작업을 시작한다. 콜백과 비동기 프로그래밍 비동기 프로그래밍은 콜백을 통해 이루워진다. 콜백이란 다른 함수에 전달하는 함수이다. 콜백을 전달받은 함수는 1) 어떤 조건을 만족하거나 2) 어떤 (비동기) 이벤트가 일어나면 제공한 함수를 호출(콜백)한다. 콜백 기반 비동기 프로그래밍의 예시: 타이머, 이벤트, 네트워크 이벤트, 노드의 콜백과 이벤트 등 예시 .. 2022. 12. 13.
[Js] export와 export default의 import 차이 Js 프로그래밍 강의를 듣던 중 리팩토링시 파일을 분리하면서 export를 쓸 때 export 와 export default의 차이가 궁금해졌다. 예시 코드) export const $ = (selector) => document.querySelector(selector); export const store = { setLocalStrage(menu) { localStorage.setItem("menu", JSON.stringify(menu)); }, getLocalStorage() { return JSON.parse(localStorage.getItem("menu")); }, }; export default store; import { $ } from "./utils/dom.js"; import sto.. 2022. 9. 2.