프로그래밍/JavaScript16 [JS] Array 요소 추가, 제거, 길이 변경 메서드 정리 💛 알고리즘 문제를 풀며 요소를 Array에 마지막에 넣어주던지 처음에 넣어주던지, 삭제 시에도 마찬가지로 순서가 중요함을 느꼈다. Array 요소를 추가하거나 제거하고, 길이를 변경하는 메서드를 정리해 보자! ▶ 배열의 시작에서 추가, 제거 - shift, unshift Array.prototype.shift() 메서드는 배열에서 첫 번째 요소를 제거! 하고 제거된 요소를 반환한다. 이 메서드는 배열의 길이를 변경한다. // const array1 = [1, 2, 3]; const firstElement = array1.shift(); console.log(array1); // expected output: Array [2, 3] console.log(firstElement); // expected out.. 2023. 1. 5. [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. 이전 1 2 3 다음
