세줄코딩

한동안 앵귤러를 하다보니 gulp를 손수 손댈 일이 없었는데 갑자기 gulp로 환경을 만들려하니 삽질?을 했다. 버전도 gulp4.0인 줄 이제서야 알았고 ㅠㅠ gulp.task메서드말고 gulp.series를 쓰는 것도 이제야 알게 되었다. 아직까지 pipe는 사용되고 있어서 다행..근데 es6는 사용하려면 babel을 써야 하는데....예전 방식처럼 설치했더니 버전 바뀌어서 에러 뿜뿜~ 암튼 초기 npm 설정부터 다시 정리해 본다. 1. 초기 설정. (해당 프로젝트 폴더로 터미널경로를 이동되어 있어야 한다)매 프로젝트마다 저 선언은 해주어야 package.json 이 생성된다. ( npm에 의한 프로젝트 의존성 모듈 설정 파일 )npm init 2. gulp 전역(global)설치npm install..

1. Array Method Array.prototype.find() "주어진 함수를 만족하는 첫 번째 요소의 값을 반환" 그런 요소가 없다면 undefined 를 반환 var array1 = [5, 12, 8, 130, 44]; var found = array1.find(function(element) { return element > 10; }); console.log(found); Array.prototype.findIndex() "제공된 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환." 그렇지 않으면 -1을 반환. var array1 = [5, 12, 8, 130, 44]; function isLargeNumber(element) { return element > 13; } conso..

앵귤러를 하면서 조금씩 정리하려 한다. 타입 에일리어스 1. 타입 에일리어스를 이용한 단일 타입 선언.- 타입 에일리어스를 이용하면 기존 타입에 새로운 이름을 지을 수 있다. 사용 방식 type = 타입; -> type myProfile=string; 2. 타입 에일리어스를 이용한 유니언 타입선언- 타입 에일리어스는 단일 타입보다는 유니언 타입( let c = a | b )이나 리터럴 타입( let c:{ a:string, b:number }[] )과 같은 다소 복잡한 형태의 타입에 적용하면 좋다.type myId=string; type myA=string | undefined; type User={ id:myId; alias?:myA; //? 는 세이프 네이비게이션이라고도 하며 기능은 해당 속성이 불확..

요새 vue를 잠깐 보고 있는데 우옷 이건 또 먼가~ 더미 텍스트를 이렇게 쉽게 생성 시키다니....정말이지 만들고자 혹은 필요한 라이브러리가 넘쳐난다. 없는 것을 찾는게 더 어려운 듯..... 샘플 예제를 보다 발견~ chance.js - http://chancejs.com/index.html 간단 사용법 console.log(chance.sentence()); //더미 랜덤 문장생성 console.log(chance.paragraph()); //더미 랜덤 문단 생성

무슨 어쩌고 보안 문제라고 github에서 메일이 왔다.package-lock.json에 parsejson이 무슨 어쩌고 보안 취약이란다. package-lock.json을 지워버리면 그만이긴 한데....글케 하면 다른 곳에서 혹은 다른 누군가가 설치파일 등을 동기화하기 어려워진다. 아 어케하지? 역시 구글 검색 ~ 엄청 검색 끝에 테스트 러너를 업뎃으로 해결을 했다는 코멘트가 있었다. 아래처럼 터미널에 입력.npm i karma@3.0.0 --savenpm install --save-dev protractor@5.4.0 머 어찌 되었건 해결하여 깃헙에 push 뙁 해결 !!

this - 함수를 속성 또는 메소드로 포함하고 있는 객체를 참조한다. ( this의 값은 함수가 호출되는 컨텍스트에 따라 달라 질 수 있다. ) 컨텍스트(context) - 자바스크립트 코드 실행시 인터프리터가 new키워드 or 리터럴 표기법 등을 만나면heap메모리에 만들어지는 별도의 공간. 실행 컨텍스트 - 함수가 실행된 부분. 콜백 패턴 ( = 콜백 함수 )- 함수는 객체. 즉 함수를 다른 함수의 인자로 전달할 수 있다. 이런 것을 콜백 패턴. 바인딩bind : 결속시키다. 묶다 는 뜻을 가짐.- 객체와 메서드를 묶어놓는다. 즉 특정 객체에서 실행되게끔 고정시키는 역활. 클로저- 함수 객체와 함수의 변수가 해석되는 범위 ( 변수 바인딩의 집합 )의 조합.- 이는 함수의 변수가 유효범위체인( 스코프..

질문을 통해 적용하고자 하는 오퍼레이터를 찾을 수 있다.물론 영어로 되어 있으니 번역 능력을 알아서..... ( 당연~ 구글번역으로 고고 ㅠㅠ ) http://reactivex.io/rxjs/manual/overview.html#choose-an-operator 해당 링크로 접속해 들어 가면 아래와 같이 operator 선택란이 크게 3가지 질문 유형이 나온다. 3가지 유형중 2번째 옵션을 선택했다.( 어떤 observable을 observable 데이터 무리에 병합 )2번째 옵션을 선택 후 다음 추가 질문 옵션이 나온다 ( 각각 순서대로 구독하는 옵션으로 맨 마지막의 옵션으로 선택. ) 뙁!!!! 아래처럼 concat 이라고 뜸...