방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 컴포넌트7 앵귤러 튜토리얼(Angular tutorial) - 7 : 컴포넌트, 모듈 저번시간에는 컴포넌트와 모듈과의 관계에 대해서 살펴보았습니다. 이번시간에도 컴포넌트와 모듈에 대해서 살펴보겠습니다. 모듈은 화면을 관리하는 여러개의 컴포넌트를 가질 수 있었습니다. 앞시간에서 app.component.ts와 hello.component.ts를 통해서 살펴보았습니다. 프로젝트에서 main.ts라는 파일을 찾은뒤에 더블클릭 해 봅니다. 내용을 전부 이해할 수 없지만 bootstrapModule 이라는 함수에 AppModule이라는 클래스가 사용되는 것을 볼 수 있습니다. 자세히보면 AppModule의 클래스 이름은 app.module.ts 파일에 사용된 클래스 이름 입니다! 우리가 여태껏 살펴본 모듈이 main.ts 라는 곳에 사용되었습니다. main.ts파일은 앵귤러 프로젝트가 실행 될 때.. 2020. 6. 2. 앵귤러 튜토리얼 (Angular tutorial) -11 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 이번시간에는 메인 컴포넌트로부터 넘어온 데이터를 처리하는 방법에 대해 살펴보자. 앞시간에서 3개의 컴포넌트를 만들었다. 중심역할을 하는 메인컴포넌트(app.component.ts), 머리 역할을 하는 헤더 컴포넌트(head.component.ts), 내용을 보여주는 바디 컴포넌트(app.c.. 2019. 6. 12. 앵귤러 튜토리얼 (Angular tutorial) - 8 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 저번시간에는 컴포넌트, 모듈, 메인.ts 와의 관계와 역할에 대해서 살펴 보았다. 다시한번 기억을 더듬어 보자. 컴포넌트 파일은 브라우저에서 화면을 구성하는 파일이다. 모듈 파일은 그러한 컴포넌트 파일들을 관리하는 파일이다. 그리고 메인파일은 처음 실행 할 모듈(컴포넌트를 넣어도 되지만, .. 2019. 6. 3. 앵귤러 튜토리얼 (Angular tutorial) - 7 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com * 지옥의 6장 - 7장 저번장에서는 간략하게 관계에 대해 살펴보았다. 기억을 더듬어 보면, main.ts라는 파일이 있었고, 해당 파일에서 최초 동작 할 모듈을 선택 하였었다. 모듈은 컴포넌트를 관리하는 개념의 파일로, 여러개의 컴포넌트를 가질 수 있다. 컴포넌트는 화면을 구성하는 파일로.. 2019. 5. 28. 앵귤러 튜토리얼 (Angular tutorial) - 6 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com * 지옥의 6장 - 7장 앞선 내용에서는 컴포넌트.ts파일과 컴포넌트.html파일에 대해서 살펴 보았다. 사실, 정말 기술좋은 개발자(?)는 해당 컴포넌트파일 1개로만 코딩을 할 수 있다. 해당 파일에 ngIf와 ngFor 디렉티브를 적절히 활용해서 테그를 그리고 지우고 만들고..엄청난 알.. 2019. 5. 28. 앵귤러 튜토리얼 (Angular tutorial) - 5 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 4회까지에 내용에서는 app.component.ts와 app.component.html과의 관계에 대해 알아보았다. 앵귤러라는 녀석이 동작을 할 때 사용자의 화면을 구성하기 위해서는 해당 컴포넌트.ts파일이 먼저 동작하고, 그리고나서 컴포넌트.ts파일에서의 설정에 의해 *.html파일이 만.. 2019. 5. 28. 이전 1 2 다음
