전체 글(98)
-
RxJS를 써야하는 이유!!
RxJS에 대해 이것저것 자료를 찾아보다가 의 저자이신 sculove님의 강의를 보게되었다. 쉽고 깔끔하게 RxJS를 써야하는 이유를 개발자들이 평상시 하는 고민과 함께 연결하여 설명해주셨는데 강의 내용을 두고두고 기억하고 싶어서 내용을 정리해보았다. 이제 아무 생각 없이 RxJS를 쓰는 것이 아니라 쓰는 이유를 알고 효율적으로 코드를 짤 수 있겠..지? ㅠㅠ? (영상과 블로그는 아래 링크 참고) https://www.youtube.com/watch?v=2f09-veX4HA&feature=youtu.be http://sculove.github.io/blog/2017/10/21/shoulduserxjs/ RxJS 써야겠어요? 안써야겠어요? RxJS는 일관된 방식으로 안전하게 데이터 흐름을 처리하는 라이브러..
2020.06.25 -
Chrome Javascript console “Value below was evaluated just now” 이유, 해결법
상황: 배열을 console.log를 통해 chrome 개발자 도구에서 값을 찍으려고 했다. NodeList라는 배열에 총 두개의 childDiv가 들어간 것을 볼 수 있었는데 '▶'를 눌러 펼쳐보면 length가 1이고, childDiv가 하나만 찍혀있다. 오른쪽 상단의 'i' 네모상자에 마우스로 갖다대면 "value below was evaluated just now" 라고 hover message가 뜬다. 이유: 이렇게 뜨는 이유를 찾아본 결과, 스택오버플로우에 의하면 객체를 console.log를 통해 보는 것은 비동기적으로 실행이 되는데, console은 객체의 레퍼런스를 동기적으로 받지만 해당 객체가 expand되기 전까지는 객체의 속성들을 보여주지 않는다. 만약 객체에 console에 찍히기..
2020.06.18 -
Observable의 특징 (vs promise, events API, arrays)
자바스크립트를 공부하여 observable을 알게 되었는데, 다른 비동기 처리 기술들과 비교해서 obervable이 어떤 특징이 있는지 궁금했다. 다행이도 정리가 잘된 문서가 있어서 공부도 할 겸 번역해보기로 했다. (번역 오류가 있으면 언제든지 알려주세요, 수정하겠습니다☺) https://angular.io/guide/comparing-observables Angular angular.io 우리는 observable를 promise대신 사용해서 값들은 비동기적으로 전달할 수 있다. 이처럼 observable는 event handler의 역할을 할 수도 있다. 그리고 observable는 여러개의 값들을 전달할 수 있기 때문에 우리는 이를 배열을 만들고 실행하는 데에 사용할 수도 있다. observabl..
2020.06.08 -
<움짤로 보는 자바스크립트 동작 원리> 시리즈를 마치며 ..
자바스크립트 공부를 하려다가 Lydia의 자바스크립트 시리즈를 우연히 보게 되었고, 공부도 할 겸 영문으로 된 그녀의 글을 하나하나 번역을 했다. https://dev.to/lydiahallie/javascript-visualized-event-loop-3dif ✨♻️ JavaScript Visualized: Event Loop Oh boi the event loop. It’s one of those things that every JavaScript developer has to deal with in o... dev.to 뒤로 갈 수록 글이 점점 더 길어져서 포기할까도 했지만.. 후 오기로 번역을 끝냈다! (최대한 잘 읽히도록 번역했는데 번역오류가 있으면 얘기해주세요😩) 글을 쓰면서 느낀건 자바스트립..
2020.05.26 -
움짤로 보는 자바스크립트 동작 원리(5) - Promises & Async/Await
원문 (영어) : https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke#syntax 저자 : Lydia Hallie 👩🏻💻Thanks to Lydia for this amazing article about Javascript! 🖍 Introduction 자바스크립트로 코드 작성을 할 때, 우리는 흔히 다른 작업들에 의존하는 작업들을 처리해야하는 경우가 있다. 이미지를 받아서 압축하고, 필터를 입히고, 저장해야한다고 가정을 해보자. 제일 먼저 해야하는 일은 편집할 이미지를 받는 것이다. getImage 함수로 이를 실행할 수 있다. 이미지가 성공적으로 로트된 후에 이를 resizeimage 함수로 전달할 수 있다. 이미지가 ..
2020.05.25 -
움짤로 보는 자바스크립트 동작 원리(4) - Generators and Iterators
원문 (영어) : https://dev.to/lydiahallie/javascript-visualized-generators-and-iterators-e36 저자 : Lydia Hallie 👩🏻💻Thanks to Lydia for this amazing article about Javascript! ES6은 generator functions(제너레이터 함수)를 소개했다. generator functions는 무엇일까? 먼저 기존에 자주 썼었던 함수를 살펴보자. 이 코드에는 확실히 뭔가 특별하지는 않다. 그저 4번 로그를 찍는 평범한 함수일 뿐이다. 이를 호출한다면, 이렇게 나올 것이다. "하지만 왜 당신은 나의 5초의 시간을 이 지루하고 평범한 함수를 보는 것에 낭비하게 만들었나요?"라고 물을 수 있..
2020.05.19