본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


앵귤러, 리엑트, 뷰108

앵귤러 튜토리얼 (Angular tutorial) - 5 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 4회까지에 내용에서는 app.component.ts와 app.component.html과의 관계에 대해 알아보았다. 앵귤러라는 녀석이 동작을 할 때 사용자의 화면을 구성하기 위해서는 해당 컴포넌트.ts파일이 먼저 동작하고, 그리고나서 컴포넌트.ts파일에서의 설정에 의해 *.html파일이 만.. 2019. 5. 28.
앵귤러 튜토리얼 (Angular tutorial) - 4 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 이번에는 component.ts와 component.html의 관계에 대해서 조금 더 알아보도록 하자. 먼저 app.component.ts라는 파일은 앞서 이야기한바와 같이 화면을 구성하기 전 파일이다. html 파일이 생성되기 전에 해야될 일을 적어두고, 적어놓은 각종 규칙, 설정 및 기.. 2019. 5. 27.
앵귤러 튜토리얼 (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.