일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 무료 백엔드 배포
- flex-shrink
- css
- css grid
- img 확대
- Node.js
- flex-grow
- css 오버레이
- close together
- 디자인패턴
- express-handlebars
- improve-iq-by-up-to-10%!
- Express
- flexbox
- flex-basis
- Object.create
- ajax
- shit-christmas
- regExp
- JS
- es6
- Engoo
- node
- Sass
- Prototype
- module wrapper function
- 정규표현식
- select by attribute
- just-one-small-sip
- css variables
- Today
- Total
목록2021 프론트 엔드 로드맵 따라가기/JS (56)
Object literal은 기본적으로 key value 쌍을 얘기한다. .(dot) syntax를 이용해 개별 값에 접근할 수 있다. es6에 추가된 destructuring(구조분해)를 통해 object에서 값을 가져와 할당할 수 있다. 이를 구조분해할당이라 한다. 다음과 같이 value(property)를 추가할 수도 있다.
Arrays - variable that hold multiple values 여러개의 값을 가질 수 있는 변수 new 키워드 다음에 Array() 라는 constructor를 이용해 배열을 생성할 수 있다 const numbers = new Array(1,2,3,4,5); 다음과 같이 생성할 수도 있다 const fruits = ['apple', 'banana', 'strawberry']; 자바스크립트에서는 하나의 배열에 여러가지 데이터타입을 담을 수도 있다 const fruits = ['apple', 'banana', 10, false]; 이런 동적인 부분을 정적으로 ( ex) const number:string ) 표현하려면 typescript라는 것을 이용할 수 있다고 한다. 배열은 zero-ba..
js에서 기본적으로 '+' 연산자를 이용해 문자열과 변수를 연결 할 수 있다. console.log('My name is ' + name + ' and I am ' + age); es6 또는 es2015에서는 Template literal을 통해 다음과 같이 연결할 수 있다. const hello = `My name is ${name} and I am ${age}`; length property를 이용해 글자 수를 이용할 수 있다. const s = 'Hello World'; console.log(s.length); toUpperCase method를 이용해 대문자로 변경도 가능하다. const s = 'Hello World'; console.log(s.toUpperCase()); 이 외에도 split,..
primitive type 데이터가 메모리에 직접 할당 되는 데이터형이다. stack에 저장된다. the data type which means that the data is directly assigned to memory ex) String, Numbers, Boolean, null, undefined ! null의 타입이 object로 나오는 것은 typeof 메서드의 버그로 호환문제 때문에 수정을 하지 않을 것이라 하며 실제는 아무것도 없다. Reference type 변수가 직접 데이터를 저장하는 것이 아니라 참조를 저장한다. 데이터는 heap이라 동적으로 할당되는 메모리에 저장되고, 그것을 변수가 참조한다.
var, let, const 세가지 방식이 있다. var: javascript가 처음 나왔을 때 이용되던 방식이지만 전역변수라는 점 때문에 새로 나온 let과 const에 밀려 사용되지 않고 있는 추세인 듯 let: es6, es2015에서 사용가능하며, 지역변수이고 다시 할당해야하는 변수일 경우 사용된다. const: let과 비슷하나 다시 할당할 수 없다는 점이 다르다. 다시 할당할 수 없기 때문에 변수 선언할 때 값을 꼭 입력해야 한다. 만약 해당 변수가 재할당이 된다는 것을 알고 있는 상태일 때는 let을 쓰고 나머지 상황에서는 const를 쓰는게 좀 더 안전하고 건전한 방법이라고 배웠다.