Deploy Laravel on Digital Ocean | Install Laravel Via Github #4

그래서 첫 번째 에피소드에서 우리는 링크와 디지털 바다에 가입 한 설명은 우리가 만든 디지털 바다에서 통화료 $ 10를 얻을 수 있습니다 마지막 에피소드에서 SSH 키를 누른 다음 우리는 같은 다양한 일들을 설치 한 PHP Nginx에 MySQL의 서버 자식 우편 및 연결이이 시간을 압축 해제 서버와 자식을 통해 GitHub의 사이에 그렇게 보자 레벨 응용 프로그램을 배포하는 방법 나는 새 터미널에 가서 새를 만들 수 있도록 우리는 모든 일을 할 수있는 방법 수준의 프로젝트와 우리의 데스크톱 또는 데스크톱과 나는 수준을 말할 것이다 내부에 그 새 새 프로젝트에 대한 간단한 이름을 배포 이 배포하는 동안에의 현재 서버로 가자 여기에 우리의 서버에서 나는 것, 그래서 우리 github에 대한 새로운 SSH 키를 생성해야 SSH를 말한다 – 키 세대가 다음 RSA를 입력하고 난 당신을 말한대로 거기에 D해야한다 – 또한 오 오 일 구하지만 다음 방법의가 RS 고수하자 많은 바이트 4 0 9 6 다음의 식별자가 GitHub의 확인을 가정 해 봅시다하자 이름이 좋다 ID가 RSA를 강조 있도록 우리의 서버에 우리는 SSH 키의 어떤 종류가 없기 때문에 그 확인 그래서 이름 및 좋네요에는 암호가 연 다음 캡 지금의를주지 좋다 점 setch 다음 ID 및 학교 RF 우리는 대중을 복사해야 할 점 TU의 B로 하나는 그래서 여기에서이 하나를 복사의 새로운 탭에서 여기 github의를 열고 github에 있도록하자 과의 이제 새 저장소를 만들 수 나는 그것을 배포 호출 내가 좋아 그래서 디지털 질문에 배포 수준을 말할 것이다 그 저장소를 작성 무엇을하고 그래 우리는 그래서 먼저 우리가 할 수있는 일이있다 이 SSH 키를 추가하기 전에하자 우리의 수준의 프로젝트가 너무 설치되어 볼 수 있습니다 배포 우리의 프로젝트 내부에 가서 지금 우리는 자식 초기화 후 얻을라고해야 M을하고 난 후 지금은 초기 코멘트를 얻을 여기 말할 것이다 – 커밋 모든 후 얻을 추가 현재이 프로젝트는 -이 두 명령은 그래서 이것을 실행하자 여기에 온다 우리의 GitHub의에 지금 우리가 응용 프로그램은 그래서 지금 여기 괜찮 볼 수 있습니다 여기에 새로 그래서 만약 더 이동 그래서 한 번 복사의이 SSH 키를 통해 github에 우리의 서버를 연결할 수 있습니다 설정 키는 키 배포 자습서를 호출하고이 키를 추가 할 추가 배포 옵션 허용 쓰기 액세스라고 나는 서버 및 I에서 쓰고 싶지 않아 우리는 우리가 항상 손실보고에서 쓰기 서버에서 쓰기 결코 생각 괜찮 너무 좋은 키를 추가하지만 우리가 제대로 연결되어 있는지 확인하는 방법 이 그래서 당신은 여기에 기록 된 것도 여기에 서면 아무것도 볼 수 있습니다 방법은 다음 SSH를 말할 것이다 확인 – 자본 T는 다음 GitHub의 진정에 도착 의이 연결을 확인하자 그래 당신은 헤이 큰 영화 슬래시 말한다 볼 수 있습니다 우리가 연결 한이 저장소가 성공적으로 가지고 있기 때문에 배포 내가 지금 여기 GitHub의에 이동이 페이지 우리를 새로 경우 이것이 의미하는 인증 그것은이 녹색으로 표시해야 할 것은 우리가 지금이를 복제 할 수 있습니다 할 수있는 것을 의미한다 저장소는 그래서 자식 클론을 말할 것이다 다음 사용 지금은 배포에 여기 가서 SSH 만 여기에 주소로 복제 한 후 나는 내가 가지고 싶은 것 이 HTML 폴더에이 복제 괜찮아 그래서 HTML 폴더 괜찮에게로 옷을 Enter 키를 누르십시오 나는 HTML 및 I로 CD를 말할 그래서 만약 그래서 이것은 HTML 폴더에 모든 것을 얻을 것이다 모든 것을 나열합니다 당신은이 좋다 우리가 여기이 모든 일을 볼 수 있습니다 그게 내가 시도 그래서 만약 우리가 작곡가 업데이트 할 아주 좋다 이 작곡가는 작곡가를 설치하는 설치되어 있지 않은 말할 것이다 작곡가를 사용하는 이 긴 스크립트의 다음 이렇게 곱슬 곱슬 곱슬 곱슬 필요는 해당 스크립트는 F 작 자본 S는 여기에 내가 HTTP 콜론 슬래시 슬래시 다음 작곡가를 얻을 말을하고 그 시트해야 EPF 우리를 작곡가 도트 조직 얻을 설치를 슬래시 다음 다시 더블 – – 두 번 sudo는 PHP와 파이프를해야하고 다음 설치 디렉토리 및 디렉토리 및 그 설치되어야한다 – 디렉토리는 동일 그 다음 사용자가 지역 슬래시 함을 슬래시에 우리는 파일 때문에 파일 이름을 제공해야 입니다 이름은 우리가 작곡가 그래서이 일을 설치할 수 있는지 알고 우리가 여기서 말을해야하기 때문에 정의 된 설치 디렉토리가 네 존재하지 않습니다 / 확인 지금은 작곡가와 작곡가 다운로드의 다운로드 확인을 계속 내가 작곡가 여기 그래 우리는 우리가이 볼 수 있다고 그래서 만약 성공적으로 설치 작곡가 여기에 이제 작곡가 설치 말하고 나는 HTML 오전 기억 설치 우리가 설치하거나 저장소를 복제 한 디렉토리는 이제 말 여기 그래서 이러한 문제는 그것이하려고있는 문제의 많은 종류가 있습니다 PHP 장치를 설치하지만, 우리는 우리가 서버에있는 것을 우리는 이러한 디바이스를 필요로하지 않습니다 알고 – 어떤 dev에이 설치됩니다 – 종속 그래서 나는 작곡가 설치 말할 것 생산 레벨 패키지 만 지금은 작곡가 지금의하자 때문에 업데이트됩니다 내가 밖으로 목록 그래서 만약 V 파일에서 점하는 우리의 도트 전자 NV 점 예제 파일을 변경 우리가 어떤 점 V 파일이없는 볼 수있는 모든 것을 우리가 점 E와 V가 대신이야 점 예제 파일은 그래서는 다음의 CP 도트 전자 NV 점 예 2 점을 입력하자 PHP 장인 그리고 우리가 가지고있는 전자가 모든 것을 위해 설정 그래 생성 대답 레벨 측면의 현재 서버로 이동하자의 우리가지고있는 것을 보자 그래서이 IP는 여기 내가 아 우리가 아직도 얻을 여기 경우의 nginx이 이제 의미 우리 엔진 X와 우리가 할 것 nginx를 구성 부분을 구성해야 다음 에피소드는하지만 전에 나를 모든 에피소드가 관련 사실을 알려주지 당신이 밖으로 놓친 그래서 만약이 시리즈로는 설명 드릴 것입니다 사람 또는 직접 실행 한 경우 직접 이동할 수있는이 비디오를 얻을 다른 비디오는 비디오는 당신에게 만약 그렇다면 매우 좋은 방법이 도움이됩니다 때문에 좋아하는 것을 잊지 마세요 가서이 채널을 구독 가입하지 않은 있지만, 페이스 북 트위터와 인스 타 그램에 필름은 주에게이 비디오를 잊었하지 마십시오 개발자 친구들은 모두가 가장 좋은 방법이라는 수준의 지식을 얻을 수 있도록 및 서버 구성 안녕히

