Laravel Deploy on Forge Server | Getting Started with Forge ? #2

그래서 친구와 인사는 우리가가는이 에피소드에서 비트 연기에 다시 오신 것을 환영합니다 내가 호스트 사르 탁 나는 우리가 포지로하고 시작하는 방법을 참조 이것은 내가 laravel 및 laravel에 대한 멋진 일이 그렇게 얘기 채널입니다 이 채널에 새로운 경우 가입하고 bitfumes처럼하는 것을 잊지 마세요 페이스 북 트위터와 인스 타 그램에 그래서 나는 여기 forgelaravel

com와 오전 포지는 당신에게 5 일 개 시범 단지를주고, 그래서 난 그냥이 시작 시험 버튼을 클릭 그것을 시도하고 당신이 그것을 사랑하려고 확신 당신은 살 것이다 그 가입 괜찮아 내가 여기에 갈 것이다 재판을 시작하면 가격이 볼 수 있습니다 너무 높지 너무 부족하지 그리고 당신은 하나의 당하지만 경우에 $ 12을 시작할 수 있습니다 그것은 하나의 $ 이십년 당 될 것입니다 후 매년를 원하는 당신은 내가 당신이 내기 알고 당신은 많은 일들이 많이 나는 경우 생각을 얻을 수 있기 때문에 상품은 지불 할 가치가있다 당신은 단조를 사용하지 않습니다 왜 내 첫 번째 비디오를 본 다음 나는 생각한다 포지는 당신에게 많은 물건을 많이 제공하기 때문에 힘을 사용하는 확신 Sartor 이메일 큰 연기 웹 그래서 그래서 이제 지금 등록 먼저 이름을 부여하자 gmailcom과 암호에 더 발사 그래서 당신이 좋아 말하려고 안됩니다하고 우리 단지 등록을 클릭하고 난 내가 내 차 정보를 등록 할 경우 때문에 하나를 취미합니다 다음은 자동 그래서 이것들을 채워 않을거야 저를 청구합니다 사물과 레지스터 클릭하고 몇 가지 문제가 없었습니다 말씀 좋아 이제 당신은 단지 이런 종류의 문제를 발생하는 경우 결제 정보를 찾을 수 단지 난 그냥 원하는 당신을 지불하지 않을거야 원에 합류 여기를 클릭해야 그렇게 그건 올바른인지 아닌지 원 볼에 가입 간단한 것은 그래서 지금 다시 등록 버튼을 클릭하고 지금 우리는 볼 수 있습니다 우리는 성공적으로 여기에 등록하고 우리가해야 할 일은 그냥이 가자된다 내 계정 부분은 여기 당신은 우리가이 성장과 취미를 볼 수 있습니다 당신은 줄 곳 후 가입 부분은이 SSH 키 부분이 SSH를 키 그리고 당신은 당신의 PC 또는 Mac 만 아무도에서 서버에 액세스 할 수 있습니다 다른 자신의 컴퓨터 확인에서 서버에 SSH 수 있습니다 다음 그래서 여기에 확인 간단하고 매우 중요한 일이라고 소스 제어를 제공 세 가지 옵션 GitHub의 키트 실험실과 내가 연결하기 위하여려고하고있다, 그래서 확인 B 온다 GitHub의는 그래서 지금 여기를 클릭 GitHub의에 연결을 클릭하자 걸릴까요 당신은 허브의 웹 사이트를 얻을 당신은 그냥 거기에 로그인해야하고 그럴 필요 당신이 다음 포지에서 저장소를 잡을 수있는 권한을 부여 할 때 그 때 확인 인증 github에 사용자의 권한이 분명히 확인 그래서 우리는 성공적으로 연결 한 후, 이 github에는 인증 API 우리는이 모든 걱정하지 않아도 당신이 원하는 경우 지금 그리고 여기에 대한 것들이 것은 두 번째 것은 내 원 온다 이 경우 대장간의 프로 버전을 구입하기 위해 팀에 당신이 한 일을합니다 그렇게 우리가 좋아 팀 동료에 여러 대시 보드 또는 사료를 제공 할 수 있습니다 성공적으로 단조에 등록에서 다음 우리의 소스 제어 및 연결 다음 에피소드 우리는 분명 디지털 바다에 서버를 만들려고하고있다 우리는 당신이 어떤 의심의 여지가 주시기 경우 디지털 바다에 ID를 만들어야합니다 메시지 나와 의견과 잊지 마세요처럼 가입 이에 페이스 북에 연기 트위터와 인스 타 그램 우리는 작별 인사까지 다음 에피소드에서 만나

경기도에서 수원시가 최우수 분회로 선정 되었다…

경기도에서 수원시가 최우수 분회로 선정 되었다 그냥 난 운이 터져 일복 터져 감투 쓴것 같아 울 장상화쌤 비롯해 그간 힘쓰셨던 여러 수원시 무용 선생님들께 감사하고 부끄럽다 열심히 맡은 바 최선을 다해야겠다 요즘 자꾸 울컥

Angular 5 in 60 Minutes | From Scratch to Pro in Architecture of Angular

그래서 Bitfumes 다시 환영이 60 분에서 5 각도이며, 어디 보자 우리가 우리가 배울려고하고있다, 그래서이 에피소드에서 배울거야 무엇을 설치하고 가장 중요한 것은 무엇인가하는 방법을 다음 각이다 깊이 분명히 각 아키텍처는 그래서이 에피소드는 것입니다 끝날 때 우리가없이 라우팅 시스템이 응용 프로그램의이 종류를 만들 수 있습니다 페이지 구성 요소가 둘 사이에 전환 된 후 우리의 목록을로드 마블의 영웅은 우리가 여기 헐크 말을 다시 새로운 마블 영웅을 추가 한 다음 영웅을 추가 할 수 있습니다 나는이 부분을 추가 할 때와 추가 부분은 꺼지고 우리는 다시 얻을 수 있습니다 클릭하여 더 추가하고 여러 가지가 있으므로 그 사이를 전환 할 것을 당신이 사용하지하지만 난 뭔가를 입력하면 그것이이 활성화되어 볼 수 있습니다 모든 나에 대한이 에피소드 뭔가에 난 강사 사르 탁 Shrivastava 및 당신이 좋아 너무 bitfumes에서 이러한 플랫폼 중 하나에 나를 따라 할 수있는 실제로 각입니까? 각도는 네 플랫폼 플랫폼입니다 플랫폼은 그것이 아니다는 분명히 프레임 워크의 최신 웹 애플리케이션을 설계 할 수 라이브러리는 자바 스크립트 각도의 틀이 수단 크로스 플랫폼입니다 당신이 각도를 설계 응용 프로그램은 웹뿐만 아니라 모바일을 위해 일할 수 각도는 단일 페이지 응용 프로그램을 단일 페이지 응용 프로그램에 가장 적합 페이지가이를 다시로드하지 않는 링크를 사용자가 클릭이 그것을 의미 할 때 의미 단지 페이지의 변경과 같은 있지만, 페이지의 마지막 어떤 변화에만을 볼 것이다 즉 SPA 단일 페이지 그래서 구성 요소 나 보게 될 부분을 사용자가 변경됩니다 애플리케이션 및 각도가 평균 스택의 일부를 스택에 대한 M 수단 인 의미 MongoDB를 더 SQL 데이터베이스없고 분명히 명시 JS와 대한 다음 전자 우리의 각도 및 및 Nodejs를 위해 네발의 조합이 평균이라고 즉 이것이 의미하는 스택 스택과 각이 MEAN의 가장 중요한 부분입니다 좋은 훌륭한 현대적인 웹 애플리케이션을 만드는 데 사용과 그의 주요 목적이다 관련된 다양한 것들이 있습니다 평균과 같았 반응 VueJS ember

