방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com AngularFirestore5 앵귤러 튜토리얼(Angular tutorial) - 22, with FireBase : 서비스 분리 저번시간까지 우리는 파이어베이스 파이어스토어의 데이터를 가져와 보여주는 기능에 대해서 살펴보았습니다. 이번시간에는 데이터를 등록하는 방법에 대해서 살펴보겠습니다. 해당기능을 구현하기에 앞서 우리가 여태껏 작성한 내용은 app컴포넌트에 존재합니다. app컴포넌트에 기능이 존재하면 조회기능을 다시 만드는 경우, 같은 내용의 코드를 다른곳에서도 작성해야 되므로 불편합니다. 기존에 잘 만들어 두었던 ask서비스에 기능을 옮겨보도록 하겠습니다. 가장 먼저 해야되는 것은 ask서비스에서 생성자를 통하여 AngularFirestore객체를 공급받아야 되는 것 입니다. 그리고나서 잘 만들어둔 getItem함수를 옮겨주면 되겠습니다. * 대상 : ask.service.ts import { Injectable } from.. 2020. 8. 28. 앵귤러 튜토리얼 (Angular tutorial) -26 with 파이어 베이스 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 이번시간에는 미루어 두었던 파이어베이스에 파일 업로드 하는 방법에 대해 알아 보겠다. 먼저 파일 업로드를 위해서는 파일 업로드 기능부터 만들어야하는데, input type file을 활용하여 진행하여 보도록 하자. app.component.html 파일에 아래처럼 파일 테그와 파일을 전송하.. 2019. 9. 6. 앵귤러 튜토리얼 (Angular tutorial) -22 with 파이어 베이스 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 저번시간을 통해서 파이어베이스 데이터베이스 사용법에 대해 살펴보았다. 이번시간에는 컴포넌트에 존재하는 파이어베이스와 관련된 공통기능을 서비스로 분리하고, 실제 웹에서 등록을 하는 폼에대해서 알아보도록 하겠다. 먼저 서비스를 만들어준다. src - app 폴더까지 이동한 후에 아래 명령어를 .. 2019. 7. 18. 앵귤러 튜토리얼 (Angular tutorial) -21 with 파이어 베이스 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 이번시간에는 삭제 기능에 대해 알아보도록 하겠다. 삭제기능은 저번시간에 하였던 update라는 기능과 거의 동일하다. 저번시간에 살펴본 기능에서 문제점은 모두 수정되는 점이 문제였다면 이번시간에도 그냥 단순하게 삭제기능을 구현한다면 마찬가지 문제가 발생 할 것 이다. 그렇다면 수정 및 삭제.. 2019. 7. 16. 앵귤러 튜토리얼 (Angular tutorial) -20 with 파이어 베이스 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 이번시간에는 수정에 대해서 먼저 알아보도록 하겠다. 여기서 핵심 내용은 map 이라 할 수 있다. Javascript에서의 map은 배열의 값을 변경하는데 사용된다. 아래는 자바스크립트 코드 예제이다. var array1 = [1, 4, 9, 16]; // pass a function to.. 2019. 7. 12. 이전 1 다음
