본문 바로가기

2018/10/136

[리뷰] RxJS 프로그래밍 - 75가지 핵심 문법과 예제로 익히는 RxJS 기초 들어가며백엔드 개발자로 경력을 쌓아오던 중 그동안은 편의를 위한 간단한 운영툴 정도의 웹 개발만 해왔었기 때문에 jquery 외에는 다른 라이브러리들은 크게 고려하지 않고 개발을 진행해왔었다. 하지만 최근들어서는 서비스를 제공하기 위한 웹 개발을 하다보니 점차 기능도 많아지고 난이도 높은 개발들이 증가되고 있어서 프론트엔드 개발이 내 발목을 잡게 되었다. 자바스크립트에 대한 기본이 부족하고, 라이브러리 사용 경험 또한 적어서 공부의 필요성을 느끼고 강의도 다니며 자바스크립트 학습에 지속적으로 시간을 들이게 되었다.프론트엔드 개발 중에 가장 고민되고 어려웠던 부분이 ajax를 사용하여 백엔드 서버와 데이터를 주고 받을 때 이 부분을 어떻게 하면 일관되게 처리하고, 버그가 발생하지 않도록 빈틈없이 처리를 할.. 2018. 10. 13.
[양재동코드랩] 자바스크립트 강의 3일차 - Class ClassFunction 오브젝트가 바탕별도로 class가 존재한다기 보다 function을 조금 더 객체지향적으로 사용할 수 있게끔 만들었다고 생각하면 좋을 듯객체 지향에서 사용하는 Syntax 추가static, super자바스크립트의 객체지향은 C++이나 자바와 같은 기본적인 객체지향의 개념이라기 보다는 기존과 동일하게 prototype을 기반으로 한다.스펙의 Object 절 참고class 선언문window.onload = function() { class Member { getName() { return "이름"; } } const obj = new Member(); console.log(obj.getName()); };기존에 생성자 역할을 하는 function을 정의한 경우 prototype을 정.. 2018. 10. 13.
[양재동코드랩] 자바스크립트 강의 3일차 - Generator GeneratorGenerator function : function* 키워드를 사용한 함수Generator function을 호출하면 함수 블록을 실행하지 않고 Generator 오브젝트를 생성해서 반환오브젝트를 만드는 과정과 블록을 실행하는 부분을 나누어서 관리Generator function을 통해 반환된 오브젝트를 사용해서 함수 블록을 실행(next 메소드)bind의 경우에도 이와같이 함수를 실행할 오브젝트를 반환해서 사용한다는 면에서 비슷const sports = function*(one, two) {// Generator 함수 선언 console.log("함수 블록"); yield one + two; }; const genObj = sports(10, 20); // 이 때는 함수가 호출되지 않.. 2018. 10. 13.
[양재동코드랩] 자바스크립트 강의 3일차 - Array Arrayfrom()이터러블 오브젝트를 Array로 변환Array-like 포함entries() : Array를 이터레이터 오브젝트로 생성하여 반환const values = [10, 20, 30]; const iterator = values.entries(); for (const [key, value] of iterator) { console.log(key, ": ", value); }find()find()와 filter()는 모두 Array에서 특정 값을 찾는 메소드이지만 find는 값과 일치하는 것을 찾으면 찾기를 중단하지만, filter는 값과 일치하는 것을 찾은 후에도 배열 끝까지 찾음첫번째 인자는 콜백 함수실제 값의 비교는 콜백함수에서 수행하고 반환되는 값에 따라 find 메소드가 발견 여부를 .. 2018. 10. 13.