간단정리
-
[JS] 원시타입 || 기본 자료형 (Primitive Type)간단정리 2020. 7. 8. 10:11
Javascript에서는 원시 타입(Primitive Type)과 참조 타입(Reference Type) 두 가지 자료형을 제공한다. 자바스크립트는 느슨한 타입 언어 || 동적 언어이다. 이 말은 변수의 타입을 미리 지정할 필요가 없다는 의미이다. 타입은 프로그램이 처리되는 과정에서 자동으로 파악되고, 같은 변수에 여러 타입의 값을 넣을 수 있다는 뜻이다. * 그렇기 때문에 프로그램 규모가 커질 수록, Typescript와 같은 대체제를 사용한다. (타입에 따른 실수를 방지 하기 위한 방법이자 도구이다.) var test; // undefined test = null; // null test = 1206; // Number test = "Ryuk"; // String test = true; // Bool..
-
[JS] 유형 비교 `==`와 엄격한 비교 `===`의 차이점간단정리 2020. 7. 7. 23:23
결론 : == 유형 비교는 값만 비교, === 엄격한 비교는 타입도 비교 (1) 0은 false, 그 외 모든 것은 true이다. // 유형 비교는 값만 비교한다. // 0은 false 이기에 true가 된다. // 엄격한 비교는 타입도 비교한다. // number인 0과 false인 boolean은 타입이 다르다. 0 == false // true 0 === false // false(2) number와 string 또한, (1)과 같은 결과가 출력 된다. 1206 == "1206" // true 1206 === "1206" // false(3) null undefined 비교 null == undefined // true null === undefined // false(4) NaN 이 친구는 역시 ..
-
[JS] undefined / null / NaN 차이점간단정리 2020. 7. 7. 23:04
undefined : 선언은 되었으나 값이 할당 되지 않은 상태 (초기화 안하면 무조건 undefined 상태) var temp; Boolean(undefined) 에서는 false Number(undefined) 에서는 NaN String(undefined) 에서는 "undefined" null : 아무런 값도 나타내지 않는 특수한 값 (초기화 해주어야 null 상태가 존재 할 수 있음) var temp = null; C++ 에서는 포인터형 변수가 아무 것도 가르키지 않을 때 nullptr이 된다. (null은 0이 래핑 되어있다.) null의 타입은 null이다. 하지만, typeof로 출력 되는 값은 object 이다. 이는, 코드가 업데이트 되지 않은채 많은 시간이 흘렀기 때문이라고 한다. (링크..
-
MobX @action @computed 간단 정리간단정리 2020. 7. 3. 18:43
이미, 개념으로는 너무 좋은 글들이 많아 가볍게만 작성 하고, 저번 프로젝트 때 나의 mobx 사용이 왜 잘 못 됬는지. 실수한 방법만 기술하자! 좋은 정리 글 (링크) MobX란? MobX는 상태 관리 라이브러리다. React, React-Native 등에서 사용 되며, 가장 많이 비교 되는 것으로는 Redux가 있다. MobX와 Redux의 가장 큰 차이점은 러닝커브라고 생각한다. MobX는 Observable 데코레이터만 잘 사용하면, 쉽게 상태를 변경할 수 있다. 그에 반하여 Redux는 여러 연관 된 라이브러리를 사용해야하고, 러닝커브가 많이 높다. 처음엔 '어려운 것이 좋은 것'이라는 생각이 있었는데. 아직 MobX에 부족한 점을 느끼지 못하여, Redux를 사용해보고 있지 않았다. 최근에 프..
-
`React.PureComponent` 이놈을 알아보자.간단정리 2020. 6. 2. 14:27
PureComponent란? React에서는 3가지 Component들이 존재한다. React.Component class Ryuk extends Component { render() { return( 안냐세여 ) } } React.PureComponent class Ryuk extends PureComponent { render() { return( 안냐세여 ) } } Function Component const Ryuk = () => { return ( 안냐세여 ); }; 각 컴포넌트들의 세세한 특징들이 있겠지만, 우리는 PureComponent 와 Component의 차이만 간단하게 짚어보자. 열심히 검색을 하다보면 두 컴포넌트의 차이는 shouldComponentUpdate() 라이프 사이클이라는..