방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com angular46 앵귤러 튜토리얼 (Angular tutorial) - 3 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 전 시간에는 ts파일에 메소드와 자료형을 토대로 콘솔이 동작하는 것 까지 확인 해 보았다. app.commponent.ts는 아직 자세히 알 수는 없지만, 웹 화면이 동작할 때 어떠한 행동을 만들어주는, 마치 Javascript의 내부에 쓰여진 코드같은 역할을 하는 것으로 볼 수 있다. 그.. 2019. 5. 23. 앵귤러 튜토리얼 (Angular tutorial) - 2 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 전시간에는 기본적인 환경 세팅에 대해 살펴 보았다. 뭐가뭔지 전부 알기에는 방대하므로 아직까지는 app.component.ts만 사용해서 차근차근 알아가도록 하자. 기존에는 window키와 R키를 누른뒤에 CMD를 입력해서 실행하였다면, 비쥬얼 스튜디오 코드에서는 Ctrl + ~ 키를 눌러.. 2019. 5. 21. 앵귤러 튜토리얼 (Angular tutorial) - 1 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 아무생각 없이 "구글"에서 앵귤러를 사용한다고 하여 무턱대고 앵귤러를 익히기 위해 책을 한권 샀었다. 그냥 단순히 자바스크립트로 이루어진 Jquery처럼 쓰면 될 줄 알았는데, 왠걸..듣도보도 못한 Typescript?? 컴파일?? 책을 한권 사 놓고 바로 환불해야 되는지 엄청 고민을 했었.. 2019. 5. 21. RXJS, Subscribe에 대한 중요 (무한구독의 방지) 앵귤러를 활용하여 개발하다보면 심심치 않게 나오는 메소드가 subscribe로 시작하는 메소드 이다. subscribe는 구독하다 라는 의미인데, 기능 또한 동일한 기능을 발휘한다. 대부분 subscribe로 시작되는 메소드는 Rxjs를 기반으로 만들어졌다. 파이어 베이스에 접속해서 데이터를 가져오는 모습을 예로 살펴 보자. private itemsCollection: AngularFirestoreCollection; //조회한 대상이 담긴 리스트 selectList(){ //리스트에 담는 메소드 this.itemsCollection = this.DataBase.collection('조회대상', (ref) =>ref); } alterItem(changeItem : any){ //데이터를 바꾸는 메소드 t.. 2019. 4. 29. Angular Firebase index 관련 오류 그리고 페이징 앵귤러와 파이어베이스를 연동하면서 인덱스 관련 오류를 만났다. FireStore에서 list를 가져 올 때 조건을 달아주면서 명령을 실행하였더니 Query에 Parameter가 많고 Index가필요하다며 문제를 일으켰다. private DataBase : AngularFirestore; private itemsCollection: AngularFirestoreCollection; private items: Observable; private items2 : BehaviorSubject = new BehaviorSubject([]); public list(db_name, param,operator,value){ this.itemsCollection = this.DataBase.collection(db_na.. 2019. 4. 29. Angular Guard를 활용한 인터셉터 구현 앵귤러에서는 Guard라는 인터페이스를 통해서 통상 서버에서 사용하던 인터셉터 기능을 사용 할 수 있게 해준다. Guard를 사용하기위해서는 직접 코딩해도 상관없지만 명령어를 통해서 쉽게 만들 수 있다. ng g guard angular-aop 만들어진 클래스는 아래처럼 기본적으로 세팅되어 생성된다. import { Injectable } from '@angular/core'; import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { Observable } from 'rxjs'; @Injectable({ providedIn: 'root' }) export class AuthGuard.. 2019. 4. 28. 이전 1 ··· 3 4 5 6 7 8 다음
