자바스크립트
-
코딩의 기술 4. 조건문을 깔끔하게 작성하라자바스크립트 2021. 5. 22. 16:04
일반적인 조건문 let color: if (balance > 0) { color = "green"; } else { color = "red"; } TIP 17. 거짓 값이 있는 조건문을 축약하라 1. bollean 자료형 ( true, false ) 2. 참 또는 거짓 값 - 둘 사이의 차이가 존재. 동일하지 않지만 대부분의 경우 유사하게 작동한다. 동등과 일치의 차이 - 동등 : 내용은 같지만 자료형이 서로 다른 값 ( == ) - 일치 : 내용도 같고 자료형도 같은 값 ( === ) 1 === '1' // false 1 === 1 // true '' == false // true '' === false // false 거짓 값의 목록 - false, null, 0 , NaN(숫자가 아님), ' ', ..
-
코딩의 기술 2. 배열로 데이터 컬렉션을 관리하라자바스크립트 2021. 5. 14. 23:53
TIP 6. Includes( )로 존재 여부를 확인하라 - 배열에 있는 값의 위치를 확인하지 않고도 존재 여부를 확인하는 방법 - 기존에는 배열이 특정 문자열을 포함하고 있는지 확인할 때 문자열의 위치를 찾고 해당 문자열의 색인으로 위치를 확인 - 문자열이 존재하지 않으면 -1이 반환. 문제는 색인이 0이 될 수 있는데 자바스크립트에서 0은 false로 평가된다. const sections = ['shipping']; function displayShipping(sections) { if (sections.indexOf('shipping')) { return true; } return false; } // false 이런 상황때문에 숫자와 비교하는 과정을 거쳐야 한다. const sections = [..
-
코딩의기술 1.1 const로 변하지 않는 값을 표현하라자바스크립트 2021. 5. 1. 15:02
1장 변수 할당으로 의도를 표현하라 TIP1. const로 변하지 않는 값을 표현하라 1. 과거의 변수 할당 법 var 오직 하나. var a; a = 1; var b = 3 console.log(a) // 1 console.log(b) // 3 a = 50 console.log(a) // 50 2. ECMAScript 6 (ECMAScript 2015) ECMAScript는 자바스크립트를 위한 공식적인 기술 명세이다. ECMAScript6는 2015년도에 나온 ECMAScript 표준의 가장 최신 버전으로 ES6로 줄여서 부른다. ES6 에서는 기존의 변수 할당법인 var 이외에도 2개의 추가적인 변수할당법이 추가 되었다. 바로 let과 const이다. 이중에서도 const는 블록의 문맥 내에서 재할당..
-
자바스크립트 객체지향 프로그래밍자바스크립트 2021. 4. 7. 02:23
6.0 객체지향 언어로서 클래스 기반의 언어와 프로토타입 기반의 언어의 차이 6.0.1 클래스 기반의 언어 - 클래스로 객체의 기본적인 형태와 기능을 정의하고, 생성자로 인스턴스를 만들어서 사용할 수 있다. - 클래스에 정의된 메서드로 여러 가지 기능을 수행할 수 있다. - 모든 인스턴스가 클래스에 정의된 대로 같은 구조이고 보통 런타임에 바꿀 수 없다. - Java, C++ 6.0.2 프로토타입 기반의 언어 - 객체의 자료구조, 메서드 등을 동적으로 바꿀 수 있다. - 정확성, 안전성, 예측성 등의 관점에서 클래스 기반 언어보다 떨어진다. - Javascript 6.1 클래스, 생성자, 메서드 자바스크립트는 거의 모든 것이 객체이고, 특히 함수 객체로 많은 것을 구현해낸다. 클래스, 생성자, 메서드도 ..
-
ES6 문법 정리자바스크립트 2021. 4. 4. 01:48
리액트를 다시 공부하면서 생소한 문법(화살표문법 같은?)이 적응이 안되서 ES6 문법에 대해 정리를 해보았다. (모두는 아니고 배운 내용 일부만!) 1. ES6 - ECMAScript 표준의 가장 최신 버전으로 ECMAScript 6 ( ECMAScript 2015 )를 줄인 말이다. - ES6는 새로운 언어 기능이 포함된 주요 업데이트이며, 2009년도에 표준화된 ES5 이후로 언어 기능에 대한 첫 업데이트다. 2. 추가된 기능 arrows classes enhanced object literals template strings destructuring default + rest + spread let + const iterators + for ... of generators unicode module..
-
자바스크립트 데이터 타입과 연산자(1)자바스크립트 2021. 4. 2. 17:49
자바스크립트란? - 동적인 웹사이트 제작시 사용되는 프로그래밍 언어 - 변수 : 데이터를 담는 공간 - 변수 선언 : 데이터를 담을 공간을 생성하는 것 - 변수 초기화 : 생성된 변수에 데이터를 전달하는 것 - 느슨한 타입 체크 언어 : int, float, char 등의 예약어를 이용하지 않고 var, let, const 키워드로만 변수를 선언 // 변수 선언 var fruit; // 변수 초기화 fruit = "apple"; var fruit = 'apple'; // 데이터 변경 fruit = 'banana'; 3.1 자바스크립트 기본 타입 3.1.1 숫자 - 하나의 숫자형만 존재(C언어는 int, long, float, double 등) var num = 5 / 2; console.log(num);..