FrontEnd/JavaScript44 [ JavaScript ] Set 세트 Set 란? 자바스크립트에서 고유한 값들의 집합을 다루는 자료구조이다. 이를 활용하면 데이터 중복을 제거하고 유일한 값들을 효과적으로 관리할 수 있다. 자료구조로서의 세트 순서가 없는 중복되지 않은 데이터 값의 집합이다. 세트 vs 배열 배열 데이터를 순서에 맞게 저장 => 인덱스를 통해 특정 위치의 데이터에 접근 가능하다. 동일한 값을 여러 번 저장할 수 있다. (값이 동일하더라도 인덱스가 다르기 때문에 데이터의 중복이 문제되지 않는다.) 세트 데이터를 순서 없이 저장한다. 기존에 세트에 있는 값을 또 추가하면 아무 효력이 발생하지 않는다. 세트 생성 자바스크립트에서 Set는 클래스이므로 new키워드와 생성자를 사용하여 객체를 생성할 수 있다. const set = new Set() // Set(.. 2023. 10. 26. [ JavaScript ] 객체 & 내장객체 & 호스트객체 보호되어 있는 글 입니다. 2023. 10. 26. [ JavaScript ] 스코프 Scope 에 대해서 스코프 Scope 란? 변수 또는 함수가 유효한 범위 스코프의 종류 전역 Global Scope : 코드의 모든 범위(전역)에서 사용(참조)이 가능하다. (함수 밖은 다 전역이다.) 지역 Local Scope 함수 Function Scope : 함수 안에서만 사용이 가능하다. 블록 Block Scope : if, for, switch 등 특정 블록 내부에서만 사용이 가능하다. {} 블록이란? 블록은 하나 이상의 구문을 그룹화 할 때 사용이 되며, 중괄호 {} 세트 안에 있는 코드를 말한다. function print() { // 함수 블록 console.log(a); } { // 블록 const a = '1'; } 스코프의 특징 바깥쪽 스코프에서 선언한 변수는 안쪽에서 사용 가능하다. 안쪽 스코프에서 선.. 2023. 10. 26. [ JavaScript ] 예외 처리 exception handling 예외 처리란, 코드 실행 중에 예기치 못한 에러가 발생했을 때, 이로부터 코드의 실행 흐름을 복구 하는 기능이다. 동기식 코드에서의 예외 처리 문법 에러와 같이 프로그래머의 실수를 인해 에러가 발생하는 경우도 있지만, 네트워크 에러와 같이 코드와는 무관한 이유로 발생하는 에러도 있다. new Array(-1) //RangeError: Invalid array length console.log(foo) //ReferenceError: foo is not defined fetch('https://blabla.nowhere') //TypeError: Failed to fetch 코드 실행 중에 에러가 발생하면, 코드의 실행이 중단되어 그 시점에 실행 중이었던 작업을 완료할 수 없게 됩니다. JavaScript.. 2023. 10. 26. [ JavaScript ] 2진수, 8진수, 10진수, 16진수 변환 방법 (feat. toString) 일단 방법만 먼저 말하자면, 10진수(num)를 N진수로 변환하는 법 num.toString(N) const tenInt = 30 tenInt.toString(2) //'11110' tenInt.toString(8) // '36' tenInt.toString(10) // '30' tenInt.toString(16) // '1e' 선택적으로 기수(radix)를 매개변수로 취한다. 최소 2부터 36까지 가능하다. 기수를 이용해서 10진수를 다른 진수로 변환할 수 있다. 라고 그대로 mdn에 쓰여있다. 참조 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/toString 2023. 10. 25. [ JavaScript ] onload() vs addEventListener(load,f) onload() addEventListener(load, ) attach event handler to the 'load' event of a web page or an image can only handle one event handler at a time can attach multiple event handlers removeEventListener() allow to remove the event listener later on can free up resources & prevent executing multiple times 2023. 10. 25. 이전 1 ··· 3 4 5 6 7 8 다음
