전체 글 (47) 썸네일형 리스트형 JavaScript(ES6)|배열,APIs 총정리 Array 1. Declaration 배열을 만드는 (선언하는) 방법. 2번째 방법을 더 많이 씀. 2.Index position const로 배열을 만들고 출력하면 값이 모두 나오고 length를 출력하면 배열 값의 갯수, [0],[1]을 출력하면 인덱스 숫자에 맞는 값이 출력, 배열에 값이 없으면 ([2]) undefined로 출력. 배열의 마지막 값을 출력하려면 length에서 -1을 하기도 함. (인덱스는 0부터 시작하기 때문) 3.Looping over an array -print all fruits 모든 배열을 출력하는 방법에는 세 가지가 있다. a. for방법은 i를 0으로 주고 1씩 늘려가면서 fruits의 값의 갯수보다 같거나 커지면 멈추게 하는방법. b. for of의 방법은 fruit.. JavaScript(ES6)|Object Objects -one of the JavaScript's data typys. -a collection of related data and/or functionlity. -Nearly all objects in JavaScript are instances of Object. -Object = {key:value}; (오브젝트는 키와 밸류의 집합체이다.) 1. Literals and properties 프리미티 타입은 변수 하나당 값을 하나만 담을 수 있다. 이렇게 하면 추가해야 할 인자들이 많아 짐. 관리가 힘들다. 이것을 개선하고자 object를 사용한다. 이렇게 파라미터에 person이라고 지정하고 console.log(person.name)';처럼 작성. 그리고 const ellie = {name.. JavaScript(ES6)|클래스와 오브젝트의 차이점, 객체지향 언어 클래스 정리 class person{ name; age; speak(); name; age; ->속성 (field) speak(); -> 행동 (method) 클래스는 연관있는 데이터들을 묶어 놓은 것. 간혹 행동(method)없이 속성 (field)만 들어있는 경우도 있음. 이런것을 데이터 클래스라고 부름. 클래스 안에서도 내부적으로 보여지는 변수와 밖에서 보일 수 있는 변수들을 나누어서 이런것들을 캡슐화라고 함. 클래스를 이용하여 상속과 다양성이 일어날 수 있음. 이런 모든 것들이 가능한것이 객체지향 언어. class :(틀, 청사진, 템플릿이라고도 불림/ 붕어빵 틀) -template -declare once -no data in object :(실제로 클래스에 데이터를 넣을 수 있는 것 / 팥, 크림, 등등... JavaScript(ES6)|Arrow Function, 함수의 선언과 표현 Function -fundamental building in the program : function은 프로그램을 구성하는 굉장히 기본적인 빌딩 블럭. -subprogram can be used multiple times :서브프로그램이라고도 불리며 여러번 재사용이 가능함. -perform a task or calculates a value :한 가지의 take나 어떠한 값을 계산하기 위해 쓰여짐. 1.Function declaration -function name(param1, param2) {body... return;} : function 키워드를 써준 후, name 이름을 지정하고, (파라미터들을 쭉 나열) { 함수안에 기본적인 비지니스 로직을 작성한 다음 리턴} -one function === .. JavaScript ES6 | operator, if, for loop 1.Operator -String concatenation -Numeric operators -Increment and decrement operators * preIncrement ++변수 -> 변수에 1을 증가한 다음에 preIncrement에 그 값을 할당한다. * postIncrement 변수++ ->변수의 값을 postIncrement에 할당한 다음에 1을 증가 시킴. * preDecrement / postDecrement Increment와 같은 규칙으로 -됨. -Assignment operators x += y는 x = x + y 라는 의미. 중복되는 x를 줄여서 써준다. -Comparison operators 비교하는 operators -Logical operators || (or) : v.. JavaScript ES5+ | data types, let vs var, hoisting 1.Variable (변수), rw(read/write) :변경될 수 있는 값 / 읽고 쓰기가 가능. let (added in ES6) : 변수를 정의 name은 ellie다. name은 hello다. 2.Block scope { } 밖에 있는 내용은 { }안에 있는 내용을 볼 수 없게 됨. { }밖에 있는 console.log(name);은 아무 것도 나타나지 않음. 반면, { }밖에 정의하는 변수를 'global scope' 이라고 부름. 어느곳에서나 접근이 가능함. 어플리케이션이 실행되고 끝날때까지 메모리에 탑재 되어있기 때문에 최소한으로 사용하는 것이 좋음. *var 선언은 지양 Why? - 변수를 선언하고 값을 할당하는 것이 순서다. 하지만 var는 값을 쓰고 변수를 선언하거나 심지어 출력후에 .. Vanilla JS 사용 시 유의사항 | 'use strict'; 'use strict'; 제일 윗부분에 선언해 주는 게 좋다. 브랜든이 자바스크립트 언어를 만들때 빨리 만들어야 했기 때문에 굉장히 유연한 언어로 만들어짐. 즉, 위험할 수 있는 언어라는 뜻. 'use strict'; 없을 때 선언하지 않은 값을 작성하면 브라우저 console 창에 오류가 뜨지 않음. 그래서 'use strict'; 선언하여 상식적인 자바스크립트로 개발해야 함. 그래야 더욱 효율적으로 빠르게 분석할 수 있으므로 성능 개선까지 기대할 수 있음. 이전 1 ··· 3 4 5 6 다음