Laravel Deploy on Forge Server | Why use Forge ? #1

친구 안녕하세요 우리가가는이 에피소드에서 bitfumes에 다시 오신 것을 환영합니다 무엇을 위조하고 난 당신이 왜 사용하려고 설득하려고거야 참조 위조 및 그와 나는 호스트 사르 탁이 내가 이야기 채널입니다입니다 laravel 및 laravel에 대한 멋진 일이 채널에 새로운 그래서 만약 그렇지 않은 좋아 그래서가 무엇인지 살펴 보자 가입하고 페이스 북 트위터와 인스 타 그램에 bitfumes 같은 것을 잊지 오늘은 당신의 서버를 관리하는 것이 큰의 창조자에 의해 만들어진 것 Otwel는 그래서 우리가가는 이유 보자 재단사를 의미 수준의 창조자 당신은 당신이 할 수있는 것을 알 수 있습니다 먼저 만들어 사용의 장점을 무엇을 만들어 사용 분명히 자신의 서버를 만들 정확히 서버를 생성하지 않을 수 있습니다 그것은 당신이 당신의 서버와 다음에 원하는 구성 할 수 있습니다 의미 중요한 부분은 포지는 당신이에서 서버를 생성 할 수있는 옵션을 제공한다는 것입니다 그래서 아마존 웹 서버가 확인 즉, 레너드에서 또는 AWS에서 디지털 오션 이러한 상위 서버이기 때문에 이것들은 아주 아주 필수적인 부분입니다 당신이 그것을 의미 가장자리가 절단에있어 볼 수 있도록 확인 회사 제공 그것을 사용하고 항상 기술의 버전의 측면에서 최신 것이다 그건 당신이하지 않도록 항상 최신 기술의 측면을 제공 포지을 의미한다 자동으로 모든 것을 업그레이드합니다에 대한 upgradation에 걱정해야하고 그 다음 부분은 이것이 당신이 단지를 만들 수 있다는 것을 의미합니다 배포 밀어한다 github의의의 bitbucket 또는 같은 플랫폼의에 프로젝트의 저장소 당신은 그 저장소에 밀어 때마다 자식 저장소는 당신은 수있는 옵션이 있습니다 그냥 밀어해야하고 의미 귀하의 웹 사이트를 배포하는 방법 다음 변경이 자동으로 포지로 잡아 실제에 반영됩니다 당신이 이제까지 사용 FTP가있는 경우 여기에 좋은 소식 때문에이 그래서 웹 사이트에 좋아 FTP를 사용하는 동안 뱀이 어떻게 것이다 다음 몇 가지 잘못된 파일을 덮어 구울 가정 당신이 여기에 당신이 그 단계를 되돌릴 그 일을 실행 취소 할 수있는 방법은 없습니다 만 이전 새로운 변경 사항을 커밋 한 후 재회 붐에 가야 모든 것이 이제 이전 버전의 오래된위원회와 설정 그래서 이것은 좋은입니다 좋아 그래서 배포 밀어 GET 사용자를위한 뉴스는 매우 좋은하지 않습니다 무료 제공 SSL 인증서와 나는 우리가 항상 무료 단계를 사랑 생각하고 4G는 당신에게 무료 SSL을 제공 만약 당신이 그것을 사용하는 경우 인증서에서 GoDaddy는 다음이 좋은 큰 고통이 될 것입니다 때문에 당신은 당신의 웹 사이트에 대해서도 SSL 인증서를 구매해야하고이 있다면 사실이 아니다 레벨이 공동으로 다음을 제공합니다 있도록이 무료가 될 수 있기 때문에 당신이 위조 알고 당신의 팀 동료와 함께 당신도 것을 협력 할 수 있도록 중대하다 이 연결되어 당신은 당신의 팀과 협력 할 수있는 플랫폼이 만들 수 있다는 것을 의미합니다 가져 오거나 버전 제어 시스템이 팀 멤버가 작동을 의미합니다 뭔가 당신은 마지막 단계를 확인하고 그 모든 것을 작품에 밀어 당신이 이제까지 사용 된 경우 반드시 다음 대기열의 큰 문제는 잘있다 다른 Bluehost를 또는 호스트 게이터 유형의 물건은 저렴하지만 그들은 제공하지 않습니다 당신도 대기 목적으로 큐에 대한 최고 품질의 기능은 매우 특별하다 기능은 당신의 웹 사이트가 유선형 모양과 매우 매우 빠르고도있다합니다 우리는 아래 뒤쪽에 물건을 모두 수행하지만 큐 작업이 실행되어야하지만 항상 포지는 당신에게 좋은 훌륭한 경험을 제공 종료 나중에 에피소드에서 분명 큐 등을 사용하는 우리는 우리가 큐를 실행할 수있는 방법을 볼 것이다 당신은 당신이 단조를 사용하려고 할 때 알고 기본적으로 확보 한 후 작업 당신이 당신의 서버에 SSH를 원하는 여기에 좋은 소식이 온다 때문 만 당신이 등록을해야하기 때문에 컴퓨터가 SSH를 통해 해당 서버에 액세스 할 수 있습니다 단지 대장간에 컴퓨터의 전원을 열쇠 만 포지 이것이 당신의 컴퓨터가 서버에 대한 액세스를 얻을 수 있도록 때로는 다른 서버에서 누락 훌륭한 보안 기능 기술 시스템 확인이은에 의해 제공되는 간단한 일이 그래서 잘못하지만, 더 많은 일을 누가 좋아하는 개발자의 수천이있다 기다립니다 위조 및 다운 타임으로 실행 위조이 의미 당신의 웹 사이트는 결코 않을 것이다 오프라인과의이 단조에 대한 더 많은 옵션을 보자 확인 그래서 여기에 당신을 말한대로 AWS 사이에서 선택할 수있는 몇 가지 더 많은 기능을 제공 디지털 오션 랜 소유하거나 이러한 것들이 그래서 심지어는 확인을 VPS를 소유 할 수 있습니다 거짓 SSL에 의해 주어진 당신을 말한이 격자 하위 도메인 관리입니다 당신이있는 경우에 다시 그들이 Bluehost를 Hostgator에 또는에서 GoDaddy 타입의 것을 사용 저렴하지만 싼 물건은 여기 당신에게 싼 스텁을 제공하지만,로 당신은 또한 하나의 도메인에 대한 하위 도메인을 만들 액세스를 얻을 것이다 위조 당신은 4 채널 당신이 게시 할 수 있습니다 즉, 여러 도메인을 호스트 할 수 있습니다 알고 각 웹 사이트에 대한 많은 단일 서버에서 웹 사이트 당신이 원하는 경우 분명히 하위 도메인을 만들고는 무료 당신이에 가입해야 만이 할 수 없다 이 단조와 같은 다른 그들은 각각의 모든 단계에 대한 청구됩니다 그래서 여기에 하나 개의 패키지에 모든 것을 제공 위조 것은 다음 일을 온다 cron 작업은 당신이에 대한 몇 가지 목적을 해결하기 위해 지금까지 스케줄을 사용한 경우 프로젝트 나는 당신이 깎아 지른듯한 결투를 시작하도록 cron 작업을 사용했는지 확인 해요 시스템 그러나 여기가 아주 쉽게 그리고 당신은 cron 작업을 만들 수 fadh 갈 수 프로젝트에 응용 프로그램 폴더 및 대령 점에 포트 폴더를 콘솔로 이동 PHP 후는 일정 부분을 가져 심지어에서 장인 명령을 실행합니다 당신은 약간의 시간을 당신이 웹 사이트를 가정 괜찮 원하는대로 일정 행복의 기준 많은 부하를 많이 받고 작업 당신은에 트래픽 이의를 제기해야 다른 서버에이 일 또한 대장간에없는 시간을 함께 할 수 있도록 괜찮아 내가 생각하는 서버 공급자에 이러한 기능을 가지고 깜짝 놀라게 할 것이다 당신은 포지가 당신에게 많이와 일을 많이 줄 것으로 확신하고 당신이 원하는 귀하의 웹 사이트에 배포 당신도 당신이 바로 싶어 확신하지 않는 경우 다음 다음 대장간은 오일 당신에게 당신을 단지 의미 테스트 구독을 제공 이에 로그인 한 다음, 그래서 그냥 사용을 배포 테스트를 위해 오일 무료로 얻을 것이다 SSH 키와 새 배포가있을 때마다 심지어는 한 번 더 일을 할 수 프로젝트에 당신은 여유 채널에 대한 몇 가지 알림 시스템을 설정할 수 있습니다 또는 및 HipChat 종류의 일에이 시원한 부분 당신은 당신이 다음이가 배포하는 때마다 실행하는 스크립트의 어떤 종류를 원하는 경우 너무 또한에 대한 옵션은 그래서이 비디오는 단지가 크고 큰지고 생각 수준의 기능을 계산하고이 단어와 함께 당신은 4 채널이 톤을 가지고 느낄 수 있습니다 하는 기능도 괜찮아 그래서 당신이해야 할 무엇을 당신의 손에 셀 수 없다 우리가 어떻게 보게 될 다음 에피소드에서, 그래서 당신은 재판을 시작해야 우리가 등록하고 설정하는 방법 시계를 시작할 수 있습니다 있는 몇 가지 그리고 우리가 더에 단계적으로 갈 것이다 각각 모든 기능과 나는 또한 당신과 함께 시작하는거야 이런 것들을 탐구 위조에 새 계정으로 당신과 함께 단계를 일치 난 당신이 생각하는 날 따라 모두가 그것을 확인 우리가 있도록 사랑하기 때문에 당신은 포지를 사랑합니다 당신이 가입하지 않은 경우 가서 제발 그때까지 다음 에피소드에서 만나 여기 수준의 학습이 결코 안녕히 그래서 종료하지 않기 때문에이 채널에 가입

