도찐개찐

자바스크립트 유용한 연산자 자바스크립트에서는 다양한 연산자를 제공하여 코드를 더 간결하고 가독성 있게 작성할 수 있습니다. 그중에서도 물음표, 느낌표, 물결 연산자에 대해서 알아보고, 어떤 상황에서 사용하는 것이 좋은지 그리고 각각의 연산자를 사용할 때 주의할 점 등에 대해 다루며 예시 코드도 같이 소개할 예정입니다. 물음표 한 개 - 삼항 연산자, 옵셔널 체이닝 연산자 물음표 두 개 - Null 병합 연산자 느낌표 한 개 느낌표 두 개 물결 한 개 - 틸드 연산자 물결 두 개 물음표 한 개(?) 물음표 한 개 연산자는 자바스크립트에서 가장 일반적으로 사용되는 연산자 중에 하나이며 삼항 연산자와 옵셔널 체이닝 연산자에서 사용됩니다. 1) 삼항 연산자(Ternary operator) 조건식 ? 참일 때의 ..

In its current state, there is no "direct” way to create a private variable in JavaScript. -> 현재 상태에서 자바스크립트 private 변수를 (은닉화) 만드는 "직접적인" 방법은 없습니다. In other languages, you can use the private keyword or double-underscores and everything works, -> 다른 언어에서, private 키워드(자바 등) 또는 __ 이중 underscore 를 사용하는 등의 방법을 사용할 수 있지만 but variable privacy in JavaScript carries characteristics that make it seem mor..

​1) for( ) 초깃값부터 시작해서 증가 또는 감소하면서 조건에 부합하면 계속 순회합니다. 중간에 "break;" 문을 만나면 반복문을 중단합니다. for ([initialization]; [condition]; [final-expression]) statement for( )은 인덱스 0부터 시작해서 배열의 길이만큼 순회하면서 배열의 각 원소들을 출력합니다. const animals = ["lion", "tiger"]; for (let i=0; i { console.log(animal); }); // [콘솔 출력 결과] // lion // tiger ​ ​3) map( ) 배열의 각 요소에 대해 callback을 실행하고 실행결과를 모은 새 배열을 리턴합니다. 배열을 순회하므로 중간에 "break;..

1. 화살표 함수의 선언 화살표 함수(Arrow function)는 function 키워드 대신 화살표(=>)를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있다. 하지만 모든 경우 화살표 함수를 사용할 수 있는 것은 아니다. 화살표 함수의 기본 문법은 아래와 같다. // 매개변수 지정 방법 () => { ... } // 매개변수가 없을 경우 x => { ... } // 매개변수가 한 개인 경우, 소괄호를 생략할 수 있다. (x, y) => { ... } // 매개변수가 여러 개인 경우, 소괄호를 생략할 수 없다. // 함수 몸체 지정 방법 x => { return x * x } // single line block x => x * x // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며 암..

기존 자바스크립트에서는 객체를 구현하기 위해 prototype을 사용 했습니다. ES6 에서 나온 class는 기존 객체지향 언어에서 제공하는 객체 생성 방식과 동일한 문법으로 가독성을 높이기 위해 고안된 문법 입니다. // Javascript Prototype var NumberPrototype = (function() { this.number = 0; // 생성자 함수 function setNumber(num) { this.number = num; } // 객체 함수(메소드역할) setNumber.prototype.sum = function(num) { this.number += num; } setNumber.prototype.print = function() { console.log(this.num..

var str1 = '스크립트'; var str2 = '입니다.'; var str3 = '줄바꿈 테스트'; var STRING_SEARCH = '자바 스크립트 세계에 오신걸 환영 합니다.'; function js_Test () { console.log('js Test ---------------------'); console.log(str1 + ' ' + str2 + '\n' + str3); console.log('문자열 검색 : ' + STRING_SEARCH.indexOf("세계1")); console.log('문자열 검색 : ' + STRING_SEARCH.indexOf("세계에")); } const es6_Test = () => { console.log('es6 Test --------------..