자바스크립트
8querySelectorAll과 getElementsByTagName이 다른 점
querySelectorAll은 태그, id, class까지 다 반환이 가능한 반면, getElementsByTagName은 오직 태그(div, a, span 등)만 반환이 가능합니다. 말 그대로 Selector All이 아니라, Element By TagName만 해당하는 것이죠. 다양한 선택자를 마치 CSS처럼 선택하기를 바라신다면 querySelectorAll을 쓰는 것을 추천합니다.
자바스크립트 2025.07.10 유니밧새로운 프로그래밍 언어를 공부할 때 순서대로 해야할 일
1. data type, data structure 살펴보기프로그래밍 언어는 프로그램을 만들기 위한 언어고, 프로그램은 컴퓨터가 입력 받은 데이터를 다양한 방법으로 처리하고 출력할 수 있도록 하는 상자다.우리가 일반적으로 새로운 프로그래밍 언어를 배운다고 하는 것은, 현대의 프로그래밍 언어(3세대 언어)를 말하는 것일 터인데, 모든 현대 프로그래밍 언어는 C언어의 등장 이후 이 문법을 그대로 답습하고 있기에 이미 한 가지 프로그래밍 언어를 배운 상태라면 다른 언어를 배우는데에 무리가 없다.따라서 언어별로 다른 부분들을 공부하면 되는 것인데, 가장 차이점으로 대두되는 것이 바로 이 data type과 data structure다. 독특한 자료형이나 자료구조가 있다면 이를 각종 구현 문법으로 표현할 때 잘 ..
자바스크립트 2025.06.28 유니밧자바스크립트 Array 사용법
// Create// 선언let array = [];// 선언 2 let array = new Array();// 선언과 동시에 값 넣기let array = [2, ‘banana']; // 선언과 동시에 값을 넣을 수 있고, 넣을 수 있는 요소는 모든 타입-객체다. 한 Array에 각기 다른 타입의 데이터를 집어넣을 수도 있다.// 선언과 동시에 값 넣기 2let array = new Array([2, 'banana']);// 새로운 값 맨 끝에 추가하기array.push(’banana'); // [2, 'apple', 'banana']// 새로운 값 맨 처음에 추가하기array.unshift(1); // [1, 2, 'apple', 'banana']// 인덱스로 마지막 값으로 추가하기array[4] =..
자바스크립트 2025.06.28 유니밧선언을 상수로 해야하나 변수로 해야하나?
안 바뀔 고정된 데이터를 넣을 때는 상수, 코드 내부에서나 외부 입력을 받아서 바뀔 데이터를 저장할 때는 변수를 쓰면 된다. 예컨대, 게임의 규칙 같은 것은 상수, 게임 주사위의 롤 값 같은 것은 변수로 저장하면 되는 것이다.이렇게 하는 이유는?과거에는 메모리 때문이었던 것으로 알고 있다. 상수에 넣을 데이터를 변수에 넣으면 더 많은 메모리를 잡아먹기 때문.하지만 현대 스크립트 인터프리터 언어는 개발 편의를 위해 만들어졌기에 그렇게까지 메모리를 신경 쓸 필요는 없고, 다만 변수와 상수를 각각의 용도별로 구분하여 이름이 겹치지 않게 함으로써 개발 편의성을 높이기 위해 존재한다고 볼 수 있다.
자바스크립트 2025.06.25 유니밧자바스크립트 var, let, const의 차이는 무엇인가?
var와 let은 변수, const는 상수이다.var는 var 접두어를 붙였을 때 두 번 선언되어도 에러가 나지 않는다. 즉, 수천줄의 코드에서 의도치 않게 동일한 이름의 변수가 새로 선언되고 초기화되면서 결과적으로 이후 코드에 잘못된 값이 할당될 수 있다. variable.let은 다시 같은 이름으로 새롭게 선언하면 에러가 뜬다. var보다 나은 방식이다.const는 한번 선언하면 수정할 수 없는 constant, 끊임없는, 말그대로 상수이다.let과 const는 ES6부터 var를 대체하기 위해 등장했다. var와 스코프의 차이도 있다.var apple = 1;// 수천줄의 코드 후var apple = 2; // 재선언과 초기화되어 기존 변수와 겹침으로 개발 어려움.let banana;banana =..
자바스크립트 2025.06.25 1 유니밧Data type 자료형과 Data Structure 자료구조의 차이는 무엇인가?
Data type 자료형은 보통 프로그래밍 언어에서 쪼갤 수 없는 원시값(primitive values)을 의미하며, 객체에 속하지 않는다. String, Number, Boolean 등이 Data type이다. 데이터를 의미하는 가장 기본적인 단위이자, 예약어라고도 할 수 있다.Data Structure 자료구조는 2가지 의미가 있는데, 이는 컴퓨터과학에서 흔히 이야기하는 이론적 의미의 큐, 스택, 리스트와 같은 이론 자료구조가 있고, 이를 기반으로 프로그래밍 언어에서 실제로 구현하는 자료구조의 형태인 실질 자료구조가 있다. 예컨대, 자바스크립트에서는 Object, Map, Array(배열) 등의 자료구조가 존재한다. 자바스크립트에서 수정할 수 있는 모든 변수, 함수 역시 깊게 파보면 다 객체이다.요약..
자바스크립트 2025.06.25 1 유니밧자바스크립트 프로퍼티와 메소드의 차이는 무엇인가?
프로퍼티 Property와 메소드 Method는 모두 객체 Object의 자식 요소라는 점에서는 동일하지만, 프로퍼티는 속성, 메소드는 방법론이라는 의미를 지니고 있다. 쉽게 말하자면 프로퍼티는 객체의 자식 변수, 메소드는 객체의 자식 함수라고 생각하면 되겠다. 그리고 알다시피 변수는 괄호가 없고, 함수는 괄호가 있다.프로퍼티 Propertymap.size;object.length;메소드 Methodmap.get(1);document.querySelector('body');참고https://www.codeit.kr/community/questions/UXVlc3Rpb246NjA0NzY1Y2EyNWM5ZDQxOGRkMWI0ZmRj
자바스크립트 2025.06.25 유니밧자바스크립트 Map Object 사용법
자바스크립트 Map이란?자바스크립트의 모든 기능적 Data Structure(자료구조)를 의미하는 Object(객체)의 한 종류이다. 사용법 1/* 선언 Create */let map = new Map();map.set(1, 'apple'); // 숫자 키 선언map.set('1', 'banana'); // 문자 키 선언map.set(true, 'candy'); // 불리언 키 선언/* 출력 Read */map.get(1); // applemap.get('1'); // bananamap.get(true); // candymap.get(2) // undefined/* 키 존재 여부 확인 Read */map.has(2); // false - 출력 = boolean /* 요소의 개수 반환 Read */map...
자바스크립트 2025.06.25 유니밧