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

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

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


angular46

Angular F5 404, Angular Refresh 404(앵귤러 새로고침 404, 앵귤러 F5 404 ) 앵귤러를 개발하다보면 F5키나 새로고침 키를 눌러서 404 오류가 나는 경우가 존재한다. 앵귤러에(2.0 이상)서는 페이지를 한번에 전부 로드하고 사용자에게 보여주는 방식이므로 새로고침을 누를경우 해당 동작중인 서버로 url을 호출하기 때문이다. 즉, 가상의 주소를 매핑해놨는데....새로고침 하면 실제 주소로 이동하기 때문이다. 이를 방지하기 위해서는 라우팅을 관리하는 모듈에서 아주 간단한 세팅만 해 주면 된다. 아래 라우팅과 관련된 샘플 모듈 코드를 보면, import { RouterModule,Routes} from '@angular/router'; //라우터 //.. 생략 const router : Routes = [ //통상적인 라우팅 객체 모습 {path : '' , component : 컴포넌.. 2019. 9. 17.
앵귤러 튜토리얼 (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) -25 with 파이어 베이스 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 이번시간에는 라우터를 통한 페이지 이동방법과 로그아웃기능에 대해서 알아보도록 하겠다. 라우터객체는 앵귤러에서 페이지 이동할때 사용되는 객체이며 앞전시간에도 살펴보았었다. 기존에 만들다 만 로그인 페이지를 조금 더 고쳐보도록하자. login.component.ts를 아래처럼 수정하여 보자. .. 2019. 8. 6.
앵귤러 튜토리얼 (Angular tutorial) -24 with 파이어 베이스 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 이번시간에는 앵귤러 guard를 통한 로그인 기능에 대해서 살펴 보겠다. guard는 앵귤러에서 제공하는 기능으로 특정 url로의 요청을 가로챈 뒤에 먼저 할 행동을 정의해주는 역할을 한다. 아래 명령어를 입력해서 한번 만들어보도록 하자. ng g guard interceptor 뭔가 알수.. 2019. 8. 1.
앵귤러 튜토리얼 (Angular tutorial) -23 with 파이어 베이스 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 저번시간까지 우리는 파이어베이스를 활용한 데이터를 실제로 사용하고 처리하는 방법에 대해 알아보았다. 이번시간에는 앵귤러의 라우터 기능에 대해 알아보도록 하겠다. 앵귤러에서의 라우터라는 기능은 사용자의 요청에 대해서 원하는 컴포넌트로 이동하는 기능을 의미한다. 이러한 라우터의 기능은 1개의 .. 2019. 7. 25.
앵귤러 튜토리얼 (Angular tutorial) -22 with 파이어 베이스 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 저번시간을 통해서 파이어베이스 데이터베이스 사용법에 대해 살펴보았다. 이번시간에는 컴포넌트에 존재하는 파이어베이스와 관련된 공통기능을 서비스로 분리하고, 실제 웹에서 등록을 하는 폼에대해서 알아보도록 하겠다. 먼저 서비스를 만들어준다. src - app 폴더까지 이동한 후에 아래 명령어를 .. 2019. 7. 18.