ruriruriya

자바스크립트의 Destructuring에 대해서 배열에서와 객체에서는 어떻게 쓰이는 지 알아보자. 배열에서의 디스트럭처링 배열의 각 요소를 변수로 쉽게 할당할 수 있다. const numbers = [1, 2, 3]; const [one, two, three] = numbers; console.log(one); // 1 console.log(two); // 2 console.log(three); // 3 기본값 설정 배열의 요소가 누락되었을 때 기본값을 지정할 수 있다. const [a, b, c = 3] = [1, 2]; console.log(a, b, c); // 1, 2, 3 나머지 요소 가져오기 '...' 연산자를 사용하여 배열의 나머지 부분을 새 배열로 가져올 수 있다. const [first,..

자바스크립트의 Set과 Map, 이것들이 배열과 객체와의 차이점은 무엇인지 알아보자. Set Set 객체는 값의 집합으로, 중복을 허용하지 않는다. 각 요소는 유일무이하며, 삽입 순서가 유지된다. Set과 배열의 차이점 특성 Set 배열 중복 허용 허용하지 않음 허용함 요소 접근 인덱스 없음 인덱스 있음 순서 유지 유지함 유지함 성능 검색과 유니크 관리에 유리 검색 및 정렬에서 성능 저하 가능 [ Set의 주요 함수와 예시 ] add(value): 집합에 값을 추가 delete(value): 집합에서 값을 제거 has(value): 집합에 특정 값이 있는지 확인 clear(): 집합의 모든 요소를 제거 size: 집합의 크기를 반환 let mySet = new Set(); // 값 추가 mySet.add..

자바스크립트의 배열과 객체에 대해 알아보자. Array (배열) 배열은 여러 데이터를 순서대로 저장할 수 있는 구조로, 각 요소에는 인덱스를 통해 접근할 수 있다. 인덱스는 0부터 시작g한다. [배열 생성 및 접근] // 배열 생성 let fruits = ['사과', '바나나', '체리']; // 배열 요소 접근 console.log(fruits[0]); // '사과' console.log(fruits[1]); // '바나나' console.log(fruits[2]); // '체리' // 배열 길이 확인 console.log(fruits.length); // 3 [배열 요소 추가 및 제거] // 맨 끝에 요소 추가 fruits.push('오렌지'); console.log(fruits); // ['사과',..

null과 undefined는 자바스크립트의 데이터 타입이다. 이 둘은 비슷해보이지만 차이점이 분명하다. null은 아무것도 없음을 의도적으로 표현한 것으로 변수가 '비어있음' 또는 '아무것도 참조하지 않음'을 의도적으로 표현할 때 사용된다. undefined는 변수의 값이 할당되지 않음을 나타내고 변수가 선언되었으나 아직 어떤 값도 할당되지 않았을 때, 자바스크립트는 그 변수의 값을 undefined로 나타낸다. [예시] // false는 값이 있고 null은 값은 있는 데 아무 것도 아닌 상태(비어있는) const amIFat=null; // 변수는 존재하는 데 정의되지 않음 // 메모리 안에는 존재하면서 공간은 있지만 값이 들어가지 않은 상태 let somthing; // null은 변수 안에 어떤..

자바스크립트에서 변수를 선언할 때 쓰이는 키워드로는 const와 let이 있다. 기존에 var라는 키워드가 있었지만 var는 언제 어디서나 업데이트할 수 있었기 때문에 그것보다 업그레이드 되어서 ES6에서 도입되었다. 차이점은 const는 상수이고, 값이 바뀔 수 없다. let은 새로운 것을 생성할 때 사용하는 것이고 그 후에는 let 키워드를 쓰지 않고 처음 생성했던 변수명을 사용하여 값을 바꿀 수 있다. 보통 const를 기본적으로 사용하고 변수를 업데이트 하고 싶을 때는 let 키워드를 사용한다. 결론적으로 강력권장하는 규칙은, 기본적으로 const를 쓰고 필요할 때만 let을 쓰되, var는 쓰지 말 것을 강조한다. [예시] //상수 바뀌지 않은 값 계속 유지 const a = 5; const b..

script 태그는 html의 body 안에서 동작한다. 그냥 html과 script 태그는 정적인 작업 동적인 작업으로 구분해서 볼 수 있다. 아래 코드를 보면 좀더 쉽게 이해할 수 있다. ex1.html 파일을 생성해서 아래 코드에서 body 태그 안에서 1+1과 script 태그에서 1+1을 함께 작동 시켜보았다. JavaScript html 1+1 결과는 script 태그 내에서 자바스크립트로 작성한 1+1은 연산이 되었지만 html 태그인 body 태그에서는 1+1 문자열로 그대로 나온다. 이 부분에서 JavaSctipt는 동적인 역할을 하고 HTML은 정적인 역할을 하는 것을 확인할 수 있다.