Laravel Deploy on Forge Server | Create Server on DigitalOcean ? #3

우 그래 Bitfumes 다시 환영이 에피소드에서 우리가 만들려고하고있다 디지털 바다에 우리의 서버는 그냥 단조에 로그인 할 수 있도록하고, 당신은 디지털 바다에 연결을 클릭합니다하지만 분명히 우리의 모든 계정이없는 디지털 바다는 우리가 무엇을 우리가 만들거나 단순히 여기에 가입해야 할까 내가 Bitfumeswebnologies을 말할 것이다, 그래서 괜찮 그래서 나는 여기에 서명합니다 @ gmailcom 나는 거의 그것을 열 수 없기 때문에 지금이 이메일 ID에 저를 이메일을 보내하지 않습니다 좋아하고 암호를 포기하고 지금은 단지 비밀번호 내가 저장 가입 클릭 새 탭에서 Gmail을 엽니 다 당신이 모든 것을 알고 있다고 말하고있다 당신은 아무것도 당신이 당신을주고있다 할 필요가 없습니다 강제로 설정 API의 당신의 포지 디지털 오션 API 키에 키와 그 또한 액세스 Posche 쉽게 내가 그것을 요구하는 것 등록 후 당신이 볼 수 묻는 데요 그래서 승인은 그래서 그냥이 권한을 제공하고 응용 프로그램에 권한을 부여하자 그래서 당신은 그렇게 뭔가를하고있어 최근의 이벤트를 볼 수 있으며 이것은 우리 때문입니다 나는 새 탭을 열고 이동, 그래서 만약 우리의 디지털 바다의 계정을 완료하지 않은 디지털 바다를 한 번 더 지금 다시 한 번 더이 잠겨 왜 내가 가지고 로그인 당신이 우리를 볼 수 있도록 단지 실제로 우리의 계정을 완료하지 않은 그래서 확인 등록 디지털 바다에 그래서 우리는 지불 시스템의 일부를 추가해야하고 또는 우리가 말할 수있는 우리는 프로모션 코드가 있다면 나는 아직 여기에 프로모션 코드를 그래서 그 괜찮아요 그냥 여기에 프로모션 코드를 삽입하자의 적용하자이 나에게 $ 10 줄 것이다 일이 같은 시작은 여기 괜찮 그래서이 시작할 수 있도록 좋아하지만 우리는 분명히 여기에 등록 그래서 그냥 지불 카드를 제공 할 수 있습니다 디테일은 내가이 같은 내 카드의 모든 세부 사항에 실패한 진행 그 지불 옵션은 이제 성공적으로 볼 수 있도록의이 카드를 저장할 수 지불 방법은 성공적으로 추가하고 지금 우리의 디지털 바다 계정은 그래서 그냥 여기하자 그냥 다음이 포지를 새로 고칠 수 있도록 만든 성공 디지털 바다에서 생성하는 서버의 옵션의이 종류를 얻을 것이다 이 옵션을하시기 바랍니다 받고 있지 않은 경우 해당 프로세스를 완료하기 위해 증류 약간의 시간을 기다리고 잘 모르겠어요 왜 여기에 오지 않을거야하지만 10 분 정도 기다린 후 다음이 올 것이다 여기 그래서 그냥 그 확실히 그래서 지금 와서 디지털을 클릭합니다 시도해 바다와 자격은 개인적인 그 괜찮아 이름은 무엇이며, 우리 단지 데모 목적이 적어도 하나를 얻을 것이다 당신은 당신이 중 하나를 선택할 수 있습니다 것입니다 하나는 여기에서 좋아 지금 서버 영역이 너무 서버 지역은 매우 중요하다 서버는 그렇지 않은 있도록 대상 고객에 가장 가까운 수 있기 때문에 아무리 당신이 어디에 당신은 당신이 선택되어 있는지 서버를 확인해야합니다 내가 선택한 것, 그래서 나는 인도에서 왔어요 있도록 타깃에 가장 가까운 방갈로르는 확인 후 PHP 7

