반응형 Language200 [JavaScript] 화살표 함수(Arrow function)에 대하여 - 2 (this) [ES6] 화살표 함수(Arrow function)에 대하여 - 1 (표현식))를 사용하여 보다 간략한 방법으로 함수 선언을 도와주는 역할" data-og-host="mine-it-record.tistory.com" data-og-source-url="https://mine-it-record.tistory.com/462" data-og-url="https://mine-it-record.tistory.com/462" data-og-image="https://scrap.kakaocdn.net/dn/sYGSt/hyMJDJHBkz/DCS902mXJo3Zte9PurDnwk/img.png?width=800&height=800&face=0_0_800_800,https://scrap.kakaocdn.net/dn/qH6.. 2021. 12. 18. [JavaScript] 화살표 함수(Arrow function)에 대하여 - 1 (표현식) 화살표 함수(Arrow function)는 ES6(ECMAScript6)에서 등장한 개념으로 기존에 함수를 선언할 때 사용하던 function 키워드 대신에 화살표(=>)를 사용하여 보다 간략한 방법으로 함수 선언을 도와주는 역할을 한다. 코드를 통해 사용방법에 대해 하나씩 알아가보자.1. 화살표 함수(Arrow function) 기본 문법// es5var plus = function(a, b) { return a + b; }// es6let minus = (a, b) => { return a - b; }; 기본 문법은 본문 첫 문단에서 설명한것처럼 function 키워드 대신 화살표를 사용하여 간략하게 사용하였다.이 방식에는 여러가지 특징들이 존재하는데, 매개변수의 개수와 블럭안의 line 개수.. 2021. 12. 13. [JavaScript] 변수 let, const 그리고 var 에 대하여 (ft. scope, hoisting) 자바스크립트의 변수 선언 방식 var 와 ES6(ECMAScript6)에서 등장한 let 과 const에 대해 알아보자. 위에서 언급한 세가지의 변수 선언 방식의 차이점에 대해 알기위해서는 변수의 유효범위(scope) 와 호이스팅(hoisting)이라는 녀석들에 대해서도 같이 알아둘 필요가 있다. 그럼 변수선언부터 유효범위 그리고 호이스팅 이라는 녀석까지 하나하나 알아가보도록 하자.1. 변수 선언 방법 (중복 선언, 재할당, 초기화 여부)각 변수(var, let, const) 별로 중복 선언, 재할당, 초기화 여부에 대해 알아보자. 1-1) 중복 선언과 재할당//////// 1. var ////////var jsvar = 'mine';var jsvar = 'it'; // 변수 중복선언 가능jsvar = .. 2021. 12. 9. [JavaScript] 배열(arr) 중복 제거하기 script에서 사용하는 배열의 중복을 제거하는 방법에 대해 알아보자. 구글에 검색해봐도 대부분 비슷한 방법만이 존재해서 나 역시 그냥 기록해두고자 한다. ▷ 예제1) 배열 함수인 forEach() 와 includes() 활용 (ft. indexOf() 사용) var arr = [1, 2, 3, 4, 2, 4, 5, 1]; //중복 제거 [1, 2, 3, 4, 5] - includes() var removeOverLapArr1 = []; arr.forEach(function(item, index){ if(!removeOverLapArr1.includes(item)){ removeOverLapArr1.push(item); } }); //중복 제거 [1, 2, 3, 4, 5] - indexOf() var r.. 2021. 10. 23. [JavaScript] Object.is() - 두 개의 값이 같은지 확인 (ft. 이중등호(==), 삼중등호(===)) Object.is() 메서드에 대해 알아보자. ▷ 구문 Object.is(value1, value2); 이중등호(==)와 삼중등호(===) 처럼 두개의 값을 비교해주는 메서드이다. 우선 Object.is() 메서드는 IE에서는 사용이 불가능하다는 점을 알아두고 예제를 통해 접해보자. ▷ 예제1) Object.is() 기본 사용법 Object.is('mine', 'mine'); // true Object.is(window, window); // true Object.is(undefined, undefined); // true Object.is(null, null); // true Object.is('mine', 'it'); // false Object.is([], []); // false Object.is.. 2021. 10. 8. [JAVA] 자바_변수 타입에 따른 기본값(Default Value) - 변수 타입에 따른 기본값 (ft. 기본형 참조형) - 자바에서는 변수를 선언할 경우 초기화를 하지 않더라도 변수의 타입별로 기본값이 존재하는데, 이는 컴파일러(Compiler)에 의해 초기화가 되는 값이니 실제로 코드를 작성한다면 직접적으로 값을 할당하여 초기화 시켜주는게 좋다. 그리고 지역변수는 초기값이 들어가지 않기 때문에 여러모로 혼란스러울수 있으니 꼭 값을 할당해서 초기화 시켜주자. 그래도 일단 궁금하니 변수 타입에 따른 기본값은 아래 표로 정리해둔다. 변수 타입에 따른 기본값 자료형(변수 타입) 기본값 byte 0 short 0 int 0 long 0L float 0.0f double 0.0d char '\n0000' boolean false 참조형 변수(String or any Object.. 2021. 10. 3. [JavaScript] arr.find() - 특정 조건에 맞는 배열 요소 값 가져오기 (ft. Array.prototype.find()) 특정 조건에 맞는 배열 요소 값의 위치를 찾아내는 Array.prototype.findIndex() 말고도ES6에서 추가된 특정 조건에 맞는 배열 요소 값을 그대로 반환해주는 Array.prototype.find() 메서드 역시 존재한다. findIndex() 메서드에 대해서는 아래 링크를 통해 접해보자.[JavaScript] arr.findIndex() - 조건에 맞는 배열의 특정 값 위치(index) 찾기 (Array.prototype.findIndex()) [JavaScript] arr.findIndex() - 조건에 맞는 배열의 특정 값 위치(index) 찾기 (Array.prototype.findIndex())배열에서 특정 값의 위치(인덱스)를 찾아주는 indexOf 가 존재하는데, 아무래도 상.. 2021. 9. 1. [JavaScript] history.pushState() - 페이지 갱신없이 주소URL 변경하기 스크립트로 페이지를 갱신하지 않고 페이지 주소만 변경하는 방법에 대해 알아보자. 생각외로 url을 이동하지 않은 상태에서 주소창의 url만 변경해야 하는 경우가 생길 수 있다. ▷ 구문 history.pushState(state, title[, url]); state : 세션 히스토리에 넣을 상태 객체 (잘 모르겠으니 null을 넣어주자.) title : 브라우저의 제목 (필요 없을 시 null 사용) url : 변경할 브라우저 URL 예제를 통해 접근해보자. ▷ 예제1) history.pushState() history.pushState(null, null, 'record') ▷ 결과 세번째 매개변수에 넣어준 url로 변경된 것을 확인할 수 있다. 사용하기에 앞서 알아둬야할 것은 HTML5에서 적용된 .. 2021. 8. 25. [JavaScript] obj.hasOwnProperty() - 객체가 특정 프로퍼티를 가지고 있는지 확인하기 (ft. Object.prototype.hasOwnProperty()) 객체가 특정 키를 가지고 있는지 확인하는 Object.prototype.hasOwnProperty() 메서드에 대해 알아보자. ▷ 구문 obj.hasOwnProperty(prop) prop: 확인 하고자 하는 프로퍼티 명 예제를 통해 접근해보자. ▷ 예제1) Object.prototype.hasOwnProperty() var obj = {}; obj.mine = 42; console.log(obj.hasOwnProperty('mine')); // true console.log(obj.hasOwnProperty('it')); // false 예제에서 보는것 처럼 해당 객체의 프로퍼티의 존재 유무를 판단하는 것이다, 프로퍼티의 값이 무엇이든 프로퍼티가 존재하기만 하면 true를 반환하고 존재하지 않을경우 f.. 2021. 8. 18. 이전 1 ··· 5 6 7 8 9 10 11 ··· 23 다음 반응형
