개발이나하자../frontend (7) 썸네일형 리스트형 [redux] 리덕스 구조 이해하기 | 우아한테크러닝 3기 보호되어 있는 글입니다. [javascript] Javascript Hoisting | 자바스크립스 호이스팅 | Let, var, const Hoisting 여러 youtube에서는 `process of assigning a undefined value to varible and it it pulled to the top`라고 설명한다. 변수의 값이 아닌 선언만 브라우져 맨 위로 올려지는 것. 아래 예를 들어보겠다. 처음이랑 다른 에러가 난다. 처음에 이거 봤을 때 완전 멘붕. 근데 공부하고 보니까 자바스크립트에서는 위에 코드를 이렇게 인식한다고 한다. 먼저 dog라는 변수를 선언하는것과 같다는 것이다. 그렇기 때문에 dog는 undefined 에러가 나는 것이다. 자바스크립트는 dog를 console.log 위에 선언하지 않았음에도 불구하고 dog라는 변수를 "aware"(알고 있는) 하고 있다는 것이다. 자바스크립트에서는 위에 코드를 아래.. [javascript] 객체 복사와 참조 차이| object deep copy | 객체 깊은 복사 값을 복사하고 싶을 때가 있다. 아래와 같은 상황을 말한다. name 변수 안에 paige라는 값을 넣는다. clonedName이라는 변수에 name 값을 복사하고 싶다. 그러면 위에 처럼 그냥 clonedName = name 하면 된다. clonedName과 name은 연결고리가 없다. 원시 값을 복사하기 때문에 문제가 되지 않는다. 숫자와 boolean 값도 마찬가지이다. 문제는 객체에서 나타난다. 배열로 예를 들어본다. favouriteFruits 첫번째 값을 변경했을 뿐인데 fruits 값도 cherry로 바뀐다. fruits = favouriteFruits 라고 하는 것은 복사가 아니라 참조이기 때문이다. Ojbect에서도 배열과 같은 현상이 나타난다. obj2 의 name 값을 jenny로 바.. [javascript] 자바스크립트 완전 기초 비교 & 연산 // 비교할때는 =을 3개를 사용한다. // 왼쪽 오른쪽 같은데 true가 나온다 5 == '5' // true // 왼쪽 오른쪽 같은데 false 5 === '5' // false // 자바스크립에서 이것만 예외이다. 왼쪽 오른쪽 같은데 false가 나옴 NaN === NaN // false // 사칙연산을 먼저 계산한다. 1 + 2 * 3 > 6 // 7>6 true 변수 // 계산 결과를 기억하기 위해 변수(variable)를 사용한다. // 변수명은 $와 _를 제외한 특수문자는 안되고 숫자는 첫 글자로는 쓸 수 없다. var n = 3 * 5 console.log(n) // 15 // 변수에 값을 꼭 안넣어도 된다. default로 undefined 들어감 var 빈값; consol.. [RxJS] RxJS tutorial | scan, reduce, pluck, mergeMap, switchMap 저번 포스팅에 이어서 RxJS에서 자주 쓰이는 operator들을 공부해보겠음. https://www.youtube.com/playlist?list=PL55RiY5tL51pHpagYcrN9ubNLVXF8rGVi Understanding RxJS - YouTube RxJS and reactive programming is a hot topic - but what is it actually and how does it work? This series let's you dive into it! www.youtube.com 여기 강의가 괜찮았는데 몇 개 없어서 아쉽다. reduce operator 사실 이거 잘 쓰는 법은 모르겠음.. ㅎ 그래도 일단 적고 본다. https://rxjs-dev.firebaseap.. [RxJS] RxJs tutorial | RxJS operators: map, throttleTime, filter, debounceTime, distinctUntilChanged | RxJS 유용한 operators 요즘 듣고 있는 RxJs강의가 굉장히 재미있다. RxJs를 이렇게 쉽게 설명해주는 사람은 처음이다. Max 대단해 ^^* 시간이 있다면 쭉 듣는 것 추천! 강의가 짧지만 아주 유익하다. https://www.youtube.com/playlist?list=PL55RiY5tL51pHpagYcrN9ubNLVXF8rGVi Understanding RxJS - YouTube RxJS and reactive programming is a hot topic - but what is it actually and how does it work? This series let's you dive into it! www.youtube.com 저번 rx 공부랑 이어서 간단한 테스트를 위해 JS Bin을 이용했다.(Rx 라이브러.. [RxJS] RxJS기초1 | RxJS는 언제 쓰나요? | Observable? Observer? Subscription? 요즘에 알고리즘 공부만 하고 있다. 공부할 건 많은데 어디서 어떻게 시작해야 할지 모르겠다. RxJS는 예전부터 공부해보고싶었던 부분이긴 한데.. RxJS는 정말 어렵다. 왜 이렇게 다 어려울까 ..ㅎ 사실 공부하면 어려운 건 없지.. 못할 것도 없지 ^^! 시간 있을 때 공부해보자~ 어떻게 할까 하다가 유튜브 강의 듣기로 결정! https://www.learnrxjs.io/ https://www.youtube.com/watch?v=Tux1nhBPl_w&list=PL55RiY5tL51pHpagYcrN9ubNLVXF8rGVi&index=2 유튜브를 보고 RxJS 기초를 공부해 본다. 여기서 JS Bin이라는 사이트를 이용해봤다. 별로인데 잠깐 연습하기엔 괜찮다. https://jsbin.com/?html,.. 이전 1 다음
