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

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

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


튜토리얼35

앵귤러 튜토리얼 (Angular tutorial) -27 정리 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 : 소개 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어 lts0606.tistory.com 앵귤러의 기능은 크게 2가지로 구분되어 진다. 1. 화면 구성을 담당하는 컴포넌트 2. 컴포넌트를 관리하는 모듈 3. 공유의 목적으로 사용되는 서비스 4. 컴포넌트에게 가기전 동작하는 가드(CanActivate) 5. 라우터 기능 컴포넌트와 모듈은 각각 n개씩 가질 수 있다. 모듈은 .. 2019. 12. 3.
앵귤러 튜토리얼 (Angular tutorial) -26 with 파이어 베이스 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 이번시간에는 미루어 두었던 파이어베이스에 파일 업로드 하는 방법에 대해 알아 보겠다. 먼저 파일 업로드를 위해서는 파일 업로드 기능부터 만들어야하는데, input type file을 활용하여 진행하여 보도록 하자. app.component.html 파일에 아래처럼 파일 테그와 파일을 전송하.. 2019. 9. 6.
Nodejs 튜토리얼 - 2 (변수) 첫번째 시간에는 Node.js, 개발도구를 설치하였다. 이번시간에는 앞선 시간에 만든 test.js가 어떻게 동작하였는지에 대해 간단하게 살펴 보겠다. var text = 'Hello'; console.log(text); 위 코드가 바로 앞시간에서 만든 test.js 라는 파일의 코드 이다. 여기서 var 라고 쓰여진 부분은 variable이라는 의미를 줄인 말로 어떠한 변수를 선언하기 위한 일종의 공식 같은 개념 이다. text라고 하는 부분은 변수(변하는 값)를 의미하며 = 기호는 대입연산자 를 의미한다. hello라는 값은 text의 값을 의미한다. 쉽게 설명하면, hello라는 텍스트를 text라는 이름으로 별명을 붙여주고, 그 text라는 값이 자료임을 의미하기 위해 var 라는 기호를 앞에다 .. 2019. 8. 30.
Nodejs 튜토리얼 - 1 (설치) Node.js는 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다. * 위키 백과 Node.js라는 언어가 요즘 핫한 언어로 뜨고 있다. 2013년도에 나와서 이제 5~6년밖에 되지 않은 언어임에도 불구하고 많은 사랑을 받고 있다. 이번 튜토리얼에서는 Node.js를통한 기본부터 웹 개발까지 나열해 보려 한다. Node.js를 하기 위해서는 먼저 Node.js를 다운받아 설치해야 한다. 아래 사이트를 통해서 다운로드를 받자. https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript .. 2019. 8. 27.
앵귤러 튜토리얼 (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.