꼬박로그 꼬박로그

오늘 했던 일 삼항 조건 연산자 삼항 조건 연산자 삼항 조건 연산자(ternary operator)는 조건식의 평가 결과에 따라 반환할 값을 결정한다. 자바스크립트의 유일한 삼항 연산자이며 부수 효과는 없다. 삼항 조건 연산자 표현식은 아래와 같이 사용한다. 조건식 ? 조건식이 true일 때 반환할 값 : 조건식이 false일 때 반환할 값 물음표(?) 앞의 첫 번째 피연산자가 조건식, 즉 불리언 타입의 값으로 평가될 표현식이다. 만약 조건식의 평가 결과가 불리언 값이 아니면 불리언 값으로 암묵적 타입 변환된다. 이때 조건식이 참이면 콜론( : ) 앞의 두 번째 피 연산자가 평가되어 반환되고, 거짓이면 콜론( : ) 뒤의 세 번째 피연산자가 평가되어 반환된다. let x = 2; //x가 짝수이면 '짝수..

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

오늘 했던 일 JSON.Stringify() JSON.stringify()는 자바스크립트의 값을 JSON 문자열로 변환한다. JSON이란? JSON은 JavaScript Object Notation의 약자로, 브라우저와 서버 사이에서 오고 가는 데이터의 형식이다. JSON.stringify(value, replacer, space) value(필수) : JSON 문자열로 변환할 값이다.(배열, 객체, 또는 숫자, 문자 등이 될 수 있다.) replacer(선택) : 함수 또는 배열이 될 수 있다. 이 값이 null이거나 제공되지 않으면, 객체의 모든 속성들이 JSON문자열 결과에 포함된다. [함수일 때] 문자열화 프로세스의 작동을 변경하는 함수로 사용할 수 있다. 문자 열화 될 key와 value, 2개..

오늘 했던 일 this, call, apply, bind 자바스크립트에서의 this 모든 함수 scope 내에서 자동으로 설정되는 특수한 식별자 execution context의 구성 요소 중 하나로, 함수가 실행되는 동안 이용할 수 있다. 5 Patterns of Binding 'this' 자바를 비롯한 다른 언어들에서의 this는 class의 인스턴스를 가리키는 패턴이었지만 자바스크립트에는 5가지의 패턴이 있습니다. 5가지의 패턴은 그냥 외우라고 합니다. 1. Global Reference / 전역 변수 && 2.Free Function Invocation / 함수 호출 : window var name = 'Global Variable'; console.log(this.name); // "Global..

오늘 했던 일 고차 함수 배열 메소드 고차 함수(Higher order function) 고차 함수란 함수를 인자(argument)로 받거나 함수를 리턴하는 함수를 말합니다. 이때 다른 함수(caller)의 인자로 전달되는 함수를 콜백 함수(callback function)라고 합니다. 1. 다른 함수를 인자로 받는 경우 function double(num) { return num * 2; } function doubleNum(func, num) { let doubleArr = []; return func(num); } // 함수 doubleNum은 다른 함수를 인자로 받는 고차 함수입니다. // 함수 doubleNum의 첫 번째 인자 func에 함수가 들어올 경우 // 함수 func는 함수 double..

오늘 했던 일 JavaScript 객체 지향 Javascript 객체 지향 객체 지향이란? 하나의 모델이 되는 청사진(blueprint)을 만들고, 그 청사진을 바탕으로 한 객체(object)를 만드는 프로그래밍 패턴. 여기서 청사진은 class, 청사진을 바탕으로 생성된 객체를 instance라고 한다. class 선언 ES5 function Car(brand, name, color){ // class 이름의 앞글자는 대문자로 선언한다. // 인스턴스가 만들어질 때 실행되는 코드 } ES6 class Car { constructor(brand, name, color) { // 인스턴스가 만들어질 때 실행되는 코드 } } instance 생성 let sonata = new Car('현대', '소나타', ..

오늘 했던 일 배열 객체 -배열(Array)- 대량을 정보를 관리할 때 순서가 있는 값 값 : 요소(element) 순서 : index 각각의 요소는 , 로 구분 Immutable , mutable 선언 push() () 안의 요소를 배열의 마지막에 추가함 pop() 배열의 마지막 요소를 제거함 shift() 배열의 가장 앞에 있는 요소를 제거함 unshift() () 안의 요소를 배열의 가장 앞에 추가함 Array.isArray() () 안의 요소가 배열인지 아닌지 boolean값을 반환함 concat() 인자로 주어진 배열이나 값을 기존 배열과 합쳐서 새로운 배열을 반환함. join() 배열의 모든 요소를 연결하여 하나의 문자열로 만듭니다. indexOf() 배열에서 지정된 요소를 찾을 수 있는 첫 ..

오늘 했던 일 조건문 문자열 조건문 조건이 될 수 있는 값은 Boolean이다. ( )의 값이 true라면 조건이 담긴 중괄호의 구문이 실행된다. 조건문에는 반드시 비교 연산자가 필요하다. 비교 연산자 : >, =,