일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
- img 확대
- module wrapper function
- close together
- 정규표현식
- flex-basis
- shit-christmas
- flex-grow
- flex-shrink
- es6
- ajax
- Engoo
- select by attribute
- css
- just-one-small-sip
- express-handlebars
- 디자인패턴
- Node.js
- JS
- css 오버레이
- 무료 백엔드 배포
- Prototype
- css grid
- node
- css variables
- Sass
- regExp
- improve-iq-by-up-to-10%!
- Express
- Object.create
- flexbox
- Today
- Total
목록분류 전체보기 (69)
함수를 만들 때 매개변수의 기본 값을 설정할 수 있다. 아래의 코드는 매개변수의 기본 값이 존재하기 때문에 정상적으로 작동한다. function addNums(num1 = 1, num2 = 1) { console.log(num1 + num2); } addNums(); es6 또는 es2015 부터는 화살표 함수 표현을 이용할 수 있다. 아래는 위와 같은 코드이다. const addNums = (num1 = 1, num2 = 1) => { return num1 + num2; } console.log(addNums(5, 5)); 만약 화살표 함수의 내용이 한 문장으로 이루어져있다면 다음과 같이 축약 표현이 가능하다. 괄호가 사라지고 return 키워드가 없어진 것을 확인할 수 있다. const addNums..
조건을 적을 때 ==를 이용하면 데이터 형을 무시하고 비교하려 한다. ===를 사용하면 데이터 형을 무시하지 않고 비교한다. Conditional(ternary) Operator (삼항 조건 연산자) 조건에 따라 결정된 값을 변수에 할당하고자 할 때 주로 이용된다. const x = 10; const color = x > 10 ? 'red' : 'blue'; console.log(color); switch 조건문과 case문이 일치하면 해당 case문의 명령을 수행
javascript object notation의 약자로, 자바스크립트 객체 표기법이며 api 통신 등에 사용된다. object literal과 비슷하게 생겼으나 약간 다른 점이 있다. 아래 사진을 보면 key에 "(Double Quotes)가 붙어있으며, String을 표기할 때도 "가 붙어있다. 이 형식을 벗어나면 오류가 생긴다고 한다. JSON.stringify()를 이용해 해당 object literal을 json 문자열로 변경할 수 있다.
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를 쓰는게 좀 더 안전하고 건전한 방법이라고 배웠다.