방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com Angular module3 앵귤러 튜토리얼(Angular tutorial) - 30 : 모듈 활용 저번시간까지 우리는 모듈과 라우터의 관계에 대해서 살펴보았습니다. 라우터는 앵귤러에서 사용자의 요청에 따른 다양한 페이지를 보여주기 위해 존재하는 기능이며, 개발자 입장에서는 다양한 모듈과 라우터를 통해서 협업을 좀 더 쉽게 해 주는 기능 입니다. 이번시간에는 우리가 여태껏 사용한 FormsModule이나 BrowserModule등 모듈에서 다른 모듈, 즉 라이브러리처럼 동작하는 모듈은 어떻게 만드는지 한번 살펴 보겠습니다. 새로운 프로젝트를 생성하여 줍니다. ng new fiveStudy 이번에도 모듈에서 라우팅 기능이 포함된 형태로 프로젝트를 생성하여 줍니다. app컴포넌트html 파일은 라우터와 관련된 테그만 남기고 전부 제거하여 줍니다. 다음으로 동작할 컴포넌트를 추가하겠습니다. 컴포넌트이름은 이.. 2020. 9. 22. 앵귤러 튜토리얼(Angular tutorial) - 28 : 모듈과 라우터 심화1 저번시간까지 앵귤러와 파이어베이스를 활용한 방법에 대해서 살펴 보았습니다. 이번시간에는 여태껏 사용해 왔던 모듈과 라우팅에 대해서 다시한번 살펴보려고 합니다. 간만에 새로운 프로젝트를 만들겠습니다. 프로젝트 이름은 fourStudy로 하겠습니다. 매번 N을 눌렀던 부분을 이번에는 Y를 눌러서 진행하여 봅니다. 자시히는 몰라도 라우팅을 할건지에 대해 Y로 대답하였으니 라우팅하는 기능이 자동으로 들어갈 것 같습니다. 프로젝트를 구성하는 데 시간이 좀 걸립니다. 프로젝트가 구성이 되고 나면 src - app 폴더까지 이동하여 봅니다. 모듈이 2개가 되어있습니다? 일반적으로 사용하였던 app모듈말고 AppRoutingModule이라는 모듈이 생긴것을 볼 수 있습니다. 이해를 위해서 컴포넌트를 제작하여 봅니다. .. 2020. 9. 11. 앵귤러 튜토리얼(Angular tutorial) - 5 : 컴포넌트 저번시간에는 앵귤러의 컴포넌트에 대해서 살펴 보았습니다. 이번시간에도 마찬가지로 컴포넌트에 대해서 알아보겠습니다! 앵귤러의 컴포넌트는 화면구성을 담당합니다. 컴포넌트 파일(*.ts)에 쓰여진 데이터를 html 파일에 표출하기도 하고, 데이터를 서버에 CRUD하는 역할을 하기도 합니다. 이러한 컴포넌트는 기본적으로 class 형태로 구성되어 있습니다. 앵귤러에서 컴포넌트 파일을 만든다는 것은 class로 이루어진 파일에 컴포넌트 데코레이터(@Component)를 붙여주는 것 입니다. 형태를 다시한번 보겠습니다. import { Component } from '@angular/core'; @Component({ //key, value 형식의 내용 }) export class MyCustomComponent .. 2020. 5. 18. 이전 1 다음
