전체 글

시맨틱 뜻 시맨틱(semantic) : ‘의미의, 의미론적인’ 시맨틱 태그 : 내용에 의미를 부여하는 태그, 웹 페이지에 보이는 것 이상의 정보를 제공합니다. 웹 기술이 발전함에 따라 태그의 내용은 정보로서 높은 가치를 포함해야 한다는 점이 점점 더 중요해지고 있습니다. 그래서 개발자들은 유용한 형태의 데이터로 웹을 만들기 위해 노력해야 합니다. 그러한 노력 중 하나가 바로 시맨틱 태그를 사용하는 것입니다. 이를 통해 사람들은 코드를 읽는 것이 훨씬 쉬워지고, 검색엔진 즉, 기계 입장에서는 콘텐츠를 더 쉽게 이해할 수 있습니다. 따라서 SEO (검색엔진최적화) 성능을 더욱 향상할 수 있습니다. 시맨틱 태그(Semantic Tag) 뜻 인터넷의 발전으로 방대한 양의 웹문서가 생기면서, 제각기 일관적이지 않..

This JavaScript 예약어 this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-reference variable)이다. this는 코드 어디서든 참조할 수 있다. 하지만 this는 객체의 프로퍼티나 메서드를 참조하기 위한 자기 참조 변수이므로 일반적으로 객체의 메서드 내부 또는 생성자 함수 내부에서만 의미가 있다. 함수를 호출하면 인자와 this가 암묵적으로 함수 내부에 전달된다. 함수 내부에서 인자를 지역 변수처럼 사용할 수 있는 것처럼, this도 지역 변수처럼 사용할 수 있다. 단, this가 가리키는 값, 즉 this 바인딩은 함수 호출 방식에 의해 동적으로 결정된다. 크게 전역에서 사용할 때와 함수 안에서 사용할 때로 나눌 수 있다. 바인딩 식별..

Javascript Set, Map, Object 차이 Map, Set, map, set은 ES6에서 새로 도입한 자료 구조 Map, Set이 필요한 이유 - object는 문자열/심볼만 key값으로 들어간다. (map, set은 1과 '1'도 구분된다.) - 객체의 프로퍼티 개수를 알 수 있다. - object는 for of 또는 spread syntax로 접근이 힘들다. (object는 not iterable) Set -Set은 중복을 허용하지 않는 데이터 집합 -Set을 사용하면 데이터에 빠르게 엑세스할 수 있다. -1과 '1'을 다른 것으로 간주. 즉, 중복 확인을 위해 강제적으로 자료형을 변형하지 않는다. -forEach(callback(value,key,set)[, thisArg]), for..

push() 배열의 끝에 아이템을 추가한다. var fruits = ["Apple", "Banana", "Orange", "Strawberry"]; var push = fruits.push("Grape"); console.log(fruits); //결과 //["Apple", "Banana", "Orange", "Strawberry", "Grape"] pop() 배열의 마지막 아이템을 제거한다 var fruits = ["Apple", "Banana", "Orange", "Strawberry"]; var pop = fruits.pop(); console.log(pop); console.log(fruits); //결과 //["Apple", "Banana", "Orange"]; shift() 배열의 첫번째 아이..