Frontend/JavaScript 검색 결과

78 개의 검색 결과가 있습니다.

Frontend/JavaScript

[JS] 문자열에서 특정 문자 검색

자바스크립트에서 문자열에 특정 문자가 포함되었는지 또는 특정 문자를 찾고자 할 때 사용하는 방법이다. 1. indexOf 포함하고 있는 문자의 인덱스를 반환한다. 해당 문자가 없을 경우에는 -1을 반환한다. var stringVal = "javascript", substring = "java"; stringVal.indexOf(substring) !== -1; 2. includes ES6 이상에서 적용 가능하며, 해당 문자를 포함하고 있으면 true 없으면 false를 반환한다. var stringVal = "javascript", substring = "java"; stringVal.includes(substring); #참고 https://developer.mozilla.org/en-US/docs/W..

2021. 8. 11. 01:40

Frontend/JavaScript

[JS] 클로저(Closure)의 의미와 사용 방법

1. 클로저란? - 클로저란 내부 함수가 정의될 때 외부 함수의 환경을 기억하고 있는 내부 함수를 말한다. - 외부 함수 안에서 선언된 내부 함수는 그 외부 함수의 지역 변수가 함수에 접근하여 사용할 수 있다. - 클로저는 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 특징중에 하나입니다. - 클로저는 함수를 구성하는 코드와 함수가 생성될 당시의 스코프 환경(=렉시컬 환경)으로 구성된다. - 스코프 환경을 알고 있기 때문에, 함수가 생성될때의 모든 변수를 기억해 두었다가 함수가 호출될 때 사용할 수 있다. 2. 사용이유 - 클로저는 메모리 차원에서 손해를 볼 수 있지만 이점이 많다. 상태유지: 현재 상태를 기억하고 변경된 최신 상태를 유지할 수 있다. 전역 변수 사용 억제: 상태 변경이..

2021. 8. 10. 01:11

Frontend/JavaScript

[JS] 이벤트 버블링과 캡처링

자바스크립트에서 이벤트 전달 방식에는 버블링, 캡쳐, 위임 방식이 있습니다. 이벤트 버블링과 캡처링은 이벤트 전달, 차단과 관련해서 매우 중요한 개념입니다. 1. 이벤트 버블링 이벤트 버블링은 어떤 요소에 대한 이벤트가 발생했을 때, 해당 요소의 최상위 부모까지 이벤트가 전달되어지는 과정을 의미합니다. var grandParent = document.querySelector('.grand-parent'); var parent = document.querySelector('.parent'); var son = document.querySelector('.son'); grandParent.addEventListener('click', function(e) { console.log('grand-parent')..

2021. 8. 4. 01:00

Frontend/JavaScript

[JS] null과 undefined에 대해서

JavaScript에서 null과 undefined 모두 '없음'을 나타내는 값이다. 얼핏 보면 두 값의 차이가 없는 것 처럼 보이지만 각각의 사용목적은 다르다. undefined는 값이 대입되지 않은 변수 혹은 속성을 사용하려고 할 떄 반환되는 값이다. let foo; foo // undefined const obj = {}; obj.prop; // undefined null은 '객체가 없음'을 나타내며 typeof 연산을 하였을 때 아래와 같은 값을 반환한다. typeof null // 'object' typeof undefined // 'undefined' 개발을 할 때 값이 '없음'을 의미하기 위해서 undefined를 쓴다면 아래와 같이 그 의미가 불분명해진다. let foo; // 값을 대입한..

2021. 8. 1. 00:18

Frontend/JavaScript

[JS] 자바스크립트 큐, 스택, 트리 구현하기

0. 큐, 스택, 트리 어떤 데이터의 구체적인 구현 방식은 생략한 채, 데이터의 추상적 형태와 그 데이터를 다루는 방법만을 정해놓은 것을 가지고 ADT(Abstract Data Type) 혹은 추상 자료형이라고 한다. 1. 큐 (Queue) 데이터를 집어넣을 수 있는 선형(linear) 자료형이다. FIFO(First In First Out) : 먼저 넣은 데이터가 먼저 나온다. 데이터를 넣는 enqueue, 데이터를 추출하는 dequeue 등의 작업을 할 수 있다. class Queue { constructor() { this._arr = []; } enqueue(item) { this._arr.push(item); } dequeue() { return this._arr.shift(); } } cons..

2021. 7. 29. 23:08

Frontend/JavaScript

[JS] 현재 URL 가져오기

자바스크립트에서 현재 사이트의 URL을 가져오려는 경우 다음과 같은 스크립트를 작성하면 됩니다. window.location.href - 현재 페이지의 href 반환 window.location.hostname - 웹 호스트의 도메인 네임 반환 window.location.pathname - 현재 페이지의 경로와 파일 이름 반환 window.location.protocol - 사용하는 웹 프로토콜 반환 (http:// 혹은 https://) window.location.assign - 새 document 로드 아래는 전체 URL 경로를 가져온 예제입니다. var url = window.location.href //"https://cocobi.tistory.com/manage/newpost/41?type=..

2021. 7. 28. 00:21