2은 큰이며, 모든의는 만들 수 좋아 보인다 서버와이 최소 5 분 정도 소요됩니다 이러한 서버 자격 증명이 슈퍼 슈퍼 중요 확인해야 이 당신을 다시 표시하지 않을 것이기 때문에 그래서 단지의 스크린 샷을 만들어 보자 이 때문에 당신은 당신이 다른 곳에서 이런 일을 절약 할 수 있는지 확인해야 좋아 그래서이를 닫고 당신은 슈퍼 실시간입니다 볼 수 있으며 상태는 구축 지금은 뭔가 일을하고 그리고 그것은 나를 위해 거의 5 분 정도 소요됩니다 그리고 당신은 모든 것을 볼 것이며, 모든 잠금은 여기 그래서 그냥 그렇게 기다릴 수 있도록 거의 이분이고 아직도이 일을하고 있어요 당신은의 일부를 볼 수 있습니다 이벤트는 이미 다시 시간과 후에도 대기 여기에 기록됩니다 또 다른 오분이 활성화 그리고 당신은 로그가 많은 일들이 있습니다 볼 수 있습니다 그래서 지금 우리가 너무이 서버 내부에 갈 필요가 무엇을해야 여기에 기록 여기를 클릭하자 및 IP 주소는 여기에 주어 PHP 버전되며, 연결은 여전히 ​​알 수없는 그리고 당신은 여기이 페이지에서 할 수 착륙한다 새 도메인을 포기에서 시작하지만 기본 측이 여기에 주어진 볼 수 있습니다 내가 가서이 IP 주소를 열고 새 탭을 복사하고이 IP 주소에 가면 이렇게하자 우리는 우리가 PHP 버전을 가져오고 모든 세부 사항되어지고있는 것을 볼 수 서버는 그래서이 모든 것이 아주 좋은 찾고 의미하지만 우리는 이동해야 우리는 수준의 프로젝트를 생성하는 것을 의미합니다이 기본 내부의 모든 나는 그녀를 얻을 때 우리가 확인해야 다음 GitHub의에 해당 프로젝트를 밀어 우리 우리가 여기있는 모든 도메인이 없기 때문에 우리의 기본 웹 사이트에이 프로젝트가 우리는 나중에하고 그래서 우리는이 모든 일을 설정하려고 것으로 설정합니다 다음 에피소드뿐만 디지털 바다에서 등록하려는 경우 이전 다음 10 달러를 얻을 것이다 아래의 추천 링크를 이용하시기 바랍니다하시기 바랍니다 당신이 지불 할 필요가 없습니다 의미 디지털 바다 계정에 시동 돈 10 달러가 소진 될 때까지 당신이 의심이있는 경우 메시지 나에게 주시기 때문에 저를 언급하고 가입 할 빠지지 않고 좋아하지만 페이스 북 트위터 연기 그리고 인스 타 그램은 작별을 경작한다

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 갈 수 이런 종류의 일을 저를 격려하고 분명 구독하려고하고 페이스 북 트위터와 인스 타 그램에 같은 비트 영화

Learn how to use maintenance mode with retry flag in Laravel | Part 2 | by Jaskaran

이봐, 여기 사람 Jaskaran이 비디오에서 나는 당신에게 재시도 플래그의 사용을 보여줍니다 유지 관리 모드에서 우리가 업그레이드하는 가정의가 모범이 배울 수 있도록 우리의 데이터베이스 그래서 우리는 우리가 우리의 데이터베이스를 업그레이드하는 사용자를 표시 할 수있는 방법 우리는 메시지 플래그의 사용 있도록 메시지 태그 데이터베이스와 아래로 PHP 장인을 사용합니다 이 링크는 비디오 것을 보았다하지 않은 경우 내 이전 비디오에서에 설명에 나는 당신에게 재시도 플래그의 사용을 보여줍니다이 동영상 때문에 다시 시도 플래그는 시간 (초)을 받아들이는 당신이 당신의 작업을 완료하는 데 한 시간이 필요하면 그렇게 내가 입력 쳤을 때 일시간 그래서 3600 초 통과 내 응용 프로그램은 메시지를 볼 수 있지만 그럴 게요 유지 보수 모드에 있습니다 당신이 503blade

