방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 앵귤러49 앵귤러 튜토리얼(Angular tutorial) - 9 : 컴포넌트, 모듈 컴포넌트에 디렉티브를 통하여 앞시간에 우리는 로그인이 성공하면 특정 컴포넌트가 보여지도록 하는 기능을 만들어 보았습니다. 이전시간에 했던 내용이 어렵거나 이해가 되지 않는다면 반드시 다시 확인 해 보아야 합니다! 이번시간에는 새롭게 프로젝트를 한개 더 만들어 보도록 하겠습니다. 아래 명령어를 입력하여줍니다! 디렉토리 위치를 잘 보아야합니다! firstStudy 디렉토리에서 아래 명령어를 실행하는 것이 아닙니다! ^^ ng new secondStudy 프로젝트가 완성되었습니다. 우리는 가장 먼저 생겨난 app컴포넌트를 관리(control) 역할을 하는 컴포넌트로 사용 할 예정입니다. 다시말해, 여러개의 컴포넌트를 만들어서 화면을 꾸밀 예정이지만 app컴포넌트에서는 관리(control)역할만 하도록 바꿀 예.. 2020. 6. 17. 앵귤러 튜토리얼 (Angular tutorial) -28 빌드, 배포, 협업 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 : 소개 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어 lts0606.tistory.com 이번시간에는 앵귤러를 통해서 협업과 작업된 파일을 build 하는 법에대해서 간단히 살펴보려 한다. 앵귤러를 작업할 때 사용되는 서버는 최초 설치한 앵귤러 cli 프로그램이 동작시켜주는 개발목적의 웹 서버이다. ng serve로 명령어를 입력하면 4200번 포트 번호로 접속했던 그 서.. 2020. 1. 3. 앵귤러 튜토리얼 (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 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. 이전 1 2 3 4 5 ··· 9 다음