js 등 만 이 모든 것을 나는 도서관이 아닌 프레임 워크로 생각하지만 각도는이다 당신이이 없기 때문에 왜 프레임 워크와 내 개인 좋아하는 각도입니다 에서 라우팅 반응 주셔서 반응처럼 다른 패키지 또는 아무것도에 의존 다른 패키지를 얻을 수 있지만, 각 괜찮 그래서 밖으로 상자의 모든 것을 제공해야 그렇지 않은 내가 너희에게 말씀하신대로 라이브러리가 아닌의이 각도없는 각도 것을 보자 더 플러그인 당신은 분명히 다른 JS 프레임 워크 각도 얻을 수 없다 그것은 크롬 확장 프로그램과 같은 확장 아니라 다시는 패키지 아니다 몇 가지 가정 전에이있다, 그래서 당신은 당신의 기존 프로젝트에서 사용할 수있는 학습 각도 자바 스크립트와 몇 가지 도구에 대한 지식이 있어야합니다 당신이 모른다면 배울 것이 매우 중요 클래스와 모듈 등 이 일을 그냥 학습 속도 때문에 문제가되지 않습니다 이러한 것들 공정 당신은 문제가되지 않습니다 그 자바 스크립트와 클래스를 모르는 경우 그래 당신은 각 학습하지만 마지막에 약간의 좀 더 시간이 걸릴 것입니다 내가 말한 있도록 확실히 당신에게 자바 스크립트를이 일이없는 각도 배울 수 있지만, 각도는 직접 내가에 갈거야 자바 스크립트를 사용 타이프 라이터를 사용하고 무엇은하지 않습니다 타이프 라이터? 타이프 라이터는 자바 스크립트 상위의 상위 집합이 포함 의미이다 옵션 정적 타이핑은 몇 가지로 선택 정적 형식에 대해 생각 자바 스크립트 등의 좀 더 강화 모듈 기능 추가 자바 스크립트에 있도록이 타이프 라이터의 타이프 라이터라는 새로운 언어가 생성 자바 스크립트를 마지막으로 컴파일 나는 당신을 말했을 컴파일 생각했던대로 우리가 영어로 쓰기 당신이 무엇을 쓰기 코드로하지만 우리가 알고있는 최근의 자바 스크립트 해당 컴퓨터는 이해 바이너리 0 등 모든 것이 0으로 컴파일 1 (1)가 컴파일 많은 의미가 있으며 당신은 당신이 정확한 당신 확인에 따라 의미를 얻을 것이다 검색합니다 와 타이프 유지 및 Microsoft에 의해 만들어진 큰 그래서 재미 좀 보자 재미있는들은이 각도 때문에 부르는 이유 왜 각도 말은 의미 거즈 HTML 각 브래킷을 가지고 당신은 괄호 이상이보다 더 알고 그건 각도 및 이유 네임 스페이스라는 NG로 이름을 사용하는 주요 목적 나중에 우리가 볼 수 모든 것이 * ngfor 등 * ngIf 모든처럼 겨 관련이 왜 NG NG 때문에 AngularJS와 및 각도의 시작 같은 소리 때문에 프레임 워크의 각도는 그냥 각도 JS했지만 지금은 너무 겨 그냥 각도 만의 네임 스페이스로 사용하는 전통적인 방법 같은 것들은 지금 여기 있습니다 우리는 아키텍처 개요를 참조해야하지만 학습하기 전에이 방법을 살펴 보자 우리는 당신이해야 컴퓨터에서 각도 얻을 그래서 우리의 기계에 각 설치할 수 있습니다 여기 nodejsorg 웹 사이트로 이동해야하므로 노드 모듈이 이미 그래서 만약 내가 입력 한 것을 다운로드 당신은 당신의 시스템에 Nodejs를 다운로드 할 수 있습니다 노드 – V 그래이 나에게 내가 가진 또는 최신 노드 버전을 제공합니다 나는 NPM 말한다면 – V를 그것은 버전도 그래서 여기 주어진다의 노드 패키지 관리자 NPM처럼 이 일을 설치 한 후이 두가 단일 결합하는 방식으로 어떤 농담은 한 가지를 다운로드하는 경우, 그래 당신은 노드와 NPM 모두 괜찮 모두를 얻을 것이다 그래서 지금 우리가 설치 각도를 설치하는 방법을 각도 우리는 각 CLI CLI가 필요합니다 명령 줄 인터페이스의 약자 그래서 우리가 말할 것이다의는 각 CLI를 설치하자 그것은 세계적으로 우리의 컴퓨터에 설치합니다 g을하고 나는 행동을 말할 것이다 – NPM 설치 angula / CLI하고 Enter 키를 누르십시오 그리고 컴퓨터에서 CLI 것을 다운로드합니다 그래서 지금 우리의 각 CLI는의는의 여기 N G 입력하게 볼 수 있도록 확인할 수 있도록 설치 Enter 키를 누르 모든 것이 올바른가는 경우에 당신은 이런 일을 볼 수 있습니다 V는이 작업을 수행 – 그것은 우리가 NG의 NG에있는 명령 목록을 의미 그냥 각도 CLI없이 각도가 그래서 그래 그것은 각 CLI 및 CLI 버전을 말한다 설치 아직 그래서 지금 너무 각도 우리가 가지고 설치의이 각도 설치할 수 새 겨 및 프로젝트 이름은 내가 5 각도로 프로젝트 이름을 주겠다 말한다 좋아 그래서 좋은이고 명중 입력하고 지금 우리의 패키지는 예멘 아랍 공화국을 설치하는 것입니다 각 CLI 괜찮아 그래서 이제 각도도 그냥이 대기 할 수 있음 5 그래서 각 해당 폴더에 우리의 기계 이제 CD에 설치하고 지금은 것 그래서 BL 점으로 숭고한이를 시작하고 그래 우리는 숭고한과이가 숭고한 내가 P에서 Ctrl 키를 쉬프트 키를 누르면 있도록 하나 개의 패키지를 설치 한 나는 것 이미 설치했기 때문에 I을 볼 수 있도록 목록 패키지를 검색 각 두 조각이 난 다른 패키지를받을 경우에만이 하나를 얻을했다 각 5 특별히 내가 반드시 주석을 참조하거나에서이 추가됩니다 설명은 나중에 알았지 그래서 이것은 우리의 CLI 설치 한 프로젝트입니다 각 CLI하지만 이런 일들은 우리가 걱정하지 않아도 죽어 야지 볼 수 있습니다 무엇인지 이 엔드 – 투 – 엔드 우리가 테스트하려고 할 때 오는 일을 때문에 약 뭔가 노드 모듈은 NPM 노드 패키지의 모든 괜찮 그래서 모든 것을 포함 여기에 우리는이를 터치하지 않아도 메인 폴더 SRC 소스 폴더입니다 분명 내부의 절대적 의미하는 것을 우리가 여기에 응용 프로그램 화려 우리의 모든을 코딩은 그래서 지금의 슬라이드에 가서 보자 어떤 아키텍처가 말한다 무엇 내가 아키텍처가 포함 아키텍처 여기에 가면 우리는 그렇게 배울 수있다 모듈 모듈은 각 각의 기본 기본이를 가지고 있습니다 우리가 만드는 모든 그래서 각 다음 괜찮 모듈 형 시스템은 구성 요소가 있습니다 우리의 구성 요소는 새 구성 요소 각각의 모든 것을 분리 할 수 ​​있도록 그래서 모든 별도의 관리가 용이 ​​한 것, 그 주입니다 템플릿 분명히 다음 프레임 워크의 모든 종류의 모든 구성 요소의 목적 다음 템플릿에 의해 결정처럼 보이는가는 방법을 몇 가지 템플릿이 있습니다 아키텍처는 메타 데이터를 메타 데이터에 대한 정보와 같다 포함 우리가이 모든 일을 볼 수 뭔가 나중에 단지 모든 목록 일 우리는 다음 데이터 분명히 바인딩 우리가 사용하고 배워야 할 것 자바 스크립트 프레임 워크 또는 우리가 우리의 템플릿을 수정해야 있도록 차바 스크립트 시스템 여기에 사용자 상호 작용에 따라 우리의 필요에 따라 우리의 기숙사를 수정하거나 당신이 어떤 태그 또는 다른 어떤 결합 데이터를 데이터 바인딩 데이터 바인딩을 제공 그는 데이터가 우리의 프로젝트에서 설정 한 이러한 일들이 우리가 얼마나 그래서 바인딩이라고 NG 모듈 모듈 그냥 그래서 그렇게 설치하는 것은의 모듈로 시작하자 집합 함수의 유사한 종류의 모음 같은 것을 생각 패킷에 포함하여 일련의 기능 모듈 정도로 너무 각도 존재 애플 리케이션 모듈이라고 NG 모듈을하지만이 프로젝트에 어디에 그렇게 가자 소스 응용 프로그램으로 이동 프로젝트에 우리가이 응용 프로그램 점 모듈이 여기에 DS를 점해야 볼 수 있습니다 모든 모듈은 우리가 모듈에있는이 실제로 우리의 모듈 식이다 그래서 지금 온다 확인 시스템은 그래서 다음 응용 프로그램 모듈이라고 적어도 하나 개의 모듈이 모든 모든 수단이다 각 응용 프로그램은 응용 프로그램 모듈이 있어야하며 점점하지 않으면 그 생각 응용 프로그램의 간단한 클래스와 모듈과 어떤 클래스 클래스를 것은 기능의 모음입니다 그래서 나는이 좋은, 그래서 확인 응용 프로그램 모듈이 있어야합니다 당신에게 모든 각도 응용 프로그램을 말한 다음 여기에 추가 NG 모듈 데코레이터 클래스라는 새로운 단어를 온다 장식 데코레이터 장식은 무엇입니까이다 자바 스크립트 클래스를 수정하고이 내가 가진 타이프의 일부 기능 당신이 타이프 라이터 말은 '예 자바 스크립트를 통해 특별한 기능을 가지고 있으며, 그 스크립트의 클래스는이를 이용하여 개선 될 수있다 개질 의이 추가 NG 모듈 장식 여기에 무엇을 할 것인지 보자 너무 장식하는 경우 우리 앱으로 이동합니다 도트 모듈 도티의 우리가이 법 및 G 모듈을 가지고 있고 그것의 당신 때문에 괜찮 다른 데이터에 대한 메타 데이터의 메타 데이터의 목적을 받고 우리가 선언 수입 업체와 같은 다양한 데이터를 볼 수 있습니다 부트 스트랩 확인 그래서 이것은와 응용 프로그램 모듈이 그렇다 따라서 클래스 것입니다 이 데코레이터 NG 모듈은 응용 프로그램 모듈의 장식입니다 무엇이든 클래스는 어떤 장식이 그와 함께, 그래서 그냥를 연결하는 것입니다 바로 아래에 결정 그것이 지금에 연결되어 있도록 겨 모듈 장식에서 아래 우리는 응용 프로그램 모듈 클래스가 이 NG 모듈이 NG 모듈에서 온이 클래스하지만 각도에서 온 내 패키지를 열면 당신이 무엇을 다양한 각도 핵심 각 코어를 볼 수있는 핵심 당신은 의존성이 각 핵심입니다 만 배치 할 때 볼 수 있습니다 torjussen 여기가 노드 모듈 내부에 배치하면 각도 및 각도 볼 수있는 폴더 이 여기에 코어는 그래서 모든 것을 우리는 우리가 가져가는 노드 모듈에 있습니다 이처럼 나를 그냥 두 가지 종류가 있습니다 당신이 볼 수있는 한 가지를 말해 보자 수입 일이 다른이 너무 좋아이 엔진 모듈 내부의 수입입니다 수입 모든 것을 상단에 하나 뭔가를 가져 오는 자바 스크립트 스타일 그래서 우리는 응용 프로그램 구성 요소에게 NG 모듈 브라우저 모듈을 가져온 각 핵심와 같은 다양한 소스 그러나 우리는 헤이 각도 우리가 얘기를 해 지금이 NG 모듈을 수있는 수입이 얻을하고 전체 프로젝트에 적용 NG 모델 내에서 우리가 그래서 각 가져 오기 다시 한번 NG에서 모듈 각 수입은 여기에서 오는되는 브라우저 모듈을 가져 오는 플랫폼 -이 방법으로 클래스가 그래서 브라우저 만들거나 당신이이 기본적인 모듈이 각 생성됩니다 볼 수 있습니다 우리는 그래서 각 블록은 그래서 지금 옆에있는 다음 부분을 보자 구성 요소입니다 네 괜찮아요이 노드 모듈을 그리고 각 모듈 형이라고 볼 수 있지만, 구성 요소의 구성 요소와 관련된 일부 기능을 가진 클래스 무엇을하는 것입니다 그 템플릿은 그렇게보기와 상호 작용하는 클래스는 그래보기보기는 무엇을 의미 HTML 부분 우리가 돔 괜찮 그래서 이것은 우리가 할 구성 요소가 있음에 볼 무엇이든 모든 우리의 구성 요소의 논리의 모든 종류와 NG 같은 많은 수명주기 후크가 그리고 거기에 당신이 그렇게 파괴 그래서 지금 어떻게 행동에 모든 것을 볼 수 있습니다 각 첫번째 GET 내가 응용 프로그램을 사용하여 부트 스트랩에서 시작하는거야 시작 구성 요소 우리는 한글 ER이 이제까지 처음이다 각도 얘기를 해 구성 요소는이 응용 프로그램의 구성 요소로 이동하는 프로젝트를 시작하는 올 때 이 다시 어디에서 왔는지는 응용 프로그램 구성 요소 응용 프로그램 도트 구성 요소에서왔다 이는 내가 구성 요소에있어이 하나 받고 있습니다 눈물 나는 아니에요 응용 프로그램 점에 대해 이야기하는 것이 테스트 목적으로 만이기 때문에 점 TS를 기대하는 것 그래서 프로젝트가 시작할 때마다이 응용 프로그램 구성 요소에 가서 보자 방법이 응용 프로그램 그래서 열려있는 응용 프로그램 도트 구성 요소 또는 TS 응용 프로그램 구성 요소가이처럼 구성 요소가 보인다 간단한 클래스는 그냥 확인이 일을 삭제하자 그래서 그것의 물건을 취소합니다 나는 당신을 위해 그렇게에서 몇과 상호 작용하는 클래스를 말한대로 간단한 클래스 뷰는 우리는 그 값이 응용 프로그램입니다 제목라는 변수가 있다고 말했습니다 확인하지만이 연결 어디로 지금 이제 다른 일을 오는 우리 이 클래스를 강화해야하고 우리는 그 타이프의 우리의 수준을 향상시키기 위해 알고 구성 요소의 장식이 구성 요소 추가 기능을 추가, 그래서 여기에 장식을한다 사용 구성 요소의 장식을 다시 구성 요소에서 온다 각 코어와 어떤 그것이 우리가이 첨부하려고 말을하려고 할 것 의미 선택의 어떤 종류의 응용 프로그램 클래스는 그것의 이름처럼 구성 요소 및이를 호출하는 방법을 그래서 우리가 가고 그래서 때마다 응용 프로그램 루트입니다 그것을 사용하는 우리는 내가 HTML 점 내 인덱스로 이동, 그래서 만약 과일처럼 사용하려고 당신은 우리가 응용 프로그램 루트를 사용하고 실제로에만이 단계가가는 볼 수 있습니다 웹 사이트 나 응용 프로그램은 다음 모든 것을 수행되는 첫 번째로드에 갈 때로드 이 응용 프로그램의 루트 요소 때문에이 응용 프로그램 루트 구성 요소는 여기에 이름을 경우 그래서 여기에 응용 프로그램의 비트 영화로 변경 우리는 머리도 응용 조금 체감 온도 변경해야 이것과 유사하게 여기지만이 반영 방법은에서 프로젝트를 시작합니다 오이 새 탭에서 열립니다 – 당신이 역할을 NG라고해야하지만, 당신이 말한다면 크롬 브라우저는 브라우저에서 모든 것을 다음 열기를 컴파일 할 수 있도록 지금 당신은 이제 로컬 호스트와의 크롬에 시작하고있다 볼 수 있습니다 : 대한 – 더블 제로 모든 것을 굉장히 잘보고있다 우리가 이름을 변경하지만, 우리가 이름을 변경 한 것처럼 있다는 것입니다 여기에 인덱스 도트 HTML에서 우리는 어떻게 우리를 의미하는 선택을 변경 한 그 좋은하지만 다른 무엇을 내가 당신에게 그래서 괜찮 구성 요소를 호출 할 수 있습니다 당신은 내가 할 수있는 볼 수 있도록 그것에 대해 후크와 어떤 많은 수명주기가 있다는 것을 나는이 기능을 만들 수 있습니다 그것에에 겨 여기 만들고의 콘솔 점 가정 해 봅시다 안녕하세요이 한 일을 할 것입니다이 작업을 수행 할 로그 무엇을 할 때마다 구성 요소입니다 로드는 콘솔 것 안녕하세요 이렇게 새로 고침을 수행 할 수 있습니다 안녕하세요이 때문에 그것에에 겨에 여기를 참조하면 수명주기 후크입니다 구성 요소를 다음 만들 때 그래서 우리가 여기에 준대로 그 일을 이것은 당신이 어떤 변수를 정의 할 수 있도록 구성 요소의 매우 중요한 부분입니다 여기에 당신은 당신이 여기와 여기에 함수를 만들 수있는 라이프 사이클 고리를 만들 수 있습니다 나는 괜찮 메시지로 그 함수를 호출하고 열 번째 기능으로 이동합니다 괜찮 안녕하세요 로그 콘솔과 지금은 내가 말할 것이다, 그래서 여기에 함수를 호출하는거야 이 점 메시지 왜 내가 여기에 제목을 통과 할거야 하나의 일을하지 그래서 나는 우리가 로그인 할 것 제목이 그래서 어떤이 점 제목을 말할 것이다 내가 여기에 여기에 값과 가치를 말할 것이다 여기 그래서 그래서이를 저장하고 크롬과로 이동 지금 저장 여기 내 제목을 제목을 변경, 그래서 만약 당신이 응용 프로그램은 사기꾼 여기에 판매 볼 수 있습니다 이 여기 갑자기 내 이름이 당신이 할 수 있다는 것을 의미하므로 여기에 볼 수 있습니다 당신은 거기에 변수가 함수가 있습니다 할 원하는 라이프 사이클은 여러 가지가 내가 그렇게 행동의 다양한 종류를 수행하기 위해 여기에 있습니다 후크 바로 옆 부분으로 이동하는 모든 것을 취소 그래서 다음 부분으로 이동하게됩니다 그래서 우리는 구성 요소 정의 단지 클래스 어떤 구성 요소 이해가 여러 가지 있지만, 전원 구성 요소는 우리가 볼 여기에 무엇을 주어 얻을이 응용 프로그램에 오신 것을 환영합니다이 로고 후 모든 링크는 여기에 있습니다하지만 우리는 할 수 없습니다 우리는 이러한 우리가 이해할 필요가 이런 일을 볼 수 있도록되어 있습니다 일을 보 거든 구성 요소를 너무 렌더링하는 방법 각 말해 템플릿 있도록 템플릿은 무엇인가 그, 그래 우리가 여러 가지 있지만, 기능을 할 수있는 구성 요소가 괜찮아 템플릿처럼 그래서 이러한 변수는 HTML 부분의 관련이 있습니다 일부 향상과 HTML 부분에는 구성 요소의 장식이 추가 볼 수 있도록 우리가 본대로 구성 요소의 장식은 메타 데이터 선택의 세 가지 종류가 있습니다 다음 구성 요소 템플릿 URL 또는 또한 스타일 URL의 이름 템플릿 URL은 우리가 때이 구성 요소 렌더링하려고하는 어떤 HTML 줄 것 라는 것 명백하게 값 R은 이러한 HTML의 스타일을 줄 것이다 그래서 응용 프로그램은 여기에없는 구성 요소 점 HTML을하고 내가 이것을 열면 당신이 할 수 말한다 당신이 여기에서 볼 수있는 각도 로고의 버전이 기본 씨를보고 지금이 태그와 이러한 링크는 모든 것이 여기에있다, 그래서 여기하지만 당신은 볼 수 있습니다 하나 개 이상한 일들 이중 중괄호 여기에 제목 그래 새로운 일 그리고 난 당신이 우리가 할 수있는 몇 가지 더 많은 기능을 가진 HTML 템플릿으로 말한 이중 중괄호를 통해 우리의 HTML에 우리의 템플릿에 내 제목 때문에이 변수를 추가 내가 가면 내 제목처럼 변경 및 한 이름을 지정하고 내 타이틀에 오신 것을 환영합니다 볼 수 있습니다 우리가 사용할 수 있기 때문에 대신에 환영의 응용 프로그램에 그래서 이것은 좋은 일입니다 템플릿의 그 힘의 템플릿으로 구성 변수 재생 HTML로하지만 일부와 동일 템플릿 있도록 구성 요소를 렌더링하는 방법을 알 수 있습니다 차이가 나는 당신이 중괄호와 같은 약간의 차이를 이야기로 및 다음 제목과 메타 데이터 우리는이 구성 요소를 추가하는 것이 배운 온다 장식은 메타 데이터의 일종을 가지고 있으며, 이러한 메타 데이터에 장식을 말해 이것이 바로 아래에 정의 된이 어떤 클래스를 의미하므로이 클래스를 수정 장식이 클래스에 모든 메타 데이터를 연결하는 것입니다 그래서 클래스를 처리하는 방법을 각 무엇 메타 데이터를 이야기 한 후 메타 데이터를 첨부 우리가 장식을 보았다 데코레이터 수정 기능 이유 자바 스크립트 클래스 그리고 그 무엇은이 메타 데이터는 말한다 여기 것입니다 구성 요소 클래스 어떻게 우리가 할 수있는 우리가 템플릿을 사용할 수있는 방법이 클래스를 렌더링하는 방법 이 모든 일이 수단 때문에 괜찮 메타 데이터에 의해 수행 된 구성 요소를 선택 메타 데이터는 매우 좋은 유사 추가 구성 요소 클래스를 식별 장식입니다 바로 아래 내가 너희에게 말한대로 지금 오는 매우 중요하고 매우 흥미로운 부분은 있지만, 데이터 바인딩에 가기 전에 데이터 바인딩은하자 의는 먼저 새 터미널을 열 수 있도록 우리 우리 터미널에서 새 구성 요소를 만들 생성 NG 말을 대신 생성의 것 당신은 G 말할 수있는 우리가 원하는 구성 요소에 대한 구성 요소를 다시 때문에 구성 요소 길이를 생성하려면 다음을 수행 할 수 있습니다 내 구성 요소 이름은 마블의 영웅을 좋아 그렇게 될 것입니다 (310) 구성 요소 이름을 사용 괜찮아요 지금 Enter 키를 누르십시오 그리고 새로운 구성 요소를 생성합니다 우리의 이 그렇게 만들려고 어디 프로젝트는하지만 당신은 우리가 만드는 위해 가지고 있음을 알 수 하지만 하나의 업데이트는 그렇게 숭고한 열어야 어디 보자 당신은에서 볼 수있는 우리의 응용 프로그램 폴더 우리는 마블라는 새로운 폴더가 – 영웅을 우리는 네가 오 내가 말한대로 우리는이 응용 프로그램 모듈을 제외하고이 네 개의 파일이처럼 당신은 거기에 하나의 응용 프로그램 모듈 파일이며, 여기에 흥미로운 일이 동안이다 우리가 AB 점 모듈 도트 테스트 파일에 업데이트가 있음을 알이 명령을 사용하여 그 업데이트는에서 놀라운 영웅 구성 요소를 가져옵니다 이 분명히 그 선언에 추가 이것은 우리가 무엇을 가지고 그래서 우리는 우리가이 무엇을 여기에 보자 우리는 새로운 구성 요소를 만들 때마다 않는다 마블의 영웅 일 우리는 어딘가에이 구성 요소를 사용해야하고 우리가 어디 있는지 우리가 여기에 우리의 응용 프로그램 도트 구성 요소 또는 HTML과에서 그것을 사용하려고 사용하는 것 대신이 모든 일의 그때 HTML5 마크 업 모두 삭제를하고 마블 – – 나는 앱 말할거야 여기 마블의 영웅을 말할 것이다 영웅과 의이을 닫을 수 있도록하지만 왜이 이름의 내가 내 마블을 열 수 있는지 영웅 도트를 보자 구성 요소 도트 TS는 우리가 우리가 가진 요소 장식에서이 문제를 가지고 당신이 볼 수있는 파일 일부 메타 데이터 및 선택기를 정의 당신 선택은입니다 말한 기억 구성 요소의 이름을 지정하고 이름은 응용 프로그램입니다 – 마블 – 영웅 괜찮아요 그리고 그 그 내가 크롬에 가면 우리가 지금 사용하고 당신이 볼 수있는 이유는 마블 말한다 영웅은 매우 좋다 작동하지만 이제하자 꽤 그렇게 찾고 아니에요 부트 스트랩 그래 그래서이 일을 잡고 터미널로 이동 이이와 그렇게 우리의 부트 스트랩 지금의하자 때문에 설치 설치를 이 가져올 프로젝트에서 부트 스트랩을 가져올 수 있습니다 졌지 여러 가지 방법이 있습니다 하나는 당신이 그것을에 정의 할 수 있습니다 오 전역 스타일의 도트 CSS에 그것을 정의 할 수있다 각도 – 나는 스타일 여기에 가면 여기 CLI 또는 키틴을 내가 할 수있는 볼 수 있도록 모듈 노드 모듈 모듈은 다음 다음 다음 나열 부트 스트랩 노드를 정의 각도가 쉽게 점을 의미하지 않으려이다보고 당신이 이것에 대해 모르는 경우 일부 당신은 검색 후 노드 모듈 폴더로 이동해야 또는 다음 부트 스트랩 폴더는 CSS를 맛보고 가르쳐 MnDOT 정체를 제거 할 그것은 매우 좋다 그래서 이것은 하나의 방법입니다 당신은 내가이 일을 사용하고 볼 수 있습니다 각 CLI 점 JSON 파일이 소스 외부에 있지만 그래서 우리가 직접 할 수있는 그하지만 실제로는이 HTML 파일에 연결되어있는 경우가 아니라 너무 우리는 인덱스 때문에이 인덱스 도트 HTML 파일의 경로 참조를 제공해야 점 HTML은 우리가 좋아 그렇게까지 디렉토리에서 가야 노드 모듈에 접근하기 이 Y 두 점이며, 지금 크롬에 가면 당신은 볼의 새로 고침하도록 할 수 있습니다 우리가 서버를 다시 시작해야하기 때문에, 그래서 그냥하자 작동하지 않을 것 서버를 다시 시작하고 지금 당신은 지금 컴파일하는 것 볼 수 있고 지금 오픈 탭 새로운 그래 당신은 응용 프로그램의 영웅 포크를 볼 수 있습니다 다소 쳐다보고는 경우 변경 여기 가서 컨테이너 내부에서이 이동하지 왜 안 확신하고있어 그래서 컨테이너는 여기 그리고 지금 가서 지금 내 이동 있어요 볼 수 좋아요 우리의 부트 스트랩을 의미 컨테이너가 제대로 작동 그 때문에 LR 구성 요소 아주 좋은 그리고 모두가 제대로 작동 부트 스트랩 이제 한 번 더 데이터 바인딩 가자 실제로 어떤 데이터를 데이터 바인딩 바인딩은 단지 구성 요소와 템플릿을 너무 간의 상호 작용처럼 이 두 가지 사이에서 조정하고 템플릿에 지시를주고처럼 그리고 구성 요소 그래서 처음에 템플릿에서 보간이며, 우리는 이미 우리가 제목을 사용했을 때 그래서 지금 마블 영웅에 대한 몇 가지를 만들 수 있음을 알 나는 응용 프로그램 모델 영웅 다음 마블 영웅 구성 요소 도트로 구성 요소를 이동 있도록 이 클래스에서 여기 TS 내가 새로운 영웅을 만들거야 그래서 먼저 영웅 그 주인공은 모두가 좋아하는 아이언 맨이다 나는 우리가이 그래서 여기에 구성 요소에 아이언 맨 (Iron Man)을 사용할 수 있도록 괜찮 오늘 여기에 구성 요소 그래서 하나 또는 두 개의 스무하자의 사용 이중 중괄호와 우리가 가지고 영웅의이 결과를 볼 수 있도록 말할이가 그래서 당신은 아이언 맨이 여기 볼 수 있습니다 첫 번째 데이터는 우리가 볼 수있는 바인딩하지만 다음 속성이며, 그 값은 보여 재산을 만들 지금하자 cout을 여기 대신 지금의하자 바인딩 더 버튼 그래서 버튼 확실히 더 좋아처럼 될 것이며, 그렇게하자이 좋은 것 그래서 그와 같은 모양과 그래이 찾고 어떻게에게 BTN BTN 성공의 클래스를 제공 좋은 그 괜찮아요하지만 그렇게 볼 수 없습니다 괜찮 장애인이라는 하나 개의 속성이 있습니다 당신은 지금 당신이 클릭 할 수 없습니다 비활성화되어 볼 수 있지만 당신이 원하는 가정 수 조건부 그렇게하자 것을 사용하지 않을 것을 의미한다이 바인딩 내가 BTW 말이 수 종료됩니다, 그래서 여기에 새로운 데이터를 생성하는 것은 그것을 처음에 동일 나는 몇몇이 속성을 바인딩 할 것을 안젤라 그래서 여기에 거짓 이야기하는 것입니다 내 데이터 그래서 대괄호 안에 모자 바인더 제본 속성을 정의하고 이 테이블을 BTN이 동일하고 그해야이어야한다 내가 여기 있으면 당신은 더 많은 것이 우리가 분명이 표시입니다 볼 수있는 지금이 괜찮와 같은 내가 지금 여기 가서 당신이 볼 수 true로 변경하면 괜찮아 그 그것을 클릭 할 수 있지만, 이 지금이 버튼의 속성을 제어 의미 그래서 지금은 비활성화되어 각도는 그럼이 바인딩입니다 속성으로 들어오는 이제 이벤트 처리는 I가 아이언 맨에서 영웅의 이름을 변경한다고 가정 괜찮 블랙 팬더 같은하지만 어떻게 내가 변경하려는 변경됩니다 여기를 클릭하면 지금이 대신 그냥라는 또 다른 속성을 부여 할 수 클릭에 그러나 우리는 타이프 또는에서 자바 스크립트 핵심이다에서 JavaScript 우리의 각도 당신은 당신이 어떤 이벤트를 바인드 할 필요가 각도에 있도록 괄호 안에 말하고 이벤트 이름은 다음과 같다하려면 핸들러를 제공하거나 이 이벤트를 처리하려고 함수가 그래서 핸들러를 제공하자 핸들러의 이름은 함수로이를 만들기 위해 변화 제로 괄호입니다 그래서 지금은 내 영웅을 변경하고 지금 우리는 지금 바로이 복사해야하고 내가 말한대로 우리가 여기에 함수를 정의 할 수 있습니다 구성 요소가 온다 당신의 모든 논리가 우리의 구성 요소로 제공 그래서이 점 0과 같다 가정 해 봅시다 검은 표범 바로 그래서 지금은 그냥 그렇지 않으면 거짓으로 이것을 만들어 보자 버튼을 가자 때문에 사용할 수 없게됩니다 그리고 네 괜찮아요와 그것의 자신의 철인하지만, 나는 지금 검은 표범의 나의 영웅을 변경 클릭하면 그래서 이것은 우리의 다음 이렇게 아주 멋지다 바인딩 겨 모델 속성입니다 무엇은 양방향 그래서 당신은 바인딩과 같은 점이다 첫 번째 화살표는 표현이 화살표는 단지 ​​구성 요소에서 일어나고 볼 수 있습니다 보간 부분은 다시 속성도에서가는 값을 DOM하기 톰하지만 세 번째로 구성 요소는 템플릿에서 구성 요소의 상호 작용하면 우리는 우리의 템플릿에 일을하고 그 반영 볼 수있는 우리의 구성 요소 즉, 이벤트 핸들러의 주요 목적은 그래서하지만 나는 양쪽에서 동시에 수행 할 경우에는 입력 필드에 같은거야 그래서 의 지금 여기 또 다른 하나를 만들 수 있지만, 수행하기 전에 그의 모든 이동하지 말자 다음 클래스의 UL UL 가진 목록 그룹 내부의 이러한 것들을 좋아하고 우리가 가지고 클래스와 생활 오프의 아담 좋아 가자와의 모든 내부 여기 여기로 이동하자 분명히 여기에서이 버전은 모든 그리고 만약 하나 더 설정 그리고 여기에 내가 뭔가 그래 어떻게 보자에 정리 않는거야 좋다 온다 좋아하는 네 괜찮의 일부 여백 타입 일 행을 포기하고 내 할 것 전체 전화에 대한 오프셋하지 않습니다 또한 그래서 여기에이 일을 이동하자하자 네 그래서 지금 너무 일을 일하게 될 것 0을 변경 꽤 좋은 찾고 참조 더 앨리 나는 너무 입력 필드를 입력 태그를 만들려고 여기에 내부 폼 컨트롤의 클래스는 괜찮 그래서 그래 같이 어떻게이 좋다하지만 난을 원하는 여기에 몇 가지 이름을 입력합니다 다음 내가 대신 거기에 그것을 채우려 이 배열의 난이 버튼을 클릭하면 여기 내부를 이동할 그래서 우리가이 내가 원하는, 그래서 여기를 클릭 할 때마다 의미 할 수있는 방법을 살펴 보자 일부 이벤트에 내가 원하는이 결합하고는 NG-모델 그래서 당신은 우리가 사각 괄호를 사용하는 우리는 두 가지를 사용하고 볼 수있는 우리 우리는 우리가 이벤트에 사용 괄호를 사용하여 바인딩 속성에 사용할 이 모두이 양방향이기 때문에 그래서 여기에 오는 이유는 괜찮 그건 부동산 당신이 NG 모델 그렇게하자로 연결하고자하는 특성 때문에 이렇게 입력 된 입력 0을 작성하고 처음되어야 좋아 널 지금은 입력으로이 구성 할 제로 그래서이를 보자 결과 흠 할 수 있습니다 우리는 오류가 발생하고 그것을 말한다 바인드 ngmodel 우리가 가지고 있기 때문에 각도를 알려줄 수 있음 그 핸들러 나는 NG 모델을 사용하려는 모델을 겨하는 형식의 일부이기 때문에 모듈 나는 우리가 그 모듈을 수입해야 당신이 그것을 바로 모듈을 듣고 생각 이제 지금은 가져 오기 위하여려고하고있다 엡 코트 모듈 도트 TS에 가서 여기하자 모듈을 형성하고 그 각도 슬래시 양식을 추가로되며이있다 자바 스크립트 가져 오기로 가져하지만 우리는이 수입에 대해도 그렇게 말할 필요 왜 NG 모듈에 여기되지 않고 여기에 우리가 그래 우리가 하나가 말을 더 모듈은 지금 가고, 그래서 만약의 목록에이를 추가 할 수 있도록하고 당신은 이제 볼 수 있습니다 일을하고 오류 모든 것을 잘 작동하고 내가 입력하면됩니다 뭔가 모든 오류없이 좋은 그러나 우리는이 텍스트를 대체 할 이것으로 만하면 HTML 부분과 단지에 여기 한 가지 지금 내가 당신을 보여 드리죠 여기 아래에 나는 원자 그룹에 또 하나 개의 목록을 작성하고 여기에 나는 말할 것이다 입력은 여기 오 좋아, 그래서 여기에 당신이 볼 수의이 재미있을 것입니다 결과를 보자 지금은 빈 세 번째입니다하지만 난 안녕하세요 당신이 볼 수있는 말한다면 모든입니다 내가 여기에 자사의 입력을 입력 할 때이 좋은, 그래서 이것이 우리의 NG를 의미 연결 모델이 제대로 작동하지만 우리는 다른 뭔가를 할 필요가 그래서 오 내가 여기 변경 가고 싶어 클릭 할 때의 지금은 괜찮 그래서를 제거 할 수 우리가 만든 기능 지금은 여기에이 점을 말하고 싶은 대신에 우리는 여기에 하드 코딩이있는 검은 표범 위드 나는이 점을 말할 것이다 입력이 여기에 오 그게 내가 여기 가서 할 경우의 블랙 입력 그래서 좋다 좋은 및 죄송합니다 나는 내가 좋아에 저장하지 않은 생각 설정 그래서 저장 및 자동 갱신 그리고 지금은 검은 입력합니다 팬더와 나의 영웅을 변경하고 그래 우리는 당신이 여기에 검은 표범입니다 볼 수 있으며, 우리는 단지 우리가이 빈 하나 개 더 부분 그에게이 한 가지해야 할 것이있는 경우 하나의 철인없이 사라 있도록 내가 누군가 여기를 클릭하고 싶지 않은 비어 아무것도 입력하는 것은 그래서 우리는 그래서 사용하지 말 것을 할 수있는 방법을 살펴 보자 경우 경우 입력 영웅 괜찮 존재하지 않는, 그래서 그것은 그래서 입력 영웅은 값이없는 지금 가서 당신이 여기 없어 볼 수 있도록 기존의 아니에요 의미 널 (null)과 같은 난 아무 말도하지만 만약 그래 지금은 여기가 활성화 아니다 것 장애인하지만 그건 좋다 비활성화 제거하고 후 때를 이 점 입력 영웅 다시 동일 우리가 원하는 영웅을 변경 더 괜찮 새로 고쳐 내가 한 번 더 변화 검은 표범을 입력하면 여기 볼 것 나의 영웅은 비어 있고이 그래서 지금은 검은 표범으로 변경됩니다 실제로 데이터 바인딩이 모든 데이터는 모든을 볼 수 바인딩 우리는 우리가 우리가 사용했던 클릭 이벤트를 사용한 사용한를 결정 보간은 우리는 우리가 바인딩 모두를 사용한 NG 모델을 사용했다 여기 아키텍처 개요의 범주에 그래서 다음 온다 가장 중요한 부분은 지침이라고하지만, 실제로 무엇을 지시문 활성 동적 템플릿을하고 무엇을 동적 당신이 그러한 말을 의미합니다 이것은 또한 동적 것은 그래이지만 내가 원하는 경우 어떻게 완전히 동적 아니다 나는 우리가 그와 함께 제공 할 수 있도록하는 방법을 우리의 돔에서이를 제거 할 변경 그래서 각 지시어는 그것의 지시어의 두 유형이 구조 지침 및 이름이 변경 지시문을 제안하도록 지시 속성 템플릿라는 구조를 지시하고있는 지침의 구조 속성은 다음 지시어 속성처럼 우리는 행동이 일을 모두 볼 수 있습니다 구조는 G4에 있거나하자 경우 겨 그래서 만약 구조 지시어 무엇인가 첫 번째 작업에서 이러한 일들이 그래서 아이언 맨 (Iron Man)으로 대신 영웅의 가정 참조 하나의 I는 그래서 스파이더 맨처럼 두 개 이상의 영웅을 다시해야 그 다음이 좋은하지만 어떻게 내가 개미 남자 등이 블랙 팬더 팬더와 우리는 그래서 제로와 같은 같은 말을해야 할 여기에 모든 것을 보여줄 것이다 다음 하나는 그래이 작동하지만 것을 수행하는 방법을 권장하지 않습니다 당신은 내가 의지가이 대신 그래서 여기가 각도처럼하지 일하고있어 말할 수있다 말할 스타 또는 트릭과 G4 등과 트릭은 내부 G4에 너무 극단적으로 중요한 경우 큰 따옴표는 내가 좋아 영웅의 영웅을 선택하고 우리가있는 경우 변경 이 영웅은 그래서이 저장의 크롬 가자와의은을 보자 여기 없어요 그래 네 개의 항목이 여기에 볼 수있는 결과 아이언 맨 스파이더 맨 검은 표범과 개미 남자 그러나 다시 나는 밀어 싶어 이 하나의 내부 여기에서 자세한 내용을하지만 우리가 NG를 사용할 수있는 방법을 보자 전에 F는 우리의 시스템의 경우 것은 내가 추가라는 버튼이 있다고 가정 NG이 더와 다음 버튼 입력 상자를 의미한다이 두 가지가 올 것이다 그럼 먼저 한 일이 여기에이 입력 상자를 이동 여기 BR 태그를 제공 할 수 있도록하고 다음이 내부에서 나는 말한다 간단한 버튼을 추가하고하자 말할 것이다 괜찮 위해 BTN VT의 N에서 한 잔을주고의이 그렇게 당신이 할 수처럼 보이게하는 방법을 살펴 보자 이 좋은 찾고 볼 수 있지만 난 때 나는 단지이 원하는 한이를 숨기려면 내가 클릭합니다 더 그래서 여기에 추가를 클릭하고 우리는 내가 말을 알고 때 다음을 클릭 메소드 이름 메소드 이름은 이제 더 추가 가정 해 봅시다되며, 나는이 목록 아이콘을 표시하려면 다음 여기를 클릭하지만 그렇게하기 전에이 작업을 숨기려면 NG 나는 추가에 해당하는 경우, 그래서 더 추가하거나 추가 말하고 싶은 경우 나는이 그렇지 않으면 나는이 그렇게하자 보여 않을거야 보여 드리겠습니다 내가 추가 그래서 처음에 거짓 말할 것이다, 그래서 우리의 구성 요소에 대한 새로운 데이터를 생성 그 문제는이 보여 않을 것이다 그래서 처음에 표시하지 않을 것입니다 이유 그리고 당신은의가 너무 많은 기능을 추가 할 수 있도록 보여 않을거야 볼 수 있습니다 여기에 오는 더 추가하고 여기에 나는이 점은 추가 말할 것이다 동일이 점의 바로 값 것이다 어떤 의미없는 추가 할 그 반전 그러나 우리는 함수로이 문제를 확인해야합니다 확인하기 전에 이렇게 사용 그래서 지금 여기에 괄호 크롬에 가서 내가 클릭하면 더 많은 그래 우리가 몇 가지 추가 오류가 모드를 추가 무슨 오류 것은 때문입니다 기능하지 않습니다 보다 여기가 작은 a와도 함께 또한 추가하는 두 가지입니다 자본 AI 여기 사용의는 여기를 확인 할 수있다 그래 그건 그 괜찮아 미세 이제 크롬에 가서 그래 여기를 클릭 이 좋은보고 다시 이디에 사기 광고가 사라 에드되었을 수 있지만 다음 작업은 클릭 할 수 있습니다 여기에 새로운 영웅의 이름을 입력하고 목록에 그것을 밀어 그래서이 승화로 이동하자 여기 첫째로 나는에 이름과 영웅하지만이 변경됩니다 여기 변경 영웅 나는 다시 추가 영웅을 말할 것이다, 그 함수 이름이고의이를 변경할 수 있습니다 나는이에 영웅을 밀어 원하는 기능을 한 번 더 영웅을 추가하고 내가 원하는 것을 이이 점 0 점 푸시을하지 왜 그렇게 나열하고이 부시 안에 우리는이 원하는 이 괄호 및 모든 내부 거기에 이미 설정되어 있지만, 당신은 할 수 우리가 왜 발 뒤꿈치와 하나 그렇게하지 여기에 어떤 영웅 속성이없는 참조 일이 더 나는 새로운 영웅을 추가하려고하면의는의는의가를 추가 할 수 있도록 보자 여기 보자 녹색 좋은 헐크와 영웅 그래이 추가됩니다하지만 작은 여기까지 나는 내가 가진이이 점을 수행 할 때 그래서이 이것을 제거하거나 숨기려면 추가 자본이 거짓 동일 한번의 크롬 가자와 지금의 캡틴 아메리카의 자본 존중의 상쾌하고 이번 턴 캡틴 아메리카 괜찮 그래서 영웅을 추가하고 영웅을 추가가 당신이 원하는 경우에 당신이 할 수 있도록 이 문제를 제거 할 수있는 버튼을 제공하고 당신이 할 수있는 숙제처럼하고있는 경우 단지 메시지 나 난 당신하지만 다음 작업을 할 수 없습니다 도움이 반드시 것입니다 않는다 지시 속성 무엇을 우리의 속성 지시어는 우리가 본입니다 그 구조 지시자 실제로 제거의 구조를 변경하거나 우리의 돔에서 내용을 추가하지만 지시자 속성은 할 것 우리가 이미 속성을 변경하거나 수 있다는 것을 보았다 NG 모델처럼 우리는 클래스처럼 가지고있는 HTML 태그의 cently 속성 우리는 그렇게 스타일을 가지고 의 내가 지금 당신이 내가 가지고 볼 수있는 크롬으로 이동, 그래서 만약 우리가 어떤 클래스를 줄 수있는 방법을 살펴 보자 캡틴 아메리카 그러나 나는 헐크와 내가 원하는 내가 헐크를주고 싶어를 추가하려고하면 녹색 헐크 색상 그래서 나는 헐크을주고 싶어하지만 텍스트가 너무 헐크 경우 내가 한 가지의 여기 가자 않을 때 마블의 영웅 점 HTML로 회사를 점 '나는 대괄호 수준의 NG 클래스 내에서 여기에 말할 것이다 및 태그가 있어야한다 따옴표 다음 하나의 중괄호와 먼저 클래스 이름 내부 우리는 성공 그래서 그 때문에 텍스트의 성공을 제공하려고하고이입니다 이것은 우리가 그것에 대해도록을 제공 할 때 첨부 할 것입니다 첨부 할 것 : 다음 영웅이 저장 지금이 좋은, 그래서 괜찮 헐크와 정확히 동일하고, 나는 후 LK는 것 분명하게 보일 줄하려고하면이 지금 새로 고침 것 당신에게 녹색 색상 헐크을주고가는 당신은 녹색의 헐크를 볼 수 있습니다 여기에 내가 지금이 요소를 검사하면 우리가 텍스트를 받아야하기 때문이다 성공 클래스는 우리가 그렇게 지시를 선택 보자 수있는이 방법으로 적용된다 우리가 무엇을 다음 아키텍처 그렇게 지시 후 우리는 서비스를하고 서비스 서비스를 무엇 의존성 주입 단지처럼 좁은 잘 정의 된 목적 클래스와이를 각도에 의해 강제 아니에요 코드가 배포 될 수 있도록 있지만 낚시꾼에 의해 권장 읽기 쉽게 처리 할 수 ​​좋을 것이며, 우리는 서비스 방법을 만드는 방법 의존성 주입 작업은 당신을 말하는 것이 아니라 당신을 보여줄 것입니다 지금은 하나의 마블을 만들 경우 너무 쉽게 간단 서비스를 생성하기 – 영웅 점 서비스 점 DS는 클래스이며, 지금은 내보내려고하는 클래스입니다 클래스와 영웅의 서비스를 호출하고 이것은 당신에게 실제로 할 것이다 무슨 우리가에서 일어난 영웅의 전체 목록 그래서 때로는 무엇을해야 볼 수 있습니다 실제 프로젝트 당신은이를 사용할 수 있습니다 구조의이 종류를하거나이를 얻을하지 않습니다 API 시스템의 일종 X 사용 호출의 어떤 종류 또는 다음 JEX 호출을 통해 목록 당신은 그 일이 하나이 클래스 것이다 책임만을 생각 분리해야 그것은을 사용하고 것처럼 그래서 것은 영웅의 목록을 받고있는 단일 책임 원칙이 클래스가 책임만을이어야 의미 하나의 일을 위해 이렇게이 클래스는 목록을 가져 오는 경우에만 책임이있다 이러한 영웅하지만 우리는 우리의 구성 요소, 그래서 우리의 부품이 사용 방법 생성자 우리는 당신이 원하는대로 이름 다음 개인 말하고해야 의 제공 또는 단순히 분사하여 전화해서 그 주인공 서비스해야하며,하자 수입 에서이 상단 그래서 수입 영웅 서비스이 동일에 있기 때문에 우리는 그래서 제공 등으로 정의 할 필요가 다음 다른 곳에 갈 필요 폴더 없다 이 영웅의 서비스 제공 업체이며, 우리는 여기에서 제공하는 이 구성 요소하지만 당신은 구성 요소에 두 곳에서만 서비스가있는 경우 다음은 각 구성 요소에 개별적으로 정의 할 수 있지만, 서비스에 의해 사용되는 경우 다음 응용 프로그램 도트 DS 지금은 좋은의 공급자에 전체 프로젝트 이제 우리가 당신이 무엇을 할 수 있는지 우리가 움직 볼 수 있습니다 이것을 사용하는 방법을 참조하자 영웅은 먼저 내가 데이터를 정의 할 것이다 그래서 지금 여기 영웅의 지금은 여기에 말할 것이다 문자열 및 문자열의 배열이다라고 생성자 내부에서 나는 도트 영웅이이 점 HX 도트 같다 말할 것이다 영웅은 그래서 우리는이 문자열로 우리가 여기있는 모든 이동 한 지금은 만약 그렇다면 당신이 모든 것을 우리가 헐크 줄 수있는 절대적으로 잘 작동 볼 수 있습니다 가서 그래서 모든 그래서 여기에 작동하고 여기에 도달이 때문에 실제로 서비스입니다 각 프로젝트에서 아무것도 아무것도는 서비스 및이 우리로 만들 수 있습니다 의존성 주입라고 사용하는 우리는이 클래스는이에 따라 달라집니다 영웅 서비스 때문에 의존성 주입 그래서 이것은 모든 각도 구조에 관한 것입니다 우리는 여전히 존재하므로 그냥 빨리 한 가지 더 볼 5 분 할 수있다 파이프 것들을 당신이 경우에 볼 수 있도록 필터 또는 수정 같은 파이프에 대해 생각입니다 우리는 영웅을 가지고 있지만 영웅은 지금까지 일반적으로 작성된 그러나 나는 이러한 모든를 원하는 경우 일이 그래서 우리는 파이프 후 서명 그것의 대문자를 말할 줄 수 대문자 T가 될 수 있습니다 사용이 매우 간단하고 지금은 냉각 경우가 상쾌하고 당신은 모든 당신이 말할 수 원하는 유사한 경우 T 대문자 볼 수 있습니다 소문자 T 이러한 파이프 사물에 의해 행동은 우리가 실제로 그건 분명히 우리의 사용자 정의 파이프 기능을 만들 수 있습니다 아니이 비디오의 범위에 그래서 우리는 나중에 다음을 그 일을 볼 수 중요한 것은 우리가 두 개의 구성 요소를 가지고 있다고 가정하고 우리가 원하는 라우팅됩니다 우리가의를 먼저하자 그렇게 할 방법 그래서이 개 두 요소 사이를 전환 당신은 우리가하여 새 구성 요소를 만들 수 있다는 것을 알고 있도록 새로운 구성 요소를 만들 GC4 구성 요소와 구성 요소와 구성 요소 이름 DC를 생성 NG 말 만화를 좋아하므로 DC 코믹스 좋은이며 네 개의 파일을 생성합니다 세 가지 구성 요소를 하나 개의 업데이트 응용 프로그램 도트 모듈 DC 코믹 그래서는 마블의 지옥이다 DC 싸움의 우리가 이러한 DC 만화를 보여줄 수있는 방법에 대해 살펴 보자 그래서 지금 괜찮 분명하다 그래서 DC 코믹스에 대해 나는 DC 만화를 앱의가 볼 수있게된다 이제 결과의 지금이가는 것처럼 살펴 보자 그래 DC 코믹스가 작동을 할 수 있지만 원하는 I 앱 도트 모듈로 이동해야하므로 먼저 URL과 함께이 두 사이를 전환 점 DS 및 각 라우터 좋아 우리에서 가져 오기 라우터 모듈 및 라우터 첫째로 그를 가져올해야하고의 현재 경로 목록의 상수를 만들 수 있습니다 이 경로가 될 것이며, 우리는 괜찮 배열 내부에 두 개의 객체를 제공해야 그래서이 먼저 부분 파일럿이를 위해 처음에 아무것도 할 것이다 해주지 URL은 이렇게 여기에서 나는 요소가 너무 초기 구성 요소가 될 것입니다 말할 것이다 DC 코믹스는 그래서 여기에 우리는 구성 요소는 그냥 여기에 붙여 넣을 수 있도록하고 다음 한 마블의 마블의 정도 유사하고 경로가 좋아 너무 구슬이다 감탄 이 좋지만 그래 즉 경로가 여기에 있음을 우리는 우리의 각 말할 필요 하지만 난에 대한 라우터 모듈 점을 말할 것이다 가져 오기 부분에 그럼이를 가져올 수 있습니다 노선이 내부의 우리가 확인을 너무 준 일정이 경로의 목록을 제공 할 수 이 좋은 모든 좋은하지만 한 가지 우리가 F 도트 구성 요소에 가야 점 HTML 우리는 우리가 이러한 구성 요소의 모두 여기에 있지만 대신 보이고있다 볼 수 있습니다 우리가해야 할 우리가 여기에서 말해야하는 것을 라우터 확인 모든 것이 설정되어 출구 최대 크롬에 가서의이 적합하게 내가 가지고 있기 때문에 제대로 동작하지 않습니다 경로에 대한 잘못된 철자가 그래서 일 BA 좋은 새로 고침 한 번 더해야하며, 지금 당신은 DC 코믹스의 작품을 볼 수 있고 나는 마블의 지금을 갈 경우 당신은 할 수 이 사라지고보고 이런 식으로 우리가 사용할 수 있도록 우리의 마블은 여기 왜 잡아하지 각도에서 라우팅하지만 다음 우리가 여기에있는 링크를 제공해야 그래서 여기에 부트 스트랩의 네비게이션 바는 간단한의 그냥주지 않을 것입니다 이 복사 숭고한과 우리가 우리의 응용 프로그램 도트 구성 요소 도트 HTML에서 이동 라우터 나 콘센트는 이제 그것의 방법을 보자의 그 탐색을 제공 할 수 및 저장 그 좋은 데요 그래처럼 보이지만 지금은 여기에 대신 결코 내가 것이라고 할 영웅 후 DC 영웅 말하고 두 번째는 여기 마블의 영웅 확인하고있다 대신 hres의 우리는 라우터 때문에 라우터 링크를 제공해야 링크는 우리가 구슬을 가지고 네 몰수 4 DC 마블 죄송 라우터 링크와 동일 그게 저장하고 한 가지 다른 삭제 할, 그래서 그냥 기본 URL입니다 – 그래서 우리는이 크롬에 이제 확인이 표시되지 않는 것을 우리는 우리가 두 개의 링크를 볼 수 있습니다 내가 DC 클릭하면 그래 DC의 여기 마블 마블 여기 당신은 볼 수 있습니다 페이지이 너무 빨리의 더 재 장전은 내가 지금이이 각도 사랑하는 그 이유는 없습니다 일이 좋은 우리가했던 꽤 많은 각도의 끝이 아니다 결론은 구성 요소가 있습니다 그래서 분명히 훨씬 더 많은 일이 각도의 기본적인 부분은 각도의 심장이고 우리는 몇 가지를 정의 할 수 있습니다 구성 요소 와이어 메타 데이터의 속성과 우리는 템플릿을 사용하여 이벤트 바인딩과를 통해 일부 구성 요소와 템플릿 통신 이 모든 약하므로 구성 요소는 속성 바인드를 통해 템플릿 통신 당신은 여전히 ​​문제의 어떤 종류가있는 경우 내 옆 각도로 주시기 바랍니다 메시지 나 나를 언급하면 ​​비트 영화에서 무언가를 배운 경우 경우 다음 기부 할 경우에 대한 자세한 내용은 patreoncom/scishow 갈 수 이런 종류의 일을 저를 격려하고 분명 구독하려고하고 페이스 북 트위터와 인스 타 그램에 같은 비트 영화