php로 이동합니다 그래서 만약 우리가 재시도 플래그를 사용하는 방법을 그 순간에 당신을 보여 당신은 우리가 예외 GET 메시지를 내 이전 비디오에서 볼 수 이 전에이 같은 줄을이었다 그러나이 비디오에서 나는이를 만들었습니다 블록은 그래서 우리는 또한 내가 가지고 왜 여기에 메시지 후 재 시도를 사용할 수 있습니다 우리는 죽을 handlerphp에서 메시지 부분의 블록 생성 부 우리가 지금 무엇을보고이 변수를 덤프, 우리는라는 새로운 속성이 willBeAvailableAt는 그래서 우리는 탄소의 도우미 방법을 사용할 수 있습니다 탄소 날짜입니다 내가 새로 고침 충돌 그렇게 할 때 diffForHumans 같은 좀 더 쉽게 읽을 수 있도록 정확히 우리 그래서 지금 2 분이 58 개 분 필요 이미 지난 그래서 나는이 복사됩니다 어떻게 우리가 할 수있는 당신을 보여 드리죠 사람이 후에 다시 시도 있도록 우리의 관점에서 이것을 사용 이 시간 우리는이 시간 이후 다시 시도 우리의 사용자에게 보여주고 싶은 것입니다 나는이 저장됩니다 내가 정의되지 않은 변수를 새로 명중 전자 괜찮 그래서 이제 업그레이드를 볼 수 괜찮 변수의 이름을 변경하는 것을 잊었다 우리의 메시지는 당신이 할 수있는 그래서 지금 15 분 후 다시 시도 데이터베이스 쉽게 당신이 그렇게 58분 우리의 응용 프로그램에 액세스 할 수있는 사용자를 보여 한 가지 더 당신이 어떤을 제공하지 않은 경우 무슨 일이 같다 의이 경우에 그 예를 더 재시도 플래그를 볼 수 있습니다 때 당신을 플래그를 다시 시도 항상 것이다 예외를 확인 있도록 오류가있다 볼 수 있습니다 새로 고침 이용 가능한이를 사용하기 전에 사용할 수 있어야합니다 그래서 또 하나의 사건은 당신이 원하지 않는 전에 좋아 지금처럼 노력하고 있습니다 시간이 당신이 GT를 사용합니다 그래서 통과 한 사용자에게 해당 날짜의 시간을 표시 탄소 날짜 인스턴스 GT 방법의 방법은 단지가 될 것입니다 있는지 확인한다 지금은 탄소와 경우를 사용하여 통과거야 그래서 날짜에 사용할 수는 지금보다 커야합니다 나는 1 초에 다시 시도 사용하고 시간이 나는 이미 있도록 전달 생각한다 시간이 경과 때문에 당신이 메시지를 볼 수 없기 때문에 볼 수 없습니다 우리가 올바른 궤도에있는 경우 그러나 우리는 당신이 메시지를 볼 수있는 충분한 시간을 가지고 우리는 우리가 사용 가능한 경우 확인하는 처음 두 조건을 사용하는 예가 날짜로 설정하고 해당 조건 쇼에 지금보다 커야합니다 그래서 우리는 시간과 같은 이전의 상태를 나타내는되지 않은이 메시지가 통과 당신은 더 이상 그것을 사용하는 표시되지 않습니다 당신은 어떤이있는 경우 괜찮 그래서이 비디오에서 나는 당신에게 재시도 플래그의 사용을 보여 주었다 질문 당신은 내가 당신을 약속합니다 질문이나 의견 섹션을 쓸 수 있습니다 이 비디오 남자를 시청 덕분에 가능 한 빨리 다시 답장

Learn how to use maintenance mode with message flag in Laravel | Part 1 | by Jaskaran

얘들 아이 Jaskaran이며,이 비디오에서 나는 당신의 사용을 보여줍니다 일시적으로 해제 할 수 있습니다이 기능 laravel의 유지 관리 모드 당신의 응용 프로그램 나는 당신이 그렇게이 신선한 것을 할 수있는 방법을 보여 드리겠습니다 당신이 그것을 볼 수 있습니다 여기에 laravel의 설치 laravel 버전 55 최신의 녹화시 그래서이 나는 모양 홈페이지를 나는 두 개의 경로가 나는거야 그래서 그냥 단순히 문자열을 반환 페이지에 대한이 이제 응용 프로그램 명령 프롬프트를 엽니 다 비활성화로 이동하는 방법을 보여 당신의 응용 프로그램의 루트 디렉토리에 실행 PHP 장인 아래 여기에 두 번째 및 대기 당신은 지금 당신의 페이지를 새로 고침 할 때 당신이 할 바로 다시 텍스트를 볼 수 있도록 이동이 당신이 다른 경로를 액세스하려고하면 귀하의 응용 프로그램은 이제 사용할 수단 같은 나는 내가 도달하기 전에 있도록 그래서 그래 내가 그 액세스 할 수 없습니다에 대해 가지고 있습니다 페이지는이를 위해 던진 예외가 당신은 당신이 볼 수있을 것이다 것 이에 따라 변경할 수 있습니다 503

bladephp되는 페이지 사용자의 요구하지만 난 방법을 사용하여이 텍스트를 변경하는 방법을 보여 드리겠습니다 당신의 명령 프롬프트 당신은 어떤 변화 메시지 플래그를 제공 할 수 있습니다,이 명령 있도록 당신이 메시지를 제공 할 경우 다음 메시지가 표시됩니다 메시지 당신이 메시지를 제공하지 여기 경우 기본 텍스트를 볼 수 이상 내가 보여 줄게 어떻게이 같은 명령 PHP에 있도록하는 것은 공급 A 버튼을 장인 그렇게하기 메시지 플래그 및 업그레이드와 같은 당신의 자신의 메시지를 제공 데이터베이스 지금 Enter 키를 누르십시오 그리고 지금 거 히트 새로 고침을 해요하지만 경우에 당신이 볼 수 있도록 텍스트 지금 나는 당신을 보여줄 방법, 당신은 당신의 프로젝트를 열 승화로 이동합니다 그래서 당신의 선택의 텍스트 편집기는 이제 기초 예외 등으로 이동 아주 쉽게는 그래서 나는 세계에서 파일을 찾아 숭고한 사용하고 있습니다 검색하지만 숭고한 사용하지 않는 경우 당신은 공급 업체 / laravel / 프레임 워크 / SRC / 조명 / 재단 / 예외 / Handlerphp에서이 파일을 찾을 수 있습니다 이 파일은 Handlerphp입니다 지금이 방법은 renderHttpException 방법을 찾아 그래서 여기에 당신이 우리를 볼 수있는 유지 관리 모드의 뷰를 반환 할 책임 여기하지만이보기 I을 반환하기 전에 뷰의 반응을 얻고있다 이 $ 전자 변수의가 어떻게되는지 보자 dd는 싶어 그래서 나는 당신이 보호 된 속성에 볼 수 있도록이 지금은 새로 고침을 누르 절약하고 우리 메시지) (나는의 getMessage를 사용할 필요가 해당 메시지에 액세스 할 수 있도록 저장됩니다 예외 클래스의 메소드 방금해야 할 내가 너희들 때문에 그 메시지에 액세스 할 수 있습니다 지금 볼 수 있습니다 503blade

php로 이동, 당신은 우리의 메시지가 여기에있다 볼 수 있습니다 하지만 당신이 그렇게 $ 예외 중 쓰기 당신의 자신의 메시지를 사용하려면>의 getMessage () $ 예외 중>의 getMessage () 메시지가 그 메시지를 다른 사용 난 그래서이 기본 텍스트를 사용 않다면 참조 이 파일을 저장하고 내가 새로 고침 충돌합니다 당신은 내가 지금 내 자신의 메시지를 사용할 수 있습니다 볼 수 있습니다 이 시간 같은 어떤 메시지를 제공하지 않을 경우 그래서 어떤 메시지없이 사용하고 있습니다 당신이 기본 텍스트가 될 것입니다 볼 수 있도록하고 다시 새로 고침을 공격한다 때마다 때문에 PHP는 장인 아래 –retry 인 재시도 플래그도있다 이 내 옆에 비디오, 계속 지켜봐 주시기 바랍니다 당신을 보여주지!

Angular 5 Tutorials From Scratch | Explore Angular structure

안녕하세요 친구, 환영 각도 다섯 시리즈를 Bitfumes 마지막에하는 에피소드 우리는 각 프로젝트를 다운로드 한이 에피소드에서 우리는 가고있다 우리가 그와 함께 있도록 설치 한 각 프로젝트의 구조를 볼 수 있습니다 나는 호스트 사르 탁이고이 후 다양한 내용을 얻을 것이다 채널입니다 일 웹 개발과 관련된 당신이 가입하지 않은 경우하시기 바랍니다 가입 및 페이스 북 트위터와 인스 타 그램에 BitFumes 같은하자 이 무엇인지 확인하고 그 전에하는 것은 그냥 우리의 각도에 대한 서버를 시작하자 이 프로젝트는 그래서 터미널 열리고 터미널에서 I 봉사 NG 말할 것이다 – 개방 그것은 모든 것을 컴파일이 먼저 열립니다 Enter 키를 누르 후는 것 4200과 : 우리의 크롬 브라우저에서 열린 그래서 우리는이 로컬 호스트이 그래서이 모든 일이 얼마나 보자되는 그래 여기에 몇 시간을 기다려야 우리의 각 응용 프로그램에 위치하고 우리는 단지이 소스 폴더에 대해 집중해야 소스 폴더의 모든 것을이기 때문에 나는 당신이 알고 있다고 생각하는 그래서 모든 프로젝트 시작 인덱스 도트 HTML로 등 때문에 각도와 당신은 제목의 DOCTYPE HTML이 그래 좋은 각도 제목과 다른 것들하지만이 페이지의 이상한 부분 HTML 페이지는이 응용 프로그램입니다 – 어떤 루트이 실제로 각도이며,이 구성 요소와 나는 몇 초에 보여 만하는 요소가 무엇인지하지만, 분명히 이것은 당신이 사용자 정의라고 말할 수있는 적절한 HTML 태그 아니다 이것은 우리의 프로젝트에 위치해 그렇게 할 때 각도에 의해 생성 된 HTML 속성 그의는 우리의 소스 폴더 안에이 응용 프로그램 디렉토리로 이동하자 당신은 그래서 지금 내가 가면 너무 좋아 손실되지 파일 다섯 개 파일을 많이 볼 수에 응용 프로그램 점은 구성 요소 도트 TS는의이 파일을 열 수 있도록 여기에 그냥 가져 오는 것 각 코어의 구성 요소와 우리는 그렇게 구성 요소의 세부 사항을 설정하는 먼저 선택기 응용 프로그램입니다 – 루트이 정확히 우리가 본 우리의 인덱스 도트 HTML 파일 정확히 같은 그래서 이것은 여기에서오고 그래서 하나를하자 일이의이 옵션을 선택하자 내가 말할 것입니다 내 내 내가 콘솔을 열면 우리는이 오류가 발생합니다 지금 가면 그 좋은 나는 우리가 내 뿌리를 사용하고 있기 때문에 루트가 좋은 모든 요소와 일치하지 않는이 우리는 내가 루트 그래서 그냥 그래서 지금 내 루트로 변경하자하자가 정의한 그냥이를 저장하고 크롬과 짧은 시간 내에 이동 그것은 그래서 이것은 우리가 의미 다시 원래 상태로 다시 상쾌입니다 올바른 경로 우리는이 기기 선택기 이름이 실제로 있다고 우리 이 좋은 그러나이 모든 일이 수단에 위치해 곳 있도록 준 이 로고이가는 꼬리는 구성 요소에서 볼 수있는 링크입니다 이름은 루트 2 좋지만 템플릿 URL 템플릿 URL 템플릿에 대해 생각 이 모든 일이이 구성 요소의 HTML의 일부로서 URL 젤 그것은 같은 폴더 안에이 점이 앞으로 있다고 말한다 있도록 위치 슬래시는이 응용 프로그램의 도트 구성 요소를 가지고, 그래서 우리가 같은 디렉토리에 찾고 의미 응용 프로그램 폴더에있는 TS 그래서 우리는 같은에서 템플릿 URL을 찾아 가고있다 폴더 다음이 응용 프로그램은 파일 이름 appcomponent

HTML이다 의이을 열 수 있도록 componentHTML 및 여기에 우리가 이러한 것들을 아래에 제시된 모든 볼 그래서 먼저 좋은 H1 태그 환영의 중심에 뭔가를 스타일링 내가 여기에이 일에 돌아올 것이다 제목은 실제로 로고 각도 로고 나는 새 탭을 열 경우이 로고 base64로는 당신이 볼 수있는이 하나의 데이터입니다 64 기수는 좋네요 이제 모든 일이 링크가 여기에 있습니다 변환 나는 영화가 좋아 블로그 비트 여기서 말하는 경우에 그래서 비트에 변경된 짧은 시간 내에 있도록 필드가 아주 좋은 차단 그래서 당신이 구성 요소가 갖는 점을 얻을 생각 선택기이하지만처럼 템플릿 URL을 의미하는 이름 이것에 대해이 중괄호 제목에 오신 것을 환영받을 수 없음은 환영에 말한다 응용 프로그램은 그래서이 제목은 소리가 나는 여기에 변수를 사용하여처럼 어디에서 왔는지 그 때문에의를 다시 열고 appcomponentts을하자 당신은 말한다 볼 수 있습니다처럼 수출 클래스 응용 프로그램 구성 요소에 대한 구성 요소 및 여기에 제목 변수는 할당 나는 환영 말할 그래서 만약 응용 프로그램라는 문자열의 그 각도 자습서를 bitfumes하기 내가 가서 새로 고침 있다면 아주 좋은 – 2 각 비트 림에 오신 것을 환영합니다 – 그건 멋진 큰 그래서 다음은 각하지만 세 번째로 재생할 수있는 일이 있습니다 것은 우리가 실제로 분리 또는 한 바로 HTML 부분처럼 CSS 스타일의 URL입니다 그래서 다시 논문 부분을 분리 한 각 이것은 CSS 부분이지만입니다 빈 그래서 그냥 당신을 나는거야 하나 개의 태그를 한 것은 미친 일을하자 좋은 그린이 ​​H1 태그 색상 때문에 저장이 여기 당신은 할 수 문제는이 HTML 또는 단순히 수단 있도록이 H1 지금 녹색을 데 참조 이 구성 요소의 스타일이 여기에 내부이고, 당신이 만약 한 가지 더 많은 일을 할 수 있습니다 당신은 다른 구성 요소를 가지고 있고 스타일 적용을 의미 전역 스타일을 원한다 응용 프로그램의 모든 구성 요소의 각에 당신은이에 가야 나는이를 열 경우입니다 소스 폴더 SRC 폴더 안에 CSS 스타일 빈하지만 난 붙여 넣으면이 저장하고 다시 당신이 녹색을 보내고 볼 수 있습니다 이것은 당신이 중 하나를 글로벌 CSS를 정의 할 수 있습니다 의미 색 또는 개인을 정의 할 수 있습니다 좋다 CSS하거나 구성 요소를 기반으로 CSS 그래서이 에피소드에서이 모든 것을하지만 우리는이 각도에 대한 아주 멀리 갈 것입니다 시리즈와는 Bitfumes에서 무언가를 배운 당신은 지원하려는 경우 patreon

com의 후원자가 당신이 원하는대로 $ 1 이상을 기부 할 수 있습니다 될 그렇지 않으면 당신은이 채널을 구독 할 수 있습니다 비트를 좋아하는 전달하지 않는다 페이스 북 트위터와 인스 타 그램에 연기 우리는 다음 에피소드까지 만날 것 다음 작별 인사

Advanced Laravel | Send Notification #20

안녕하세요이 에피소드에서 bitfumes에 친구와 오신 것을 환영합니다 우리는 작업 할거야 레벨의 알림 시스템은 측면 문서 도구에 갈 필요가 그것에 대해 있도록 단지 통지를 검색하고 여기에 우리가 알림을 가지고 인트로에서 당신이 통지의 소개를 얻을 것이다 떼어 만의이 작품에하자 바로 그래서 우리는 무엇을해야 우리의 새로운 프로젝트를 생성해야 우리 알림 시스템은 너무 그래서 여기에 터미널 열하자 그냥 프로젝트를 만들 수 있습니다 내가 터미널에있어의이 laravel 새 알림을 가정 해 봅시다과 새로운 생성됩니다 이 시작을 완료 이것을 분명히 프로젝트 당신이 그렇게 나올 때까지 기다리는 것이 알고 서버 PHP 장인 그래서하지만 PHP 장인 전에 우리는이 디렉토리로 이동해야 그래서 알림 CD 등 다음 PHP 장인과 서버가 그렇게하자 시작이야 통지없이하지 알림 로컬 호스트를 말한다 : 8000 알림이 너무 분명 사용자에게 전송됩니다 우리는 사용자와 이동이 필요합니다 그래서 여기에 새로운 터미널을 만들 수 있습니다 여기에 도움이 될 것입니다 지금은 PHP를 말할 것이다 장인 마이그레이션 나는 우리가 만든 때문에 테이블을 만들어 마이그레이션해야 이 프로젝트는 그래서 우리의 숭고한에서이 프로젝트를 열 수 있습니다 그래서 숭고한 여기 내가이 데이터베이스에 가면 다음 마이그레이션 당신은 볼 수 있습니다 수준은 아웃 – 오브 – 박스 마이그레이션 암호를 너무 재설정하고 사용자 테이블 있도록 제공 우리는 그래서 그를 만들 수 있지만 우리 전에 아주 좋은의 사용자 테이블이 필요 그래서 그냥 보자 데이터베이스에 연결하기 위해 env의 파일을 구성해야 의는 다음 루트가 될 데이터베이스 이름을 알려 가정 해 봅시다 데이터베이스에 연결하고 암호가 좋은 것도 그래서 프로 속편 가자되지 않고 새 데이터베이스가 통지라는 통지는 좋은 그것의가 가자 생성된다 터미널 단지는 PHP의 장인 마이그레이션을 입력 쳐서 네 지금 성공적으로 우리가 여기이 사용자를했다 그래서 마이그레이션 그것은 우리가 좋다 사용자가 사용자를 작성하거나 등록하는 것은 그래서 다음 작업은 PHP의 장인을 만드는 것입니다 인증을하고 그렇게 인증 발판을 만들어 가자 것 크롬하고 내가 새로 고침 경우 로그인을보고 그래서 바로 여기에 버튼을 등록합니다 의 줄하자가 해결할 너무 사크 등록 할 수 및 세부 사항은 아직 가득 암호 1 2 3 4 5 6 우리는 성공적으로 등록되어 있지만, 우리는에 있습니다 이 때문에 그냥 그렇게 한 번 다시 시작하자 내 항상 문제가 우리의 서버를 다시 시작 더 그 좋은 그리고 내가 줄 경우 새로 고침 붐 모든 것이 제대로입니다 그 위대한 일이 우리가 분명하면 좋은 사용자가 있어야 의미 우리는 새로운 알림을 만들 필요가 있도록 알림에 노력하고 있습니다 알림이 그래서 그냥 복사 할이 명령 메이크 통지에 의해 생성된다 이 단계에 대한 그냥이 말을 붙여이 통지 좋은 터미널 알림 이름의 태스크 전체 간단한 완료 작업이 완료 가정 해 봅시다 그것은 좋은 및 알림이 생성되도록 또는 전체 괜찮 중요하지 않습니다 하지만 난 승화로 이동합니다 그래서 만약 우리의 수준 프로젝트에서 실제이 통지 체류 이동 여기에 응용 프로그램 폴더에 우리는 새 폴더 알림이 우리의 작업은 완료 당신이이 알림 클래스를 확장하고 볼 수 있도록 통지가 여기와 내가 원하는 경우 의미 큐에 대기 가능한의 특성을 사용하거나 우리는이를 만들고 싶어 알림이 될 수 우송 할 수 있기 때문에 수 대기열 데이터 또한 기반으로 다른 옵션이 있습니다하지만 당신은 이메일을 사용하는 경우 이메일은 시간이 걸리고 분명히 우리는 그래서 그냥하자이 큐 시스템을 다룰 것입니다 이 도구를 완료하면 다른 작업을 수행 할 필요가 없습니다 통지는 완전히 그래서 보자 시스템에 설정되어있는 것을 다음을 작업 우리는이 – 그래서 그래서 그냥하자 우리가이 일을 사용해야 통지를 보내도록 다시 숭고한 여기 웹 도트 PHP 파일을로 이동합니다로 이동 이 대신에 내가 먼저 갈거야 말을하려고하고있는 무슨이보기를 반환 사용자가 I 한 후 것 하나 분명 ID의 아이디어를 찾을 수 있도록 사용자를 얻을 수 이 새로운 작업이 완료 안에 다음 통지 말할 것이다 괜찮 그거야 당신은 단지에서 이러한 것들을 가져 아무것도 할 필요가 없습니다 위에 내가 PHP 동반자를 사용하고, 그래서 그래서 내가이를 사용해야하는 이유를 말할 것입니다 당신이 그 일을 아니에요 볼 수가 너무 좋아 그래서에만 사용하지 않는 사용 내 알림 이름은 TAST 때문에 작업은 그래서 그냥 그렇게 수정하게하지 그 마지막 완성, 그래서 그 좋은 데요이 하나의 이름을 변경 지금의이 분명히 여기에 사용자 모델 인 있도록 상단에이를 가져올 수 있습니다 그래서 여기에 우리가 모든 설정이 그래서 그냥 가자되어 있습니다 상단에 가져 크롬과 홈 페이지로 이동 그것은 실패 이메일을 보내려고합니다 우리 때문에 나는 점 INI '파일을 열 경우에 당신이 볼 수 있도록 우리의 이메일 구성을 설정하지 않은 내 이메일 구성은 그래 이메일 구성이 설정되지 않은이 있음 그래서 그냥 함정해야 메일 트랩 메일 트랩 가자 그래 아주 아주 좋은 웹 사이트의 그것의 mailtrip

io 그것을 할 수있는 트랩 모든 때문에 이메일은 그래서 당신은 말 그대로 그래서 당신의 프로젝트에서 보낸 이메일을 테스트 할 수 그 좋은 그래서 그냥 이러한 자격 증명을 잡아 보자 다음을 복사하려고하지 않습니다 재무 나는이 에피소드 그렇게 가자 후 나중에 변경할 때문에 좋은 그리고 우리가 TLS 말할 수있는 문제가되지 않습니다 여부를 그 좋은 암호 메일 트랩은 너무 분명 우리가 우리의 서버를 다시 시작해야 평소와 같이 설정 서버의이 한 번 더 Chrome으로 가서이 페이지를 새로 고침 할 수 있도록 다시 시작 그것은 우리의 메일 트랩에 이메일을 보내려고합니다 그냥 시간을 기다릴 수 있도록 나는 함정을 우편으로 가면 우리가 작업을 완료, 그래서 그것은 성공적으로 완료 당신이 그래서 그 다음에 반영이 이메일에 줄 수있는 어떤 이메일 및 나는이 완료 통지를 작업에 가면 당신은 이메일 우리를 통해 구성 볼 수 있도록 우리는 이메일을 보내려고하고있는 무슨 의미 이메일로 메일로 보내려면 나는 그것이처럼이 설정을 변경하면이 일이 그렇게 이메일 해야 bitfumes 비트 bitfumes 그래 발연 지금 크롬 다시로드로 이동 이 우리는 버튼을 그래서 여기 BitFumes 말과 함께 새 전자 메일을보고해야 우리 새로운 하나를 가지고 예 Bitfumes는 여기 당신은이를 보낼 수있는 한 가지 더 당신은이 문서에 가면 통지하지만이 외관을 사용하여 우리가 여기에 간단한 기능을 사용하고 있지만, 우리는 또한 그냥이를 잡아 보자이 대신 여기 외관을 사용할 수 있습니다 이 모든 것을 그냥 붙여 주시면는 아무것도 통과하고 싶지 않아 내 작업이 완료없고 그래 사용자가 그래서 그냥 사용자 사용자를 생각한 것은 동일 사용자 : (1)을 찾아 하나의 아이디어와이 시스템의 통지와 여러에 보낼 때 알림은 물론 외관이 유용 보내는 당신이 좋은 사용자는 사용자를하지보고의 여기 가자 수있는 사용자 이 페이지를 새로 고침하고 우리는 우리의 메일 트랩받은 편지함에 새 이메일을 기대하고 예 우리는이 발생하는 당신은 동일하지만 매우 유용한 때문에이를 볼 수 있습니다 모든 알림에 대한 모든 다음 에피소드에서 우리가 더 많이 볼 수에 관한 것입니다 그래서 그때까지 통지의 깊이 개념은 경우 구독하는 것을 잊지 마세요 당신도 할 수있는 날이 저를 언급 문제는 자유롭게 메시지가 페이스 북 트위터와 인스 타 그램에 메시지 나 그래서 우리는 다음에 만날 것 다음 작별까지 에피소드