JavaScript Reporting Tools: Calling Report Designer from Viewer

보고서 디자이너가있는 페이지를 시작 페이지 및 프로젝트 실행으로 설정 뷰어를 시작 페이지로 설정하고 프로젝트 실행 기본적으로 디자인 단추는 뷰어에 표시되지 않습니다 프로젝트 중지 및 Viewer

html 열기 뷰어에서 디자인 단추 사용 Designer Button의 onDesignerReport 이벤트 정의 예를 들어 새 탭에서 Designer를 열고 reportFile 메서드를 사용하여 뷰어에서 디자이너로 보고서 전송 변경 내용 저장 및 Designerhtml 열기 함수 getParameterFromUrl을 작성하여 뷰어에서 보고서 가져 오기 디자이너에서이 보고서로드 시작 페이지로 뷰어로 페이지 설정 변경 내용 저장 및 프로젝트 실행 이 보고서와 함께 보고서 디자이너를 호출하려면 디자인 단추를 클릭하십시오

PDF.js Tutorial for Dummies!

잠재 고객이 귀하의 웹 사이트에서 귀하의 PDF 파일을 볼 수있게하려면 PDFjs가 가장 친한 친구입니다! PDF

js는 PDF 파일을 읽고 구문 분석하여 HTML 형식으로 렌더링합니다 그런 다음 브라우저에 넣습니다 PDFjs는 IE8 +, Firefox 및 Chrome을 지원합니다! 먼저 PDFjs가 실제로 어떻게 작동하는지 데모를 보겠습니다

PDFjs를 사용하면 Adobe Reader와 비슷한 브라우저에서 PDF 파일을 볼 수 있습니다 전체 PDF 문서가 HTML 구조로 파싱 된 것을 볼 수 있듯이 PDFjs에도 사이드 바 네비게이터가 있습니다! 이제 PDFjs를 웹 사이트에 통합하는 방법을 알아 보겠습니다

먼저 프로젝트 페이지에서 라이브러리를 다운로드해야합니다 안정 버전을 선택합시다 다운로드 후 zip 파일의 압축을 풉니 다 2 개의 폴더가 있습니다 "빌드"및 "웹"

둘 다 포함해야합니다 "build"폴더에는 PDFjs 코드의 핵심이 포함되어 있습니다 '웹'에는 viewerhtml과 사용자가 탐색하려는 모든 PDF 파일이 포함됩니다

우리의 작업은 주로 "웹"폴더와 관련 될 것입니다 지금 데모에서 보았던 Adobe Reader와 같은 페이지는 실제로는 "viewerhtml"입니다 PDF 파일을 보려면이 viewerhtml을 사용해야합니다

우리는 잠시 후에 그걸 보게 될 것입니다 이제 모든 PDFjs 파일을 웹 디렉토리에 복사 해 봅시다 PDFjs는 서버 환경에서만 작동합니다 – 로컬 PC에서의 오프라인 테스트는 작동하지 않습니다 여기 내 웹 디렉토리입니다

(이 자습서에서는 로컬 서버를 사용하고 있습니다) 좋아, 이제 lib가 생겼어 다음은 예제로 사용할 PDF 파일을 복사 해 보겠습니다 나는이 테스트 파일을 뷰어에게 시연하기에 충분해야하는 텍스트 및 배경 이미지가있는 몇 페이지로 만들었습니다 "웹"폴더에 복사 해보자 이제 파일이 준비되었습니다

마지막 부분은 뷰어에 링크를 추가하는 것입니다 이것이 내 웹 페이지라고 가정하고 사용자가 테스트 PDF 파일을 볼 수 있도록 링크를 추가하겠습니다 "viewerhtml"링크를 만들면됩니다 그 다음에 "? file = xxxx

pdf"가 붙습니다 여기서 xxxx는 PDF 파일 이름입니다 그게 다야! 이제 테스트 페이지가 준비되었습니다 어떻게 작동하는지 보자 멋지고 쉬운! 요약하면 전체 lib를 웹 디렉토리에 복사하고 PDF 파일을 웹 폴더에 저장하십시오 마지막으로 viewerhtml에 대한 링크를 PDF 파일 이름과 함께 추가하십시오 시청 해주셔서 감사합니다! 더 많은 팁과 튜토리얼을 구독하십시오!

PHP vs Java vs C# vs Python vs Ruby vs Node.JS

다른 사람들이 다양한 프로그래밍 언어에 대해 알려주지 않은 것을 알려 드리고자합니다 일반적으로 언어를 비교할 때 구체적인 내용을 분석하고자합니다

다른 것보다는 하나의 기술 하지만 나는 다른 것을하고 싶다 이번 달의 주제는 개발자 학회가 설문 조사에서 투표 한 다음 그것을 가지고 있습니다 선택한 백엔드 언어, 장단점입니다 따라서 친구와의 대화에 대해 더 많이 설명한다고 상상해보십시오

우리는 술집에있다, 나는 나의 마실 것을 품는다 그리고 당신은 당신을 가지고있다 그리고 내가 그들에게 말하는 동안 나는 그들이 다양한 백엔드 언어의 장단점이라고 생각한다 8 월의 새로운 설명을 환영하거나 환영합니다 백엔드 언어, 장단점

시작하자! [MUSIC] 안녕하세요, 저는 Imparareaprogrammareit의 Alberto Olla입니다이 비디오에서 우리는 분석을 할 것입니다 일반적으로 서버 측에있는 다양한 백엔드 언어 또는 언어는 무엇입니까? 우선, 이전 설명에서 설명한 바와 같이, 그들은 유익하게 사용됩니다 두 가지 : 1) 자신의 인터넷 사이트를 만듭니다 고전적인 사이트; 2) 두 번째는 서비스를 만드는 것입니다

외부 응용 프로그램을 지원합니다 즉시 첫 번째 언어 인 PHP를 시작합시다 그것의 찬성은 가장 많이 사용되는 CMS입니다 및 프레임 워크 이제 그들을 한 지점 씩 보자

첫 번째가 가장 많이 사용됩니다 약 80 %의 웹 사이트가 자체 PHP 백엔드를 사용합니다 이것은 본질적으로 이유가 있습니다 : 그것은 바로 이것을하기 위해 태어났습니다 즉 그것은 언어입니다 백엔드 개발을 위해 태어났습니다 그래서 인터넷 사이트의 개발

이것을 위해 태어난 것은 매우 사용하기 쉽습니다 컴퓨터 앞에 앉아 PHP 튜토리얼을 열고 10 분 안에 즉시 작동하는 것을 만들 수 있습니다 이것이 그 원인 중 하나이다 더 많이 사용됨 사용하기 쉽고 만들기도 쉽습니다

어떤 종류의 프로그래밍 기반 없이도 작동하는 것들을 좋아? CMS가 선호하는 두 번째 포인트 CMS 란 무엇입니까? 그것은 컨텐츠 관리 시스템의 약자입니다 단순히 악기라는 의미입니다 한 줄의 코드를 작성하는 방법을 몰라도 내용을 관리 할 수 ​​있습니다 본질적으로

예 : 웹 사이트를 만들고 싶다면, 그러나 당신은 프로그램 할 수 없다, 당신은 WordPress를 사용할 수 있었다! 너는 그를 들어 본 적이 있니? 또는 Drupal, Joomla, 또는 전자 상거래를 만들고 싶다면 Magenta를 사용할 수 있습니다 o Prestashop,이 모든 것은 CMS이며 PHP로 작성되었습니다 언어를 선호하는 이유는 무엇입니까? 거대한 일자리 기회가 있기 때문입니다 나는 설명 할 것이다 CMS를 사용하는 사람은 아마도 WordPress에서 웹 사이트를 만들지 만 변경할 수는 없습니다

코드입니다 그는 기능을 추가하는 방법을 알지 못합니다 그가 그들을 바꿀 누군가가 필요할 때 코드 e에 개입하는 PHP 전문가에게 반드시 전화해야합니다 변경, 추가, 문제 해결 등을하십시오

그래서 바로 여기 안에, 덕분에 CMS는 거대한 시장 수요를 창출했습니다 PHP 개발자 인 경우 그래서 그것은 관점에서 이점을 가져옵니다 경제 CMS – 중요합니다 백엔드 측면의 개발과 관련하여 또 다른 중요한 점은 확실합니다

프레임 워크 프레임 워크 란 무엇입니까? 이번에는 개발자에게 필요한 도구입니다 이 프레임 워크는 웹 사이트 구조를 제공 할뿐만 아니라 그들은 또한 나에게 악기를 준다 저를 개발하는 데 도움이됩니다 그래서 처음부터 사이트를 만들어야한다면, 프레임 워크를 사용하여 나에게 도움이되는 도구가 있기 때문에 이점이있다

그것을하기 위해, ok? PHP에 관해서는 상황이 있습니다 일반적으로 또는 적어도 다른 모든 언어의 경우 프레임 워크를위한 특별한 비트 프로그래밍에서 우리는 시장에서 스스로를 확립 한 하나 또는 두 가지 프레임 워크를 가지고 있습니다 즉, 구인 광고에 필요하며 실제로 사용됩니다 일하기 대신 PHP에서는 프레임 워크가 없습니다 우리에게는 많은 프레임 워크가 있습니다

또한 서로 매우 다르며 모두 올 것입니다 구인 광고에 필요합니다 우리는 Synfony, Laravel, Cake PHP, Zendframework, 팔콘, 짧은 것이 너무 많습니다 이제 어떤 측면으로 넘어 갑니 까? 언어의 네거티브 첫 번째 : 나쁜 명성

그것은이 칠판에있는 모든 사람들 중에서 가장 가난한 언어 중 하나로 간주됩니다 왜 이래? 처음에 나는 당신이 생산적이 될 수 있다고 말했고, 어떤 기지도 갖지 않고도 10 분 안에 무언가를 만들 수 있습니다 하지만 10 분 안에 작성된이 코드는 버그가 가득 차있을 것이라고 확신합니다 재사용 가능하고 모듈화되지 않으며 사용하지 않으며 모범 사례를 사용하지 않습니다 등등

그래서 그는 그에게 일련의 문제들을 가져옵니다 이것은 크게 PHP 프로그래머가 가지고있는 인식에 영향을 미쳤습니다 이 언어로 작성된 대부분의 코드는 관점에서 볼 수 있습니다 질적, 가난한 나쁜, 정말로 나쁘다

그래서 분명히 이것은 경제적 관점에도 반영됩니다 사실, PHP 프로그래머는 모두 평균 급여가 훨씬 적습니다 다른 언어는 칠판에 표시됩니다 또 다른 부정적 측면은 성능입니다 그것이 코드의 실행 속도입니다

일반적으로 PHP 코드는 느립니다 Java와 같은 다른 프로그래밍 언어와 비교할 때 그러나 실행 및 실행 속도는 다음과 관련이 있습니다 많은 것들 두 가지 모두에있어서,이 두 가지 부정적인 요인 지난 몇 년 동안 많은 일이 이루어졌습니다

PHP의 최신 버전에서 우선 우리는 우리 공연을 아주 많이 늘릴 수 있었고 우리도 훌륭했습니다 언어를 개선하고 결과적으로 언어를 향상시키는 도구 몇 가지 언어와이를 사용하는 개발자가 있습니다 그러나뿐만 아니라 Facebook이 이미 손을 댔다는 것을 기억하십니까? 네이티브 React를 사용하는 하이브리드 / 네이티브 어플리케이션의 개발은 어떻습니까? Ok, 그는 PHP에서도 그렇게했습니다 사실, 그는 이번에 그의 발을 꼈다

페이스 북은 서버에서 자체 PHP 언어를 사용하기 때문에 즉시 이 심각한 성능 문제를 알고 있어야합니다 그래서 당신은 무엇을하기로 결심 했습니까? 그것을 해결하려고 노력하십시오 그리고 거의 성공했습니다 작은 프로그램의 일종 인 Hiphop Virtual Machine을 만들어 보자 PHP 코드를 가져 와서 컴파일하고, 성능 및 성능, 그리고 코드 속도의 실행

그러나뿐만 아니라 그는 또 다른 언어를 만들었습니다 PHP에서 규모를 상상해보십시오 여기서는 PHP가 있고 PHP의 모든 기능은 아래에 있습니다 좋아? 그들은 Hack이라는 언어를 만들었습니다

그것은 여기에 있기 때문에 더 높은 수준의 PHP에 머무르며 그 안에 PHP를 포함합니다 해킹은 흥미 롭습니다 설명에 그대로 두었습니다 페이스 북에서 바로 사용 HHVM과 Hack을 하나의 언어로 사용합니다 뿐만 아니라 위키피디아조차도 PHP 언어를 사용하고 특히 그것을 사용합니다 페이스 북과 해킹의 HHVM

분명히이 두 프로젝트는 공개됩니다 오픈 소스 방식으로, 따라서 완전히 무료이며 누구나 사용할 수 있습니다 PHP를 사용하는 다른 사이트는 전에 들었던 Mailchimp입니다 Mailchimp가 세계적인 리더이기 때문에 일반적으로 웹 마케팅을 담당한다면 뉴스 레터 관리 및 이메일로 캠페인 보내기와 관련하여 엔지니어들에 의해 작성된 Mailchimp 블로그에 대한 설명 링크를 남깁니다 그들은 새로운 프로그래머를 고용 할 때 "아, 서버에서 PHP를 사용하여 우리를보십시오 "

후보자들은 그렇게 조금 남아 있었다고 그들은 말했다 "하지만 어떻게? 나는 네가 멋진 회사, 멋진 회사라고 생각 했어 어떻게 사용하니? php? "이것은 사실을 강조 할 것입니다 나쁜 평판 내가 설명에 남기고있는 또 다른 링크는 슬랙 (Slak)의 엔지니어에 의한 기사이다

슬랙 나는 당신이 그것을 안다면 그것을 모른다 그것은 내부 커뮤니케이션에 관한 사이트이다 직원 또는 일반적으로 팀 간 그것은 매우 유명합니다 나는 그것을 개인적으로 사용하지 않는다

그러나이 기사는 제목이 "PPHP 가져 오기 진지하게 " 사실 슬랙은 자체 PHP를 내부에서 사용합니다 그 시스템의 다음 내부 서버 마지막 고려 사항은 매우 빠르며 매우 개인적입니다 php는 프리랜서가되는 것이 좋습니다

실제로 PHP의 기초를 배우고 임의의 CMS를 선택하십시오 (예 : WordPress) 구체적으로 연구해야합니다 얼마나 오랫동안 사용하는지 연구하지 마라 그것은 프로그래밍 할 수없는 최종 사용자에 관한 것이지만 코드를 살펴보고 편집 할 수있는 방법, 플러그인을 추가하는 방법, 테마를 변경하는 방법, 외부 서비스와의 통합 등 그런 다음 시장 내에서 이탈리아 또는 외국을 제안합니다

일반적으로 개발의 관점에서 WordPress의 전문가 WordPress가 가장 많이 사용되는 CMS이기 때문에 시장이 많이 있습니다 목록에있는 다른 CMS와 동일한 작업을 수행 할 수 있습니다 다른 중요한 것은 프레임 워크입니다 에서 자신 만의 사이트를 만들고 싶다면 0으로 설정 한 다음 CMS와 CMS의 수정을 풀어 주지만 개발자로 제안 할 수 있습니다 PHP의, 당신은 그냥 PHP의 기초를 분명히 배울 필요가있다, 그리고 프레임 워크를 가지고 가서 그것을 연구하러 가야한다

완벽하게 최소한 프레임 워크에서 잘 수행하십시오 이미 시장에서 경쟁력이있다 그렇다면 하나 이상을 사용하고 싶다면 오십시오 각 PHP 프레임 워크는 개발에 대한 다른 접근 방식을 사용하는 경향이 있습니다

그래서 "고무시키는"것을 선택하고 그것에 던지십시오 이것은 나의 개인적인 조언이다 확인을 클릭합니다 다음 언어로 넘어 갑시다 JAVA

가장 큰 찬성은 두 가지입니다 – 노동 시장에서 가장 많이 요구되는 것입니다 – 많은 도서관과 자원이 있습니다 우리는 이유를 설명합니다 첫 번째는 노동 시장에서 가장 많이 요구되는 것입니다

그렇습니다 언어 자체는 백엔드가 아니라 자바가 가장 많이 요구하는 언어입니다 entreprise라고하는 회사로부터 참으로 놀라운 것은 무엇입니까? ENTREPRISE? 그 거대한 회사들, 너무 커서 다국적 기업까지 포함하여 전세계에 사무소가있는 회사, 그들은 매우 높은 예산으로 일자리를 찾는 많은 직원을 이용할 수 있습니다 실용적인 예를 들어 봅시다 : 은행의 애플리케이션을 상상해보십시오 온라인 송금을 온라인으로 보내십시오

귀하의 의견으로는, 달성하고자하는 은행 그와 같은 앱은 누구를위한 것입니까? 지역 현실에, 회사에 앱을 개발하거나 연락하는 것을 선호하는 직원이 10 명인 로컬 entreprise에? 이렇게 많은 직원이 있으며, 보증, 안전 기준 등등 분명히 그것은 일부 entreprises 목표입니다 Java가 가장 많이 요청하는 언어입니다 따라서 기업의 경제적 측면에서 엄청난 이점이 있습니다 즉 : 당신은 자바 개발자입니까? 당신은 다소 안전한 일을합니다

또 하나의 긍정적 측면은 도서관과 자원입니다 자바 언어 자체는 백엔드에서 사용되는 것이 아니라 사용됩니다 소프트웨어 제작에서부터 안드로이드 애플리케이션, 레이아웃에 이르기까지 모든 것을위한 비트 많은 다른 분야에서 사용됩니다 이것은 우리를 많이 사용할 수있게 해줍니다 도서관, 우리 스스로 가지고 갈 수있는 많은 자원 백엔드, 우리 서버 내부, 우리의 필요에 따라 물론

또한 여기에 우리가 가진 자원들도 있습니다 프레임 워크 부과 된 주요 틀 자바의 개발에 관한 시장에서 하나는 봄이라고합니다 entreprise 내에서 널리 사용됩니다 부정적인면으로 넘어 갑시다

즉각적인 것은 아닙니다 물론 그는 태어나지 않았다 백엔드 개발을 위해 PHP처럼 즉각적이지는 않다는 것이 정상입니다 자바와 함께 10 분 안에 우리는 갈 수없는 어떤 종류의 기지도 가지지 않고 인터넷 사이트의 페이지를 만듭니다

그것은 쉽지 않을 것입니다, 그것은 복잡 할 것입니다 그래서 그것은 즉각 즉각적이지는 않습니다 생성 된 모든 도구와 예 그들은 스프링과 같은 백엔드에서 자바를 중심으로 발전했으며, 창조에 기반을두고 있습니다 매우 복잡한 프로젝트들 그래서 내 의견으로는, 이것은 또 다른 측면이다

음 첫째로 그들은 즉시 사용하지 않기 때문에 두 번째 이유는 복잡한 애플리케이션 만 만들 수 있기 때문입니다 이것은 기업의 요구 사항입니다 우리는 Spring을 사용하여 사이트를 만들 수 없습니다 아주 간단하고 빠른 프로토 타입; 그것은 절대 추천하지 않습니다

그래서 : 부정적인 측면 이제 조언을 구할 때가 왔습니다 java on personal 일반적으로 기업에서 일할 수 있어야합니다 졸업, 그래서 당신은 훈련과 연구의 특정 경로를 따라야합니다

그럼 당신은 이미 자바를 사용하는 방법을 알고 있다면 이미 봄 좋아하지만, 이것은 일반적으로 좋은 entreprise는 또한 당신을 훈련시킬 수 있습니다 백엔드에서 자바를 사용하는 사용자 자체 서버? 우리는 트위터, 페이팔, 이베이 및 넷플 릭스가 있습니다 어쩌면 그들은 이전에 그것을 사용 했습니까? 누가 알 겠어 비디오 끝 부분에서 알려 드리죠

Ok, 다음 언어 Aspnet은 그것과 아무 관련이 없습니다 PHP와 비슷한 백엔드 언어 인 오래된 ASP, 그러나 완전히 무시할 수 있으므로 ASP를 없애고 그물 점이 남아 있습니다net은 우리가 언어를 사용할 수있게 해주는 프레임 워크 일뿐입니다 백엔드 개발에도 C # 이것은 언어에 대한 Microsoft의 대답에 불과합니다 자바 기업이 형성되었다고 상상해보십시오

두 가지 주요 그룹에서 : 누가 Microsoft 기술을 사용합니까? 마이크로 소프트가 많은 기술을 제공하기 때문에 C #뿐만 아니라 다른 것들도 사용합니다 누가 그들을 사용하지 않으며 자바를 사용하기로 선택하고 가능한 한 멀리에서 Microsoft 기술 그래서 우리가 말한 모든 것 자바 당 entreprise는 훌륭한 프로와 함께 백엔드의 C #에서도 유효합니다 이것이 바로 Microsoft 생태계입니다 사실 Microsoft 우리는 설명서 나 자료를 둘 다 사용할 수있게 해줍니다

기술이 무엇인지, 기술 자체를 연구하고, 사실 우리가 원하는 것을 연구합니다 데이터베이스? Microsoft에 데이터베이스가 있습니다 우리는 어쨌든 클라우드에 서버 시스템을 원합니다 확장 성? 우리에게는 Oejo가 있거나, 적어도 우리에게는 Microsoft의 것이 있습니다 우리는 결합하기를 원하기 때문에 간단한 프로그램으로 우리가 프로그램 할 수있는 작은 프로그램 코드를 작성하는 데 도움이 되겠습니까? Visual Studio가 있습니다

간단히 말해 Microsoft는 Microsoft에서 사용할 수있는 긴 일련의 도구를 보유하고 있습니다 entreprise 프로젝트의 일반적인 문제를 관리하십시오 좋아, 나쁜 점은 Microsoft 시스템입니다 우리는 Microsoft 제품인 ei를 사용하고 있습니다 Microsoft 제품은 라이센스가 부여됩니다

C #을 백엔드에서 사용하고 싶습니까? 당신 라이센스를 지불하십시오 Microsoft의 SQL 데이터베이스를 사용 하시겠습니까? 당신 라이센스를 지불하십시오 Microsoft의 라이더를 사용 하시겠습니까? 너는 돈을 내야 해 여기도 라이센스 사실, 몇 가지 무료 라이센스가 있습니다

Microsoft는 사용할 수 있지만 이러한 라이센스는 귀하에게 도구 사용의 한계 내가 항상 부정적인 또 다른 중요한 사실은 자신이 사용은 기업 내에서만 강등된다 어떤 방식 으로든 Microsoft 생태계와 관련이 있습니다 좋아? 그래서 그것은이 관점에서 제한됩니다 사실 나는 또한 찾기가 어려웠다 그것을 사용하는 유명한 사이트의

주목할만한 유일한 발견은 아마도 이미 알고있는 Stack Overflow 사실 가장 유명하고 중요한 사이트입니다 프로그래밍에 관한 질의 응답 설명에 링크를 남깁니다 그들이 설명 할 좋은 기사 그들이 사용하는 모든 기술과 그것들을 상호 작용시키는 방법 그들 사이에

가자 파이썬과 루비 C #이 Microsoft에서 Java에 대한 대답 인 경우 그래서 C #은 자바에 반대합니다, 우리는 파이썬이 루비에 반대한다고 말할 수 있습니다 파이썬부터 살펴 보겠습니다 파이썬은 프로그래밍 언어입니다

백엔드 개발을 위해 태어난 것이 아닙니다 그는 아무것도를 위해 태어났다 그러나 그는 적응되었다 그리고 이것을 위해 사용될 수도 있습니다 나는이 목록에서 간단한 것을 언급하고있다

이유 또는 장고 그러나 순서대로 가자 언어 그 자체는 매우 높은 품질을 지니고 있습니다 즉, 쉽게 배우고 사용하기 쉽습니다 사실 그것은 가장 읽기 쉬운 언어 중 하나입니다

프로그래밍을 배우는 데 가장 권장되는 언어 중 하나이지만 혼동하지 마십시오 언어가 단순하다는 사실은 그것이 강력하지 않다는 것을 의미하지는 않습니다 참으로 정반대 프로에 따르면 : 장고

장고는 주요 틀에 불과하다 백엔드 개발에서 언어를 사용할 수있게 해줍니다 중대한 찬성의 한개에는 많은 특징이있다는 사실이다 항상 그렇게하려고 노력하십시오 단순함과 언어 뒤에 철학이 있지만 또한 추가하려고합니다

우리 사이트의 개발을 훨씬 쉽게 만들어주는 많은 기능 그리고 더 빠릅니다 부정적인 측면 : 조금 어려움이 있습니다 Web에서 Django의 단점을 찾으십시오 첫 번째 경향은 프레임 워크라는 것입니다 모 놀리 식, 알았지? 첫 번째 것보다 훨씬 중요한 두 번째 것은 그것은 직업에 필요하지 않습니다

한 번에 하나씩 보자 하나 : 모 놀리 식입니다 즉, 많은 기능을 사용할 수 있다는 것은 사실입니다 일단 우리가이 프레임 워크를 사용하기로 결정하면, 우리는 그것들 모두를 가져야 만합니다 우리는 어떤 것을 제거 할 수 있고, 우리는 그것을 가지고 있으며 우리는 그것을 지켜야합니다

푼토 이 첫 번째 문제는 다른 프레임 워크를 작성하여 해결되었다고 말해야합니다 Flask라고 불리는이 함수는 Django보다 기능이 훨씬 적기 때문에 첫 번째 문제 그것은 Flask를 사용하여 해결할 수 있습니다 그러나 두 번째 문제는 그것이 필요하지 않다는 것이다 직장에서

파이썬에 관해 할 말이 있습니다 백엔드는 주요 부문이 아니며 실제로는 아무것도 아닙니다 큰 수요가있다 기계 학습, 지능과 같은 연구 및 과학 분야에서 매우 유명합니다 인위적이며 진보 된 복잡한 수치 계산에 고유 한 모든 것

파이썬은 정말 강력하고 플래그쉽 언어입니다 백엔드에서는 연설이 다릅니다 가자 누가 웹에서 장고를 사용합니까? Instagram, Pinterest, Dropbox가 있습니다 Instagram이나 Pinterest가 Flask를 사용하고 있기 때문에 나에게도 머물러있는 것처럼 보입니다

Python을 테마로합니다 루비로 넘어 갑시다 Ruby는 아마도 가장 흥미로운 프로 중 하나 일 것입니다 이것이 그의 접근입니다 창작자 자신은 자신이 만든 주요 목적은 개발자가 생산성을 높이고 생산을 가능하게 해주는 언어 그 이상으로 그는 프로그래밍을 즐기고 다음으로 행복하게되었습니다

행복하게 지내라 Ruby를 직접 사용할 수는 없지만, 알몸이고 우리의 백엔드 내부는 원시이지만 프레임 워크를 사용해야합니다 아주 크고 중요한 프레임 워크가 하나 뿐인 파이썬에서 보았 듯이, 루비조차도 같은 일이 일어났습니다 주요 프레임 워크는 하나이며 레일 그리고 그는 그 접근법을 정확하게 받아 들여 구현합니다

완벽에 이르기까지 프로그래머의 생산성을 높이는 데 완전히 집중했습니다 생산성 향상은 근무 시간 단축으로 컴퓨터 앞에서 시간을 절약 할 수 있음을 의미합니다 동일한 결과를 얻을 수 있습니다 부정적인 측면 천천히 : 두 가지 요인으로 인해 속도가 느리기 때문에 속도를 썼습니다

하나 : 실행 속도가 느립니다 즉, PHP보다 잠재적으로 느리고 확실히 느립니다 우리가 칠판에 본 다른 사람들의 그래서 이것은 중요한 요소입니다 이 : 느린 학습 Ruby와 Rails 모두 배우기 쉬운 도구는 아니지만, 그들은 단순 해 보일지 모르지만 실제로는 사용하기가 복잡합니다

기껏해야 무엇보다도 우리는 많은 연습을해야합니다 그리고 당신은 그것들을 연구해야하기 때문에 학습에 관해서는 느려집니다 누가 bakcend에서 Ruby 나 Rails를 사용합니까? Airbnb, Groupon 및 Linkedin이 있습니다 어쩌면

우리는 곧 볼 것입니다 마침내 Node js에 대해 이야기하고 있습니다 노드는 프로그래밍 언어가 아니라 오히려 서버 측 JavaScript 언어를 사용하십시오 나는 기술자에게 너무 멀리 가고 싶지 않다 본질적으로 백엔드 프로그래밍에 관한 새로운 개념을 소개합니다

이러한 개념은 우리에게 많은 이점을 가져다줍니다 예 : 응용 프로그램에 적합합니다 실시간으로 우리에게 성능과 생산성이 크게 향상되었으며 사용되었습니다 창업 이제 하나씩 보자

실시간 : 실질적인 채팅 예 두 사람 사이의 채팅을 상상해보십시오 한 사람이 메시지를 쓰면 다른 사람이 메시지를 받고 그 반대도 마찬가지입니다 우리가 연결된 두 사람이 있다면 개념은 간단합니다 하지만 우리에게는 두 명 이상의 사람들이 있습니까? 어쩌면 그들은 둘이 아니지만 그들은 이천? 아니면 2 만 명입니까? 또는 같은 시간에 40, 50,000 명의 사람들이 같은 채팅에 연결되어 있습니다

그것은됩니까? 채팅이 모든 사람이 관리하는 방식 다른 프로그래밍 언어? 실제로 문제가 있습니다 대신 다른 접근법 덕분에 노드 js는이 관리를 위해 매우 잘 작동합니다 응용 프로그램의 종류 우리는 채팅과 같은 연설을 할 수 있습니다 실제로 우리가 누군가가 이것을 위해 이것을 사용한다는 것을 알게 된 후에 웹 사이트에서 할 수 있습니다

성능 : 동시에 많은 수의 동시 연결을 처리합니다 동시에 우리는 많은 서버 자원을 사용합니다 낮은, 그래서 그것은 작은 숫양과 작은 CPU를 사용갑니다 또 하나의 긍정적 측면은 생산성입니다 사실, 사용하기로 결정한 회사 자신의 백엔드 개발에 관한 노드 j는 자신의 프로그래머 그들은 다른 언어보다 더 생산적이되었습니다 이것은 무엇을 의미합니까? 프로그래머가 더 적은 시간 동안 일하지만 프로젝트가 끝나는 것과 동시에 그래서 이것은 완벽한 해결책입니다

그들이있다 모두 행복하다 프로그래머와 회사 다 생산성은 본질적으로 만기 다 세 가지 요소 첫째, 엄청난 양이 있다는 것입니다 커뮤니티에서 이미 작성한 라이브러리 중 우리가 단순히 가져 와서 재사용 할 수있는 라이브러리 우리 코드 내에서 그리고 이것은 분명히 우리가 작업 속도를 크게 높일 수있게 해줍니다

두 번째는 백엔드 개발을위한 특정 도구가 있다는 것입니다 예를 들어 노드 js 또는 표현의 기본 프레임 워크 세 번째는 항상 자바 스크립트이므로 팀을 옮길 수 있다는 것입니다 또한 백엔드 개발의 프론트 엔드는 서버 측에도 생산성을 높여줍니다 그리고 이것은 흥미 롭습니다

실제로 나는 몇몇 회사가 그들 자신을 표준화했다는 것을 읽었다 프런트 엔드와 백엔드 사이의 개발 팀 시작하십시오 그것은 매우 혁신적인 기술이다 내가 말했듯이 다른 사람들보다 다른 접근법을 사용하고 명백하게 혁신적인 것으로 간주되고 시작 단계에서 높은 요구를받습니다 부정적인 측면 인 사람들에게 두 가지 경우에 사용하는 것은 권장하지 않습니다

첫 번째는 집중 CPU를 사용하고 두 번째는 사용하면됩니다 대신 관계형 데이터베이스를 사용하려고합니다 확인을 클릭합니다 이제는 재미있는 부분이 있습니다 나는 일부러 물음표를 남겼다

상자 안쪽에 상황이 어떻게 진화했는지 보여주고 싶기 때문에 그 노트는 세계 곳곳에 퍼졌습니다 가자 Ruby를 사용하는 사람부터 시작하겠습니다 에어 비앤비는 루비를 사용합니다 가자

Groupon은 Ruby와 Rails를 사용하고 대신 루비와 레일즈는 실제로 웹 사이트에서 거대한 것을 관리해야한다는 것을 깨달았 기 때문에 동시 접속의 양, 그 다음에는 사이트에 들어가 실제로 그들은 그를 보았다 그래서 그들은 말했다 : mmh, Ruby and Rails 실적이 좋고,이 엄청난 양을 잘 관리 할 수 ​​없습니다 요청합니다 우리는 다른 언어를 찾아야합니다 우리가 그것을 할 수있게 해주고 노드 js로 전환하여 그들이 변환 한 기술 모든 백엔드, 그리고 웹 사이트의 성능이 향상되었습니다

50 % 또한 엔지니어 또는 프로그래머는 Froupon은 또한 생산성 증가를 확인했습니다 그리고 호의를 베푸십시오 내가 너를 모든 일 눅에게 설명의 남겨둔다 여러 회사에서 제가 인용하러 갈 것입니다

그럼, Linkedin 또한 Linkedin은 흥미로운 일을했습니다 순전히 웹 사이트에 관해서는, 하지만 앱은 어떨까요? Prima는 항상 Ruby와 Rails를 사용했으며 "좋아, 우리는 변화하고 싶다, 우리는 다른 무언가를 시도하고 싶다"고 말했다, 그들은 항상 갔다 노드 js에 그들은 무엇을 얻었습니까? 이전보다 20 배나 성능이 향상되었지만 90 %의 서버 감축을 달성했습니다

단순히 레일에서 노드로 전달 JS 이것은 무엇을 의미합니까? 즉, 애플리케이션을 실행하는 서버가 100 대가 있기 전에 백엔드 측, Rails를 사용하면 이제 노트가있는 곳에서 10 개 밖에 없습니다 이 것은 환상적이다! 여기서 우리는 실제 성능의 힘을 봅니다 그리고 노드 js의 성능 또 다른 재미있는 예가 여기에 없습니다

아무것도, 그들은 모두 파이썬으로 남아 있습니다 우리는 여기를 지나친 다 트위터 Prima는 Ruby와 Rails를 사용했으나 나중에 그는 언어의 확장 성 또는 프레임 워크의 어떠한 경우에도 문제점을 지적 했으므로 그는 자바에 들어가기로 결심했다 대신, PayPal은 그것이 무엇을 결합했는지 추측합니다

그는 "흠, 우리가 그것을 시도주고 싶습니다 무엇을 알고있다"그들은 발전했다 2014 나에게 보인다 – 나는 항상 모바일 앱의 설명에 링크를 남깁니다 "mmh"팀 내의 일부 프로그래머들, 그러나 우리가 기술을 시험해 보는 것이 어떻겠습니까? 자바와 다른, 우리는 새로운 것을 시도한다 예를 들어 노드 js "를 시도하자 모든 프로그래머가 동의했기 때문에 두 개의 개발 팀을 만들었습니다 약 4 명이 java로 응용 프로그램을 개발하기 위해 갔는데 대신 두 사람 만 갔다

노드 j에서 개발할 수 있습니다 어떻게 끝났는지 알고 싶니? 노드 j에서 개발 된 응용 프로그램은 비교 된 것보다 두 배 빠릅니다 자바 응용 프로그램에 다음 4 그들은 그것을 개발하는 예를 들어 4 개월 걸렸습니다 자바에서는 두 사람이 노트를 작성하는 데 2 ​​개월 밖에 걸리지 않습니다 이 것은 환상적이다 보시다시피 생산성과 생산 시간이 늘어납니다

PayPal의 또 다른 긍정적 측면으로 엔지니어들은 그들이 작성하려고했던 코드의 나는 그것이 줄이 33 % 줄었다 고 생각한다 적은 코드 및 40 % 적은 파일까지도 지원합니다 따라서 응용 프로그램을 읽기 쉽고 가볍게 사용할 수 있습니다 그들이 발견 한 또 다른 장점은 성능입니다 실제로 메모 js로 작성된 응용 프로그램은 두 배의 요청을 처리했습니다

자바의 응용 프로그램에 비해 두 번째지만, 두 번 관리하지뿐만 아니라, 그는 또한 속도를 약 35 % 향상시켜 더 빠르게 관리했습니다 이제는 내가 잘못하고 싶지 않습니다 어떤 경우에는 기사의 설명에 링크를 남깁니다 그것은 매우 흥미 롭기 때문입니다 그런 다음 다른 사이트

eBay 및 Netflix : 둘 다 백엔드에서 Java를 사용하고 그들의 시스템의 일부분에 대해서만 PayPal의 예를 따르고 통과했습니다 노드 js 또한 이들 중 설명에 링크를 남깁니다 이 사례 연구가 상당히 흥미 롭기 때문에 당신이 알리고 싶다면 적어도 내가 아는 한 작은 결함 및 메모에 js

너보다 먼저 익스프레스라는 프레임 워크에 대해 언급했는데, 이는 사용되는 기본 프레임 워크입니다 어쨌든 사이트 또는 웹 응용 프로그램을 만들 수 있습니다 프레임 워크의 작성자가 노드 j를 포기하기로 결정했다고 말하고 싶습니다 예 그는 실제로 확장 가능한 기술이 아니며 다른 언어로 전환되었음을 깨달았습니다 이 경우 Go 언어, gGo 란 무엇입니까? Go는 Google에서 만든 프로그래밍 언어입니다

몇 년 전에 Google은 사용할 수있는 언어가 없다는 것을 깨달았습니다 백엔드 개발 서버에서 사용할 수 있습니다 그것은 유연하고, 강력하고, 확장 성이 있으며, 그래서 그는 " 왜 우리는 그것을 만들지 않는가? "그리고 실제로 그것을했다 그것은 완전 무료이며 모든 사람이 사용할 수 있습니다 나는 사이트와 함께 설명의 링크를 남긴다

어디서 가서 자습서를 볼 수 있는지에 대한 공식 자료 다른 주목할만한 언어는 Groovy와 Scala입니다 당연, 그 워크와 레일에 따라서 매우 유사 G 레일을 호출 R을 제거하고 G를 추가하면 레일즈가 루비와 똑같이하고 싶어한다 이것을 위해 그 이름은 그를 너무 많이 떠올리게한다 Groovy는 자동차에서 작동하기 때문에 java의 가상은 Ruby로 개발할 때 가지고있는 접근 방식을 취하기를 원합니다

따라서 생산성을 기반으로하는 것, 시간을 낭비하지 않는 것 개발자는이 교차로를 가져 와서 자바 프로그래머에게 더 가까이 가져 가고 싶어합니다 확실히 흥미 롭습니다 또 다른 주목할만한 언어, 규모 항상 일종의 자바지만 더 많은 기능과 흥미로운 프로그래밍을 기반으로 e Coursera에서 찾은 완전히 무료 코스를 추천합니다 언어 작성자가 직접 작성한 설명 링크를 남깁니다

나는 그를 따라 갔다 그리고 그것은 충분히 흥미 있었다 좋아, 비디오가 마침내 끝났어 나는 다양한 백엔드 프로그래밍 언어에 대해 어떻게 생각하는지 이야기했다 내가 너에게 묻고, 좋아하지 마, 떠나지 마

나는 너의 좋아하는 것에 관심이 없다 내가 좋아하는 것을 대신 알 수 있니? 나는 너의 자신의 코멘트가있는 것을 선호한다, 나가 너에게 말한 것을 너가 생각한 것을 나에게 말한다, 그때 언어에 대한 내 개인적인 견해에 대해 동의하지 않는지 말해주세요 어떤 일에 기뻐, 함께 이야기하자, 기쁘다, 응? 그래서 서로를 알아 가자 설명의 주제를 결정하려면 다음 달, 개발자 사회에 와서 내가 만든 폐쇄 그룹, 나는 너를 떠난다 설명의 링크를 클릭하면 투표하거나 새로운 제안을 할 수있는 투표가 열립니다 다음 달 설명을위한 논쟁, 오케이? 좋아

나는 모든 것을 말했어, 이제 나는 마침내 긴장을 풀기 위해 되돌아 갈 수있다 다음 달에 보자 안녕하세요 [MUSIC] 다음 주제를 선택하십시오

ASP.NET MVC #7 : Performance Optimization with Bundling and Minification | FoxLearn

foxlearn에 오신 것을 환영합니다 오늘 우리는 Bundling과 Minification을 사용하여 성능을 최적화하는 방법을 배웁니다

Chrome의 네트워크 탭을 사용하여 웹 페이지에서 다운로드 한 파일 수를 확인할 수 있습니다 번들 및 축소는 ASPNET 45에서 요청로드 시간을 향상시키는 데 사용할 수있는 두 가지 기술입니다 번들링 및 축소 기능은 서버에 대한 요청 수를 줄이고 요청 된 자산 (CSS 및 JavaScript 등)의 크기를 줄임으로써로드 시간을 향상시킵니다

클라우드 플레어에서 font-awesome 및 ion-icons 파일을 다운로드 한 다음 파일을 MVC Demo 프로젝트에 복사해야합니다 BundleConfig 클래스에 css 및 javascript 파일을 포함해야합니다 번들링은 ASPNET 45의 새로운 기능으로 여러 파일을 하나의 파일로 결합하거나 번들하는 것이 용이합니다

CSS, JavaScript 및 기타 번들을 만들 수 있습니다 파일 수 감소로 인해 HTTP 요청 수가 줄어들고 첫 페이지로드 성능이 향상 될 수 있습니다 당신은 당신의 페이지에 렌더링 CSS와 자바 스크립트를 추가하고 코멘트를 추가하거나 CSS와 자바 스크립트 레퍼런스를 제거해야합니다 누락 된 글꼴을 Google에서 다운로드 한 다음 MVC 데모 프로젝트의 글꼴 폴더에 파일을 복사 할 수 있습니다 번들 및 축소는 Web

config 파일의 compilation 요소에 디버그 특성 값을 설정하여 설정 또는 해제 할 수 있습니다 다음 XML에서 debug는 true로 설정되어 번들 및 축소가 비활성화됩니다 css 및 javascript 파일이 여러 파일을 결합하거나 하나의 파일로 묶는 것을 볼 수 있습니다 이 비디오를 시청 해 주셔서 감사합니다

ASP.NET MVC – Bootstrap ile Anasayfa Yapımı 2

오랜 휴식 끝에 새로운 비디오가 있습니다 이전 수업에서 MVC 프로젝트를 만들고 레이아웃을 추가하는 방법에 대해 이야기했습니다

이 섹션에서는 동영상 콘텐츠에 대해 이야기합니다 신고하기 전에 CSS 코드를 사용할 수 있도록 stylecss 파일을 만들었습니다 우리는 이미지 파일을 포함하고있는 Content 폴더로 파일을 옮겼습니다 동영상의 나머지 부분은주의 깊게 진행하십시오

질문이 있으시면 코멘트 섹션에 글을 쓸 수 있습니다

eXplore How to Call Alert of Javascript using C# in ASP .NET using VS 2017-[In English+CC+SubTitle]

안녕하세요, 친구 EasyToExplore에 오신 것을 환영합니다 오늘 우리는 자바 스크립트를 호출하는 방법을 알려줍니다 알림 함수는 C aspnet에서 이것을 사용하여 우리는 visual studio 2017 create로 이동합니다

새 프로젝트 aspnet 빈 웹 사이트를 선택하고 프로젝트 이름을 웹 응용 프로그램 (Alert_Javascript) 확인을 클릭하여 프로젝트를 생성하십시오 솔루션 탐색기로 이동하십시오 웹 애플 리케이션은 새로운 항목을 추가 백그라운드에서 웹 양식을 선택 서버 쪽 스크립팅 언어로 시각적 인 C 날카로운 웹 페이지 이름을 alert_javascriptaspx로 변경하십시오

이제 alert_javascript 페이지의 c 날카로운 페이지로 이동하여 보호 된 새 함수를 만듭니다 무효 반환 형식 다음 인수 문자열 메시지와 함께 함수 이름 문자열은 아닌 프리미티브 데이터 형식을 만들고이 코드를이 코드에 배치하면 scriptmanager 클래스가 있습니다 registerstartupscriptfunction을 사용하여 미리 선언되고 미리 정의 된 클래스입니다 전달 된 현재 클래스 객체 this gettype 다음 현재 페이지 유형 우리는 showalert를 사용하여 alert 함수를 호출 한 다음 javascript 코드를 호출합니다 알림 기능이며 전달되거나 표시 될 메시지를 연결했습니다

alertbox를 사용하면 true는 경고 상자가 호출되어 ctrl + s를 사용하여 저장된다는 것을 나타냅니다 goto javascriptaspx 및 div 태그 내에서 버튼을 두 번 클릭하면 호출 할 텍스트가 변경됩니다 alert onclick 이벤트를 사용하여 ctrl + s를 사용하여 javascriptaspx 페이지를 다시 저장합니다

ctrl + s를 선택하여 원하는 메시지의 인수로 popup_alert 함수 호출을 저장합니다 그 전화 통보 상자를 통과하면 이 페이지는 디버그 될 것이고 버튼은 경고 박스 메시지를 표시 할 것입니다 javascriptaspx 페이지 및 Google 크롬 브라우저에서 디버그 이제 통화 호출을 클릭하면 javascript 알림 상자가 표시되므로이 방법을 사용할 수 있습니다 사용하거나 자바 스크립트 경고 함수를 호출 할 수 있습니다 C 날카로운 사용하면이 비디오를 좋아해주세요 같은 버튼을 클릭하고 우리의 채널 easytoexplorein에 가입하십시오

aspnet 또는 visual studio 2017 또는 기타 관련 기본 문제에 대한 짧은 비디오 유형 버전보다 더 코멘트 섹션에 게시하십시오

Node js tutorial for beginners

NodeJS를 이해하려고 노력하겠습니다 노드 패키지 생태계, npm 등 두 문장이 있습니다

첫 번째 문장입니다 이것은 두 번째 문장입니다 다음 두 가지 용도가 있습니다 NodeJS 하나는 NPM이 있고 다른 하나는 브라우저 외부에서 JavaScript를 실행할 수 있다는 것입니다 먼저 NPM으로 시작합니다

오늘 우리는 다가올 JavaScript의 많은 프레임 워크 우리는 Angularjsorg에서 Angular를 가지고 있습니다 우리 knockoutjscom에서 녹아웃을 가지고, jqueryorg의 JQuery, ReqireJS 과 그것은 계속 자랍니다

매일 새로운 프레임 워크가 등장하고 사람들은 그것에 대해 미쳐 있습니다 우리가 그 때 사용하고 싶은 경우에 우리는 각각 위치에 필요로한다 올바른 버전을 픽업해야합니다 그것은 두통과 같습니다 녹아웃, JQuery, RequireJS 등입니다

우리가 어떤 종류의 중앙 장소, 중앙 연결, 중앙 마디 이러한 패키지 중 하나를 얻을 수있는 중앙 노드 그게 뭐야? 노드 안의이 NPM은 않습니다 이 문장은 말한다 NPM은 오픈 소스 라이브러리의 가장 큰 생태계입니다 세상에 JQuery와 같은 것을 얻고 싶다면 NPM에 갈 것입니다 그것을 얻으십시오

노드를 사용하려면 설치해야합니다 이 두 가지 중 하나 설치 여부 45 버전 또는 최근 6x 버전

구문이 변경되지 않았으므로 누구든지 설치하십시오 노드를 설치하면 이것은 작은 명령 프롬프트를 제공합니다 이 명령 프롬프트는 명령을 입력 할 수있는 곳입니다 과 도망 필요한 것 자바 스크립트 패키지 개별 웹 사이트로 이동하는 대신 NPM 명령을 사용할 수 있습니다

과 물건 가져와 예를 들어 npm 설치하다 Jquery 우리가 npm istall을하면 그것은 jquery 즉 31의 최신 버전을 설치했습니다 정확히 어디에 설치 되었습니까? 정확히 Jquery 파일은 어디에 있습니까? 기본적으로 모든 Jquery 파일을 프로파일 폴더에 저장합니다

관리자로 로그인 한 경우 모든 Jquery 파일은 C로 저장됩니다 : Users Admin 우리가 Steeve로 로그인 한 경우 C : User Steeve에 저장됩니다 우리가 C 드라이브 우리는 Users 폴더를 가지고있다 이 순간 우리는 사용자로 로그인했습니다

우리가 Steeve, ramesh 또는 admin으로 로그인 한 경우 해당 폴더를 얻습니다 거기에 node_modules 폴더가 있습니다 node_modules 폴더 내부 설치되어있다 jquery 우리가 C # 자바 배경에서왔다면 수단을 설치하다 수정하는 것과 같은 많은 것들 많은 시스템, 32 파일 등등 여기서 설치 란 파일 복사를 의미합니다

우리는 dist에 가서 Jquery를 얻고 프로젝트에서 사용할 수 있습니다 npm 또는 노드의 첫 번째 큰 사용은 npm입니다 NPM이란 우리가 필요한 프레임 워크를 설치하고 가져 오는 것을 의미합니다 NodeJS가 제공하는 다음 작업은 다음과 같습니다

자바 스크립트 실행 시간 엔진 JavaScript를 실행할 수 있습니다 브라우저 외부 지금까지 자바 스크립트는 브라우저 내부에서만 실행됩니다 JavaScript를 실행하려면 Chrome에서 실행해야합니다

브라우저 외부에서 JavaScript를 실행하려면 어떻게해야합니까? NodeJS의 다음 사용입니다 사용자 폴더에 표시되는 경우 우리는 아주 간단한 것을 넣었습니다 자바 스크립트 코드 우리가 이것을 메모장에서 편집한다면 그것은 매우 간단한 For 루프입니다

어느 고리에 10 배 및 디스플레이 사울에 이 JavaScript 코드는 User 폴더의 JS 파일에 있습니다 이것을 실행하려면 그냥 여기에 마디 자바 스크립트 코드 js 우리는이 코드를 실행할 수 있습니다 브라우저 외부

우리는 JS 파일을 넣었고 Node에게 그것을 실행하도록 지시합니다 실제 시나리오에 대해 이야기하겠습니다 우리가 필요로하는 프로젝트에서 JQuery, Angular, TypeScript와 같은 여러 파일 우리가 얻고 자하는 내부 Myproject 폴더 필요한 모든 것 NPM을 사용하여 JQuery 파일 아주 간단하게 만들 수 있습니다

JSON 파일 JSON의 비디오를 보는 것이 좋습니다 JSON은 형식입니다 Myproject 폴더 내부 우리는 이와 같은 간단한 JSON 파일을 생성 할 수있다 우리 프로젝트의 버전은 1

0 프로젝트의 이름은 "myproject"입니다 우리에게는 다음과 같은 의존성이 있습니다 우리는 얻고 싶다 모난 15

8 우리는 또한 JQuery를 원합니다 이 파일을 "Myproject"폴더에 저장하십시오 Myproject로 이동하십시오 이 파일을 다음과 같이 저장합니다

JSON 우리가 구하는 것이 매우 중요합니다 packagejson이라는 이름으로 이것을 저장하면 packagejson이 생깁니다

노드로 이동하십시오 해당 폴더로 이동하십시오 그리고 나서 우리는 npm install이라고 말할 수 있습니다 우리가 할 시간은 packagejson을 로컬에서 찾습니다

그것은 devDependencies로 시작하고 모든 의존성을 끌어 오기 시작합니다 프로젝트 자체 내에 node_modules 폴더를 생성합니다 우리는 잘못된 디렉토리에있었습니다 우리는 사용자 폴더에있었습니다 잘못된 버전 1

0 등을 말하는 문제가 있습니다 여기에 Visual Studio 사용 이것을 만들고 설정 파일 우리는 여기서 packagejson 파일 비주얼 스튜디오 사용 인텔리 센스 사물을 얻으려고 이것을 복사하십시오

이걸로 다시 npm 설치를하십시오 이 packagejson을 폴더 안에 넣을 수 있다면 자동으로 그것은 물건을 끌어 올 것이다 node_modules 폴더를 만들었습니다 각도를 만들어서 물건을 끌어 올리려고합니다

큰 프로젝트에서 우리는 npm 설치를 할 것입니다 이 packagejson 만들기 해당 폴더에 npm 설치를 수행하십시오 그런 다음 필요한 파일은 자동으로 제거됩니다 package

json을 만들려면 항상 Visual Studio를 사용할 수 있습니다 웹 프로젝트 열기 및 Visual Studio 2015에서 이 구성 파일을 추가 할 수있는 기능이 있습니다 config를 검색하면, 우리는 그것을 발견 할 것이다 Visual Studio 2015 자바 스크립트 구성을 많이 지원합니다 그 중 하나가 NPM입니다

이것을 여기에 추가 할 수 있습니다 우리가 원하는 의존성을 줄이십시오 이 폴더로 이동 npm 설치를 수행하십시오 NodeJS의이 소개 섹션에서 배운 내용을 신속하게 수정하겠습니다 NodeJs에는 두 가지 기본 용도가 있으며이 사이트는 두 문장으로 제공합니다

첫 번째 것은 NodeJS에 npm이 있습니다 이것은 더 큰 오픈 소스 라이브러리 모음입니다 한 곳에서 모두 이용 가능합니다 NodeJS 명령 프롬프트로 가서 npm을 설치하고 파일을 가져와야합니다 두 번째는 NodeJS입니다

브라우저 외부에서 JavaScript를 실행하는 데 도움이됩니다 폴더에 JavaScript 파일을 넣고 노드가 실행된다고 말하십시오 이 입문 섹션이 NodeJS에 유용했기를 바랍니다

Building full-stack Node.js web apps with Visual Studio Code : Build 2018

너 모두 좋은 점심 먹었 니? 괜찮아 모두가 칠면조를 먹었고, 우리는 불을 넣을거야

낮고, 낮잠 잘 잤니? 내가하지 희망 나는 존 파파 야 그리고 나는 너와 얘기하려고 여기 왔어 긴 제목에 대해서 노드를 어떻게 구축합니까? azure에서 코드 대 자바 스크립트 앱

이 작업을 수행하는 데는 여러 가지 방법이 있습니다 우리는 시각적 스튜디오 코드가이 경험을 훨씬 더 훌륭하게 만드는 방법에 대해 이야기 할 것입니다 우리가 이것을하기에 훌륭한 편집장이 없다면 나는 노드와 자바 스크립트로 많은 일을한다 작은 앱과 거대한 앱을 만듭니다

앱으로 무엇을 할 수 있는지 보여 드리겠습니다 이 사이클을 통해 우리는 어떻게 대처해야하는지 배우게 될 것입니다 상황, 우리는 고속의 서버를 가지고 있습니다 하늘빛 우리의 선택은 무엇입니까? 적어도 10 가지 옵션이 있습니다

옵션을 갖기에 좋은 점은 무엇입니까? 당신이 그걸 가지고있어 굉장히 그 중 일부에 대해서 이야기하겠습니다 우리는 우리가 어떻게 웹 사이트를 배포하십시오 왜 우리가 배포하고 싶어 할지도 모르는 그것들은 다르게 그리고 우리는 코스모스 dp도 볼 것입니다

또한이 기능을 사용하여 데이터베이스를 관리하는 방법에 대해서도 설명합니다 우리의 앱에 대해 생각해 봅시다 노드 응용 프로그램을 가지고있을 때, 단순히 노드 이상을 가지고있는 경우가 많습니다 당신은 자바 스크립트, 각도, 반응보기, 다른 것을 가지고 있습니다 귀하의 코드, 우리는 코드에 대해 이야기 할 것입니다

각도, 반응 및보기는 세 가지 큰 프레임 워크 그들은 모두 최고입니다 그리고 pairedy 그것은 단지 선호도 일뿐입니다 너는하고 싶니? 노드는이 모든 것들과 함께 작동합니다

노드를 사용하여 로컬에서 디버깅하는 방법을 배웁니다 우리는 로컬 또는 클라우드에 연결하는 방법을 배웁니다 그리고 배포를 위해 다양한 방법으로 파일을 하늘빛까지 밀어 넣으십시오 우리의 웹 사이트 도커가 작동하는 방식에 대해 알아보십시오

얼마나 많은 사람들이 도커를 사용합니까? 그것은 좋은 금액입니다 얼마나 많은 사람들이 무서워했거나 현재 두려워하고 있습니까? 독? 내가 인정할 께 내가 처음 그것에 들어갔을 때, 왜 내가 이걸 필요로하는 것과 같았습니까? 우리는 그 여정이 어떻게 당신 그리고 어쩌면 당신은 지금 그것을 통과하고 있습니다 우리가 전개하고있는 것에 대해 생각하고 싶은 것들 클라우드에 대한 앱입니다

어떤 종류의 우려가 우리에게 이미 가지고 있었다 그리고 새로운 관심사를 해결할 수 있습니다 그리고 나서 모든 툴링이 어떻게 작동하는지 살펴 보겠습니다 이 슬라이드를 다시 보여 드리겠습니다 다음은 모든 리소스는 프레젠테이션 내부에서 볼 수 있습니다

해당 링크를 클릭하면 코드와 코드를 얻을 수 있으며 무료입니다 하늘색 재판 노드 확장이 그 위에 있습니다 각도 확장 우리는 그것들을 볼 것입니다

그것으로 우리를 도와 줘요 노드와 도커처럼 각도를 넘어서 확장 마켓 플레이스에는 5,000 개의 확장 기능 만 있습니다 그리고 나 같은 사람이라면, 손가락을 키보드를 클릭하면 단축키를 배울 수 있습니다 아래 두 링크

우리의 이야기는 위대한 것으로 시작합니다 압형 우리는 애플리케이션을 배치하고 있습니다 더 나은 툴링 일수록 더욱 효과적이고 효과적인 우리가 할 수있는 프로그램이나 개발자 중요한거야

코드 작성을 시작할 때 많은 일을합니다 네가 나를 좋아하면 내기 할게 반복해서 반복합니다 다시 각도와 시야로 프로그래머가 노드를 사용하여 코드를 작성하고 프로젝트를 빌드합니다

나는 브라우저에서 그것을보고 코드를 변경한다 나는 코드를 만들고, 나는 브라우저에서 그것을 본다 나는 하루 종일 이것을한다 수백 번 따라서 모든 공정과 마찰을 제거하는 툴링이 필요합니다

모든 것을 창조하면 삶이 쉬워집니다 그래서 우리가 구름에 가기 전에 먼저 이야기 할 것입니다 준비하기 전에해야 할 일을 이해하는 것이 중요합니다 휴가를 보내신 분이라면 차를 타고 가셔서 비행기에서? 또는 당신은 포장합니까? 당신이 포장 할 물건에 대해 생각하십니까? 어떤 사람들은 일주일 전부터 계획을 세우고 있습니다 다른 사람들은 5 분 전에 그것을합니다

어느 쪽이든 당신은 당신이하려고하는 것을 계획합니다 클라우드로 이동하기 전에 클라우드에서의 경험은 방법에 따라 크게 달라질 수 있습니다 당신은 그 신청서를 준비했습니다 예를 들어 원시보기 또는 각도 반응 앱을 사용하여 그것의 생산 빌드 없음 원시 파일과 당신은 방대한 프로젝트를 가지고 있고 그것을 클라우드에 던져 버립니다

배포하는 데 오랜 시간이 걸릴 수도 있고 느려질 수도 있습니다 훌륭한 경험이 아닐 수도 있습니다 그럴 가능성이 있습니다 하늘을 올려 놓으면 하늘의 잘못이라고 할 수 있습니다 아니, 그 모든 것들이 저기에 던져 졌기 때문에 천천히

애플리케이션을 최적화 할 수있는 방법 그리고 어떻게 우리가 응용 프로그램을보다 강력하고 빠르고 효율적으로 만들 수 있습니다 그리고 우리가 어떻게 응용 프로그램 우리는 거기에 갈 구름에

우리는 예를 들어 각도를 사용하려고합니다 우리가 생각해야 할 것 이 모든 것들에 도구가 있습니다 프론트 엔드 프레임 워크는 cli라고 불립니다 그리고 그들은 우리가 새로운 것을 비계하게 만들었습니다

응용 프로그램 인기있는 것은 각진 cli입니다 Ng new, 내 앱을 만듭니다 그리고 그걸로, 당신은 내가 말할 수 있습니다 라우팅을 원하고 saas를 사용하고 싶습니다

또는 laas 얼마나 자주 새 프로젝트를 만드나요? 그다지 자주 당신은 프로젝트를 시작하고 그것에 대해 작업하며, 그리고 당신은 새로운 것을 만듭니다 힘은 창조에서 다만이지 않는다 그것 그것은 단지 이야기

그래서 우리가 그 일을 끝내면 여기에 나쁜 건전지가있어 우리는 거기에 갈 또는 나는 버튼을 누를 정도로 강하지 않다 응용 프로그램을 준비하고 나면 구름에가 두 명의 페르소나

내가 개발자에게하고 싶은 일 그리고 내가 뭘하고 싶은지 사용자 개발자 개인은 다음과 같습니다 너와 같은 사람, 네가 좋아하는 사람, 너를 지으려는 사람 반복적으로 반복적으로 응용합니다

결과를 로컬에서 볼 수 있습니다 그건 네가 기꺼이한다는 뜻이야 생산 효율성을 많이 내고 속도를 높이십시오 당신이 그것을 볼 수 있고 즉각적인 피드백을 얻을 수 있도록 변경 될 수 있습니다 우리는 ng build를 사용합니다

우리는 대시 돌진과 같은 깃발을 사용할지도 모릅니다 그것은 최종 사용자를위한 것입니다 최종 사용자는 하루 종일 백 번 재건하십시오 그들은 그 사실을 알고 싶어한다 당신이 웹 사이트를 만들고 설치하는 것이 빠릅니다

그것을 구축하고, 그것을 만들 필요가있는 한 오래 받아라 내가 웹 사이트에 갈 때, 1 초 이상 걸립니다 절반은 지루해하고 나는 다른 곳으로 간다 이 사람은 중요합니다 우리가 할 수있는 것들은 무엇인가? 우리는 이러한 자극적 플래그를 사용하고 각도를보고 cli를 반응 시켜서 사고

그럼 몇 가지를 살펴 보겠습니다 우리가 가진 다양한 옵션 이를 통해 서로 다른 환경 설정을 할 수 있습니다 생산 또는 개발 용 제작 빌드, 캐시를 원한다

파열, 당신은 모든 파일을 구축하고 싶습니다 변경 한 경우 파일 이름을 다르게 지정해야합니다 그것을 바라 보는 세계의 모든 사람들이 새로운 코드를 얻습니다 캐시 무효화를 사용하지 않는 경우 당신은 모든 사용자에게 응용 프로그램의 세계 브라우저로 이동하십시오 설정, 캐시 비우기 및 다시로드 공개 웹 사이트를 사용해보십시오

당신이 아마존이나 어떤 곳에 있다고 상상해보십시오 밖에있는 주요 웹 사이트 그건 잘 작동하지 않을거야 캐시 무효화가 최고입니다 중대한

소스 맵도 필요합니다 생산 중이 아닙니다 우리는 개발중인 사람들을 원한다 코드를 디버그하기 위해 빌드합니다 나는 그 말을 사랑한다

Javascript, 그런데 코드를 추악하게 만들고 싶습니다 생산 용 크기를 줄입니다 변수의 이름을 정말 긴 이름으로 지정할 수 있습니다

x로 이름을 바꿉니다 왜? 왜냐하면 브라우저는 컴파일 될 때 상관하지 않기 때문입니다 그것은 생산에 좋습니다 크기를 줄입니다 번들링

파일을 번들로 묶어서 10,000 명이 브라우저에 갈 필요가 없습니다 그것은 오랜 시간이 걸립니다 우리는 그것들을 작은 덩어리로 묶습니다 코드 분할 때때로 우리는 큰 응용 프로그램을 가지고 있습니다

그리고 아마도 사용자는 항상 홈 페이지 또는 대시 보드로 이동합니다 또는 검색 그러나 그들은 항상 들어가는 것은 아닙니다 응용 프로그램의 다른 영역 사업에 대한 생각 규칙

그리고 이것은 기술적 문제가 아닙니다 그것은 비즈니스 문제입니다 귀하의 신청서에 대해 생각해보십시오 비즈니스가 어떻게 작동하는지 사용자가 어떻게 소비하는지 신청서를 작성하여 사용하십시오

그런 다음 해당 코드를 반응 및 각도보기의 다른 기능을 다른 기능으로 번들이므로 필요한 번들 만 브라우저로 이동합니다 이렇게하면 사용자가 웹 사이트를 기다리는 시간을 줄일 수 있습니다 그리고 그들이 필요로하는 다른 묶음을 얻으십시오 호출 된 코드 분할입니다 Aot

이것은 새로운 프레임 워크 중 일부가보고있는 것입니다 이 자바 스크립트를 컴파일합니다 서버가 브라우저로 전송하여 브라우저가 모든 사용자에 대해 컴파일 작업을 수행 할 필요는 없습니다 안타 그것은 사용자 경험을 가속화합니다

내가 좋아하는 것들 중 하나가 나무 떨림이다 데드 코드 제거의 아이디어 자바 스크립트 코드 작성을 해본 적이 있습니까? 나중에 당신이 그것을 삭제하고 당신은 교대 그리고 그 코드는 사용되지 않습니다

아마 당신은 그것을 결코 발견하지 못했을 것입니다 나무가 흔들리는 것은 생산에 들어가면 모든 것이 걸립니다 사용되지 않는 코드는 흔들리고 땅에 떨어집니다 그리고 사용중인 코드 만 배송합니다 모든 것을 함께 결합하면 더 나은 응용 프로그램을 운전할 수 있습니다

좋은 소식은 각도를 사용하거나보기 또는 반응하는 경우, 그들은 당신을 위해 이것을하는 cli 's를 가지고 있습니다 빌드 명령을 호출하면됩니다 당신을 위해 일하십시오 따라서 코드를 보내기 전에 백 엔드가있는 노드가있는 Azure는 우리는 프론트 엔드 로직을 최적화합니다 그렇게하면 대규모 앱, 대규모 엔터프라이즈 앱 또는 작은 기기는 이런 기기에서 작동합니다

6,000 명의 사람들과 가진 회의에서 그리고 그것은 여전히 ​​빠릅니다 한 번 그렇게하면 당신이 사용할 수있는 다른 도구 나는 이것들에 대한 링크를 제공 할 것이다 번들을 탐색 할 수 있습니다

소스 맵 탐색기 사용 또는 웹 팩 분석기 이 두 도구는 내부를 볼 것입니다 당신이 운반하는 번들 중에서, 열지도를 줄 것입니다 코드 내에있는 모든 것이 얼마나 큰지를 보여주는 코드입니다

그리고 당신이 사용하고있는 모든 것 나는 이것을 자주 사용했다 제작 앱 그리고 나는 때때로 발견했다 나는 내가 사용하고 있다는 것을 몰랐던 라이브러리에 코드를 포함시키고있다

이것은 나에게 위대했다 나는 내 코드로 돌아가서 말할 수있다 그걸 없애자 훌륭한 예가 사람들이있었습니다 그것은 pat microsoft를 사용했습니다

그리고 그들은 차트를 사용하고있었습니다 그리고 마이크로 소프트 사이트 어딘가에 넣을 생각 차트 데이터 그리고 그들은 거기에 가지 않기로 결정했다 그리고이 스프린트를해라

아직 그 코드는 여전히있었습니다 코드를 발견 한 이유는 다음 중 하나입니다 이 도구들과 내가 찾았 어 – 그래, 배터리가 마침내 죽었습니다 그렇지 >> 여분의 배터리가 있습니까? >> 그들은 길을 가고 있습니다

>> 나타난 차트가있었습니다 그리고 사각형이 커질수록, 파일 크기가 커집니다 그리고 그것은 단지이 큰 제 3의 것이 었습니다 파티 차트 도구 당신이 그것을 사용한다면 괜찮습니다

차트를 사용하지 않는 경우 왜 차트를 신청? 그래서 그것을 좋아하니, 너는 할 수있어 실제로 응용 프로그램에서 사용중인 코드를 시각적으로 식별하십시오 이제 작동합니다 이제 애플리케이션을 클라우드로 가져갈 준비가되었습니다 우리는 일을 앞섰다

모든 숙제 이것이 클라우드에 도달한다는 것이 무엇을 의미하는지 생각해 봅시다 노드 응용 프로그램에서는 종속성을 설치해야합니다 Np N

당신은 보통 무엇을합니까? 커피 마시 러 정확하게 고맙습니다 커피를 마시지 않으면 무엇을 너 그렇게하지? 너는 책을 읽는다 그래서 당신이 그것을 실행할 때

당신은 모든 것을 물건 어쩌면 당신은 느린 wifi가 있기 때문에 우리는 그런 일이 일어나는지 확인해야합니다 하늘에 가면 다른 컴퓨터에 있습니다 거기에서도 제대로 작동하는지 확인해야합니다

그렇다면 자산을 만들어야합니다 반응 빌드 어쩌면 고속 서버를 노드로 구축 할 수 있습니다 그리고 마지막으로 우리는 그것을 모든 배포 폴더에 복사하고 그것을 구름으로 밀어 넣으십시오 그것이 우리가 생각하려고하는 정신적 과정입니다

우리가하는 일들을 현지에서 받아들이는 방법, mpm 설치, 각진 빌드하고 배포 폴더에 복사 한 다음 서버에 밀어 넣으시겠습니까? 어떻게해야합니까? 우리는 생각해야만 하는가? 나는 창문 10을 달리고있다 구름 위에 보탬이되고있다 어쩌면 당신은 그게 다른 운영 체제를 실행하는 경우 CI 서버 아니면 당신이 운영 체제를 사용하지 않고 있지만 당신은 같은 것을 사용하고 있습니다 노드의 버전

몇 가지 패키지가 있다는 것을 알고 계셨습니까? 노드의 다른 버전에 따라 다르게 작동합니다 동기화해야하는 버전이 있습니다 클라우드 커버에 전개 할 때, 기계가 거기서 일할거야? 그것이 우리가 명심하고 싶습니다 그리고이 문제를 해결하는 데 도움이되는 것은 부두입니다 Docker는 이러한 문제를 해결합니다

이것은 내가 요점에 도달했을 때이다 좋아, 내가 일하는 곳, 우리는 수백, 수백, 거의 1,000 개의 앱 그리고 나는 디버깅을 할 수 없었다 클라우드가 아닌이 사람의 컴퓨터에서 작동하는 이유는 무엇입니까? Docker가 해결했습니다 그것이 docker에서 작동한다면, 그것은 귀하의 컴퓨터에서 작업하십시오

그래도 그렇게하려면 도커가 작동하는 방식을 이해합니다 도커 일은 뭔가? 당신은 도커 파일을 가지고 있습니다 오, 벌써 해 mpm을 설치하는 데 필요한 단계를 이미 알고 있습니까? 계획? 네 당신은 매일 그것에 대해 노력하고 있습니다

도커 파일은 단지 레시피 일뿐입니다 당신이 그 단계를 적어 둡니다 그것은 자체 작성 스크립트로 작성하는 방법입니다 그리고 응용 프로그램을 실행 일단 스크립트를 실행 시키면, 다른 환경에 맞게 구성 할 수 있습니다

우리는 도커 파일을 이렇게 생겼어 좋아, 우리는 노드에서 뛰게 될거야 89 그리고 환경 변수를 설정하십시오 작업 디렉토리

패키지를 복사하십시오 p 폴더를 복사하십시오 이것은 직장에서 이웃에게 이야기 할 때입니다 너는 내 앱을 실행하는 것과 같다 나 한테 이걸 시험해 볼거야? 단계가 있습니다

도커 파일은 그 것입니다 우리가 적어두고 있습니다 우리가 할 수있는 것이 우리의 조리법입니다 같은 것 니가 나 같은 존재라면 너는 그런가, 한숨, 나는 그것을 적어두고 기억해야한다

대부분의 도커 파일은 8 줄의 코드가 아닙니다 그들은 훨씬 더 관여합니다 정말 고맙습니다 오늘 기술 문제로 가득 찼습니다 툴링으로 무엇을 할 수 있습니까? 그것이 당신을 위해 무엇을 할 것 같니? 도커 파일을 추가합니다

열어 봐 고맙습니다 커맨드 팔레트를여십시오 작업에 도커 파일 추가를 누르십시오 공간

그리고 당신은 이 링크의 도커 확장 일단 추가하면 도커 파일을 편집하십시오 네가 좋아하지 않는다면 Docker 파일과 다른 것을하고 싶습니까? 너는 그것을 바꿀 수있다 특정의 것을 원한다면 각진의 경우 각도에 대한 확장을 당기면 에센셜, 실제로 도커 파일 snip bit가 있습니다 여기에서 볼 수 있습니다

도커 다단계 그것은 다른 것들을 잔뜩 팝업 그것은 다단계 항해자 파일입니다 각도 만들기 신청 온라인 빌드 실행 8 신청

그리고 10 번에서 15 번까지, 노드 서버를 빌드하십시오 그것이 나의 조리법입니다 그리고 둘 다 각도 애플 리케이션과 노드 애플 리케이션을 저장 해요 변수 onlines 2와 11은 일시적입니다 컨테이너

도커를 위해서 그리고 마침내, 최종 이미지에서, 나는 물건을 부여 잡는다라고 말한다 각도 애플 리케이션, 익스프레스 애플 리케이션에 물건을 잡아, 그들을 넣어 컨테이너에 포트를 노출시키고 실행하십시오 이제 내 앱이 없어도 프로덕션을 위해 뭔가를 실행하고 있습니다 소스 코드, 빌드 된 파일 일뿐입니다 그래서 코드 대 우리가 이것을 생성하는 데 도움이 될 수 있습니다

더 이상 아무 것도 입력하지 않아도됩니다 나는 환상적이다 우리는 그것을 만들고 실행합니다 그런 다음 디버그 할 수 있습니다 니가 나 같은 사람이라면 아마 너는 생각하고있어

내가 도커와 함께있는 수줍음 중 하나는 내가 만들고 싶다는 것입니다 내 컴퓨터에서 실행되는 작업이 도커가없는 상태로 달리기 내가 로컬에서 실행할 때 내 코드를 볼 수 있습니다 내 파일을 탐색 할 수 있습니다 나는 그것을 디버깅 할 수있다

실행중인 로그를 볼 수 있습니다 내가 도커에 들어갈 때 나는 단어 컨테이너를들을 수있다 도커 컨테이너에서 같은 일을 할 수 있습니까? 대답은 '예'입니다 증명해 보죠 그래서 여기에 제 신청서가 있습니다

내 프로젝트를 로컬에서 실행하겠습니다 로컬로 실행하십시오 어느 곳에서 그것을 실행할 것입니다 아니면 그렇지 않을 수도 있습니다 그걸 죽이자

다시 스크립트를 실행하십시오 로컬이 아래에 있습니다 우리는 거기에 갈 내 애플 리케이션을 Theres 놀랍다

그리고 내 친구들도 할 수있어 영웅은 바이킹입니다 그리고 오늘날 악당은 누구입니까? 우리는 거기에 갈 그가 방에 있기 때문에 여기에 크리스를 붙이자 당신은 오늘 노드의 해커가 될 것입니다, 크리스

각도 앱이 있습니다 로컬에서 실행 중입니다 모든 좋은 내가 원한다면, 나는 이것을 디버깅 할 수있다 신청

내가 어떻게 그럴 수 있니? 로컬에서는 디버그라는 또 다른 스크립트가 있습니다 그래서 여기에서, 나는 그것을 디버깅하기 위해 코드를 사용할 수 있습니다 우리는 그것을 탐색 할 수 있습니다 같은 포트에 있습니다 그리고 내 코드 안에 들어가면 내가 들어갈 수 있습니다

service js라는 파일이 있습니다 나는 heros를 얻는다 디버거를 시작 했습니까? 아니 도움이됩니다 여기에 발사라는 스크립트가 있습니다

그 과정을 없애자 작동을 증명하기 위해 처음부터 시작하겠습니다 그리고이 작은 장비를 클릭하면 디버그 스크립트 디버거가 맨 위에 있습니다 내가 끌고 다니는 걸 본거야? 그것은 제 디버거입니다

우리는 내 서비스로 돌아갈거야 나는 내 영웅과 빵을 새롭게 할거야 로컬에서 디버깅 중입니다 이 코드는 대 상자에서 나옵니다 우리를 위해

내가 도커에게 갈 때 할 수 있을까? 같은 것들? 그게 진짜 질문입니다 먼저, 우리가 도커 파일을 가지고 있는지 봅시다 그 부두 파일이있어 이전에 보았습니다 이걸 얻고 싶다면 명령 변경 p와 docker에 입력하면 작업 공간에 파일이 추가됩니다

당신의 언어를 고르시 오 원하는 포트를 선택하십시오 그리고 나서 그것은 경고 할 것입니다 파일이 이미 있습니다 덮어 쓰시겠습니까? 해보자

그러면 당신은 이것이 Docker 파일은 상자에서 꺼내집니다 도커가 바로 파일을 무시하게 만들 수도 있습니다 그리고 당신은 도커가 작성합니다 그리고 도커가 디버그를 작성합니다 지금은 변경 사항을 취소 할 것입니다

vs 코드에서 git 지원을 해주셔서 감사합니다 괜찮아 명령을 어떻게 실행합니까? 만약 내가 명령을 p 교대하고 docker에 입력하면 위로 작성하십시오 우리는 도커 작성 파일을 실행할 것입니다 우리가 이것을 실행하기 전에, 그것이 무엇을하는지 보자

편지가 있습니다 그런 다음 컴포지션 디버그가 있습니다 그래서 라커 구성으로 여러 개의 도커 파일을 실행할 수 있습니다 그것은 하나입니다 바이킹이라고합니다

포트는 3001입니다 Docker close debug overrides 일부 설정 이 파일을 사용하여 변수가 로컬에 있습니다 내 데이터베이스 키와 물건처럼 그리고 나는 github에서 그들을 확인하지 않습니다

그리고 나는 항구를 폭로하고 싶다 그리고 디버거 검사기로도 실행하고 싶습니다 그리고 그것은 도커 파일을 실행할 것입니다 이제 나는 명령 팔레트에 올라가고, 도커로 입력하십시오 그것은 물어볼 것입니다, 어느 것이 달렸습니까? 디버그를 실행하십시오

그리고 아래에서 명령 실행을 볼 수 있습니다 이것에 대한 멋진 것들 중 하나, 그것을 조금 위로 끌어 요 너는 거기에서 볼 수 있니, 너에게 그것의 명령을 보여주고있다 달릴거야 그래서 그것은 도커 작성기를 실행 중입니다

파일 사용 그 파일을 사용하십시오 그게 무슨 뜻인지 알아? 아니 직접 입력 해 주시겠습니까? 전혀 이 모든 일을 당신을 위해서하고 계단을 거치고 있습니다

1 ~ 7 또는 8 단계로 진행됩니다 떨리는 나무를 할거야, 내가 필요한 모든 걸 할거야 내 응용 프로그램 일단이 단계를 지나면, 빨리 내 덩어리가있어

우리는 위로 스크롤하여 프로젝트가 얼마나 큰지 볼 수 있습니다 재생중인 캐시 파열을 볼 수 있습니다 이상한 파일 이름입니다 그 다음에 계속 전진했습니다 컨테이너는 각도 앱입니다

그리고 이제는 노드 서버라고합니다 그것을 위해 mpm을 설치하십시오 그리고 그것을위한 중간 컨테이너를 만듭니다 그리고 마침내 그것은 성공적으로 컨테이너를 만들었습니다 예

그래서 나는 컨테이너를 가지고 있지, 그렇지? 나는 그것을 어떻게합니까? 좋은 질문 나는 크리스에게 전화한다 그는 나를 독수리에게 가르쳐 줬기 때문에 vs 코드에서 부두 확장자가 있습니다 이것은 이전에 보여준 링크입니다

도커 확장 기능을 사용하면 방금 본 기능을 사용할 수 있습니다 이제 나는 여기에서 이미지를 볼 수 있어야합니다 첫 번째 이미지는 내 바이킹 최신입니다 그래서 그것은 이미지입니다 이미지는 기본적으로 청사진이나 코드 템플릿입니다

그 이미지로, 내가 원하면 여러 컨테이너를 실행할 수 있습니다 에 스케일 업에 대해 생각해보십시오 장기간 지금 당장 하나 필요해

그 이미지로 컨테이너에서 그 이미지를 실행할 수 있습니다 다행히 도커가 작성을 실행하면 자동으로 해냈습니다 그 그것은 이미지를 만들어 내 바이킹 컨테이너 우리가 그것을보기 전에, 우리가 뛰지 않았는지 확인하십시오

노드 코드 우리가 있다면, 그들을 닫아 보자 다른 프로그램이 실행되고 있지 않은지 확인하십시오 아무것도 실행 중이 아닙니다 고정 장치가 있습니다

우린 그걸 죽일 수도있어 우리는 지금 3001에 나간다 죄송합니다 거기는 그건 우리와 같은 항구 야

에서 실행 중입니다 그리고 우리는 새로 고침 이것은 실행중인 컨테이너입니다 내 응용 프로그램 이제 이것을 디버깅하고 싶다면 어떻게해야할까요? 나는 디버거에 갈 수 있었다

그리고 기어를 클릭합니다 그리고 무엇이 들어 있는지 살펴 보겠습니다 그곳에 실행 구성이 있습니다 노드에 연결된 도커라고합니다

디버그 저 포트를 열어서 사용하겠습니다 도커를 통해 동일한 포트가 작성됩니다 그런 다음 로컬 호스트를 실행 중입니다 그리고 소스를 매핑해야합니다

암호 그래서 달릴 때, 나는하고 싶다 컨테이너에있는 소스 코드를 내 컴퓨터에있는 것과 매핑 할 수 있어야합니다 원격 경로는 내가 만들었 기 때문에 사용자 소스 앱입니다 내 도커 파일, 로컬 경로가 대체품을 사용 중입니다

변수는 작업 공간 폴더로 이동합니다 그리고 제가 사용하고있는 프로토콜은 검사관입니다 그러면 올바른 디버거를 선택합니다 일반적인 실수, 나는 언론에 맞았다 버튼

올바른 디버깅을 확인하십시오 프로필이 선택되었습니다 나는 그것을 누를 수있다 F 5 이제 디버거가 실행 중입니다

우리가 열어야한다 거기에 브레이크 포인트가 있습니다 그리고 지금, 내 휴식을 새로 고침하면 점이 도커 컨테이너를 치고 있습니다 그래서 우리는 내가 디버그 할 수 있음을 증명했다 도커가 없거나 도커가없는 경우 로컬

추가 노력없이 디버거 그냥 다른 구성 디버깅 구성을 어떻게 얻습니까? 구석에 파란색 버튼이 있습니다 그것은 매우 강력합니다 그걸 끌어 올려

그리고 노드를 디버깅 할 수있는 다양한 방법을 선택할 수 있습니다 우리는 마커를 마지막 노드에 연결했습니다 그러면 실행 구성이 생성됩니다 네가 할 수있는 유일한 방법은 변경해야하는 것은 당신이 당신의 길을 그 길과 다른 경우입니다 제공합니다

어떤 의미가 있습니다 코드를 넣을 때마다 괜찮아 우리는 모든 것을 증명하지 못했습니다 도커와

내가 알고 싶은 다른 것 내 코드를보고있을 때 if 그것은 작동하지 않았다 일반적인 기술 중 하나는, 때로는 생각하는 코드와 파일 구조를 배포합니다 거기에 보낸 파일 구조가 아닙니다 당신이 그것을 보았을 때, 당신은 그 폴더의 내용을 올렸다 그리고 거기에 www를 잊어 버려라

때로는 경로 설정이 가장 힘들 때가 있습니다 프로그래밍의 일 무엇인지 확인하는 것이 좋다 실제로? 우리가 우리 컨테이너에 나간다면, 우리는 마우스 오른쪽 버튼을 클릭 할 수 있습니다 로그를 보여줄 수 있습니다

껍질을 부착하십시오 셸을에 연결해 봅시다 거북이처럼 이제 컨테이너에 쉘이 있습니다 원한다면 이것을 외우십시오

그것이 실행하는 명령입니다 그리고 나는 ls를 실행할 수 있습니다 내 컨테이너에는 뭐가 들어 있니? 그리고 저는 뭔가를 알아 냈습니다 서버 js 어느 부분에서 내용을 보죠? 그 파일

index js라는 파일이 있습니다 섬기는 사람 이 폴더는 server라는 폴더에 있어야합니다 내가 여기서 그걸 발견 할 수 있는지 보자 그래서 나는 말할 수 있어야합니다, 좋아, 먼저 서버가 있습니다

폴더? 예, 있습니다 내가 할 수있어 내 색인이 있습니다 나는 그걸 할 수있어 동일한 코드가 있습니다

그래서 당신이 로컬로보고있는 것은 또한 컨테이너에 있습니다 로그를 보여주는 것은 어떨까요? 때로는 오류가 있고 당신은 기록하고 싶습니다 마우스 오른쪽 버튼을 클릭하여 컨테이너를 선택하고 로그 표시를 선택하십시오 네가 그렇게하면, 이제 너는 내가 백그라운드에서 실행하고있는 것을보고, 당신은 모든 메시지를 보게 될 것입니다 사고

그래서 내가 여기 내려 오면 그 메시지를 지운 다음, 우리는 그 메시지를 지우지 않았습니다 명확한 우리는 거기에 갈 그리고 우리는 여기 와서 새로 고침을합니다 이제 당신은 거기에 내가 읽은 새로운 메시지가 있습니다

이것은 디버깅을 위해 매우 강력합니다 이제 귀하는 귀하의 컴퓨터에 컨테이너 이제 이것은 푸른에 관한 이야기입니다, 맞습니까? 나는 아직 푸른 색이 어떻게 작용하는지에 대해 아직 이야기하지 않았다 그 이유는 구름에 가기 전에, 당신이 확실히하고 있는지 확인하십시오 귀하의 앱은 지역적으로 훌륭하게 작동합니다

로컬로 디버그 할 수 있습니까? 큰 하늘빛 구름을 사용하여 구름으로 옮길 경우 도커가 로컬에서 작동하는지 확인하고 디버깅 할 수 있습니다 vs 코드를 사용하여 파일을 추가하고 실행하며 디버거를 켭니다 우린 잘됐다

괜찮아 그래서 우리가 사용하는 방법을 살펴 보았습니다 도커가 그랬어 그리고 그것이 당신이 확장을 가져 오는 곳입니다 다음 단계는 당신이 그 이미지를 가지고 하늘빛으로 밀어 넣을 수 있다는 것입니다

우리는 이미지를 볼 수 있고 그것에 대해 다른 것을 할 수 있습니다 이미지에 태그를 추가하여 어디로 가야하는지 알려줄 수 있습니다 태그는 컨테이너의 다른 이름입니다 이미지 이 경우 나는 그것을 말하기 위해 바이킹 이미지에 태그를 붙이고있다

이 이미지를 푸른 색으로 배치하고 배치 할 수있는 위치에 놓습니다 구름에 왜 내가해야만합니까? 그것은 레지스트리라고합니다 컨테이너 레지스트리Net을 사용할 때 노드를 사용할 때 mpm을 사용합니다 도커로, 도커 레지스트리가 있습니다 컨테이너 레지스트리 도커 허브가 있습니다 Azure 컨테이너 레지스트리는 Azure가 제공하는 것입니다

그리고 우리는 우리를 밀어 낼 수 있습니다 그래서 우리는 그것을 어느 곳에 나 배치 할 수 있습니다 우리가 원하는 Azure 앱 서비스 그래서 거기에서 우리는 클라우드로 바로 이동할 수 있습니다 여기 아이디어는 앱을 작성하는 것입니다

우리는 그것을 태그하려고합니다 이름을 지정하십시오 그래서 어디로 가야할 지 알 수 있습니다 우리는 그것을 밀어 올릴거야 컨테이너 레지스트리에 있으면 웹을 볼 수 있습니다

클라우드의 앱 존이 있는지 봅시다 그것으로 가득 차있다 내가 일하는 것에 대해 좋아하는 한 가지 하늘을 배경으로하여 데모의 성공에 의존합니다 인터넷 연결성은 그 순간에 있습니다

첫째, 나는 나의 지역 컨테이너를 끌 것이다 컨테이너를 멈출거야 로컬 컨테이너를 제거합시다 잠시 후에 사라져야합니다 예

그럼 우리는 인터넷에 갈거야 그리고 인터넷에서 우리는 내 사이트의 버전을 실행 중입니다 원한다면 모두 맞을 수 있습니다 너라면 잘해라 URL이 있습니다

그게 거기에 있습니다 그리고 그것은 모두에게 안녕하세요를 말하고 있습니다 얼마나 푸른 하늘인지 앱을 변경하려고한다고 가정 해 보겠습니다 빌드를 환영합니다

애플리케이션에서 스크롤 뒤로 밖으로, 도구 모음이라고하는 페이지가 있습니다 여기서 내가 사이트에 대한 내 이름을 가지고 있는지 확인하십시오 그래서 거기에 빌드를 환영한다고 말하고 있습니다 그리고 우리는 제발 오 인터넷 신들을 작동시키는 말 할거야 그렇게

지금 내가 로컬로 실행하면 변화를 보게 될 것입니다 변경 사항은 빨간색 메시지입니다 그래서 나는 그 지역의 변화를 만들었습니다 내가 할 수있는 일은 내가 계속 나아가 도커가 작전을 수행 할 수 있다는 것입니다 이번에는 실제 도커를 선택하여 작성합니다

디버그가 아닙니다 내가 왜 그랬어? 살펴보고 무엇이 필요한지 살펴 보겠습니다 사고 내 파일 안에는 도커가 파일을 작성합니다 그리고 내가 고군분투하는 것을 알아 차린다

해당 파일의 위치를 ​​찾으십시오 팁을 가르쳐주세요 들어가다 그것은 나를 위해 파일을 찾습니다 더 이상 보지 않아

위로, 이것은 무엇을하고 있습니다 생산이라는 환경 변수를 설정합니다 나는 데이터베이스 사용하기 데이터베이스 키가 표시되지 않습니다 여기에이 파일이 있습니다

이것은 무시되었습니다 내 모든 마법 열쇠가있는 곳 이 파일에는 데이터베이스 키와 인증 정보가 있습니다 내가 가지고 있을지도 모른다 당신에게 하나의 예를 들어주세요

보이는구나 거기에, 내 환경이있다 변수와 내가 이것을 볼 수있는 패키지가 있습니다 그리고 나를 위해 그들을 설정하십시오 내 로컬 컴퓨터에서 필요합니다

변수를 별도로 설정했습니다 그래서이 도커 컨테이너 나는 단지 그것이 아래에 한 짓 부두 확장자를 들여다 보면 몇 초 전에 생성되었고 실행 중임을 알 수 있습니다 로그를 보여줍니다 그리고 그것을 탐색하려고하자

장소 상에서 내 데이터는 어딨어? 해당 키에 대한 액세스 권한이 없습니다 나는 환경을 두지 않았다 변수 플래그, 해당 컨테이너에있는 파일 보안상의 이유로 그렇게하고 싶지 않아요

그러나 나는 여전히 달릴 사람들이 필요합니다 로컬에서는 도커 작성이 나를 위해 실행되지 않습니다 클라우드에있는 사람은 행복하지만 빌드하는 것은 환영합니다 그래서 내가 여기에 다시 와서 우리가 우리의 이미지를 본다면, 우리는 먼저 클라우드에서 해당 파일을 가져올 수 있는지 확인하십시오 저기에 변화를 가져 가자

변수를 살펴 보겠습니다 첫째, 나는이 물건에 태그를 붙일 필요가있다 만약 내가 오른쪽 클릭하고 태그 이미지를 말하십시오 위로 올라 가면 나에게 이걸 부탁하고 싶니? 아빠 어디서 이런 편지를 보낼지 알기 때문에 내 코드 설정에서 대부분의 시간 나는 동일한 레지스트리에 배포합니다 예, 그런 식으로 태그를 지정하십시오 그리고 나서 내가 한 번 왼쪽으로 가면 2 분 전에 두 가지를 만들었습니다 두 개의 다른 태그가있는 것과 같은 것입니다

그 이름을 어떻게 알았지? 한번 보자 내가 푸른 하늘을 보니, 너 어디서 볼 수 있니? 13 행 내 기본 레지스트리 그게 내가 보내는 곳이야 가지고 있지 않다면 입력하십시오

알겠습니다 이제 내가 태그를 붙였습니다 다시 그것을 오른쪽 클릭 할 수 있습니다 그리고 지금 나는 그것을 밀 수 있습니다 내가 푸시라고 말하면, 하늘색 컨테이너 등록 기관에가보십시오

그리고 나는 거기에 가기 위해 인증을하지 않았다 나는 다음 명령을 사용할 것이다 푸른 cli 내 독서실에 있어요 그리고 당신은 이것에 접근 할 수 있습니다

나는 그 명령을 입력 할 것이다 그리고 내 레지스트리의 이름 그리고 나는 그것을 타이핑 할 것이다 그리고 로그인해야합니다 잘만되면 인터넷은 나를 위해 여기에서 일하고있다

나는 성공했다 큰 이제 가자 다시 우린 할거야

우리는 메시지를 보게 될거야 이하 이러한 여러 레이어가 이미 있음을 알 수 있습니다 레이어 중 일부는 이미 존재한다고 말합니다 고정 컨테이너가 생성되면 다른 고정 컨테이너가 생성됩니다

레이어 많은 앱이 변경되지 않았다고합니다 변경된 유일한 것은 그 하나의 제목이었습니다 그리고 그것은 그것이 추진하고있는 것입니다 그것은 내 차이를 푸시합니다

괜찮아 그래서 그것을 푸른 하늘로 밀었습니다 일단 그것이 그것을 하늘빛으로 밀면, 그것은이 물건으로 들어갑니다 하늘색 컨테이너 등록 소라고 불렀습니다 우리가 와서, 나는 항상 로고가 틀립니다

저것을 시도해 봅시다 자원 그룹입니다 나는 녹색 물건에 많이 간다 그게 다야 Bam

괜찮아 레지스트리는 어두운 구름과 같습니다 그리고 행복한 구름 그걸 기억해야합니다 위치, 조금 더 크게 만들 수 있습니다

보라, 나는 파파 바이킹이라는 저장소를 가지고있다 클릭하면 최신 태그임을 알 수 있습니다 그걸 클릭하면 그 안에 무엇이 있는지 볼 수 있습니다 다시 스크롤하여 웹 훅을 만들 수도 있습니다 웹 후크에 따르면이 새로운 버전이 나올 때마다 이 태그가있는 컨테이너에서이 웹 후크를 실행하고 무언가를하십시오

우리가 여기서 설정할 수있는 웹 훅 앱 서비스에 배포하는 것입니다 여기 웹에서 내려 보자 하늘색 컨테이너 레지스트리에있는 고리 내 아빠 바이킹 규칙이있어 나는 그것을 클릭 할 수있다

여기에 5 월 9 일 1시 40 분에 그걸 볼 수 있어요 푸시 그 웹 훅이 호출되었습니다 우리가 우리 사이트에 올라가면 그리고 바로 여기 있습니다

새로 고침하면 철자가 틀렸지 만 작동합니다 하늘빛에는 맞춤법 검사가 없습니다 그러나 그것은 효과적이다 좋은 보통 이것은 7-10 시간이 걸립니다

날위한 초 저기에 그것을 얻기 위해서 변화를 만들고 그걸 통과하기 위해서 가장 긴 부분은 고정 컨테이너를 재건하는 것입니다 그 사소한 변화로 로그인하지 않아도 30 초가 걸립니다

변화의 크기에 따라 더 많은 것이 있습니다 네가 할 수 있다고 아주 멋지다 괜찮아 핵심은 여기서 우리가 바라 보았다

훌륭한 디버깅 경험을 통한 경험 이러한 하늘빛 노드 확장 나는 너에게 보여줄 또 하나있다 우리가 모든 것을 기억할 필요가 없도록 많은 일을하도록 도와주세요 명령들

그리고 우리는이 훌륭한 도커를 얻습니다 이러한 확장 기능에 대한 경험 기본적으로 코드는 우리의 더 쉽게 살 수 있습니다 그러나 나는 기억한다 이 환경 변수들도 마찬가지입니다

실제로 어떻게 설정합니까? 앱 서비스라는 확장 기능이 있습니다 그리고 그것들을 없애자 파일 우리는 거기에 갈 앱 서비스에서는 빌드 바이킹과 애플리케이션 설정을 볼 수 있습니다

내 보안 키가 거기에 있기 때문에 이걸 옮길거야 이것은 플래그를 설정하는 곳입니다 내 열쇠가있어 처음 12 명이 있습니다 문자

그게 내 데이터베이스 야 내 열쇠 내 항구 내 앱에 필요한 모든 것 실행하려면 바로 설정해야합니다 뿐만 아니라이 읽기 전용이지만, 너는 그것을 바꿀 수있다

마우스 오른쪽 버튼을 클릭하여 새 설정을 추가 할 수 있습니다 나는 바이킹이 아니라, 내가 바꿀 수 있다고 말할 수있다 다른 이름으로, 내가 원한다면 새 키를 추가 할 수 있습니다 키를 삭제할 수 있습니다

키의 이름을 바꿀 수 있습니다 인생을 훨씬 편하게 해줍니다 일단 당신이 그것을 얻었고 실행 중이면 데이터베이스에 액세스 할 수 있습니다 이제 앱 서비스를 통해 다른 일을 할 수 있습니다 다른 옵션은 코드로 돌아갈 수 있습니다

폴더 구조 내부를 마우스 오른쪽 버튼으로 클릭하면됩니다 내 앱을 배포하고 싶습니다 -이 문제가 발생하면 실제로 한 폴더가 너무 깊습니다 마우스 오른쪽 버튼으로 클릭하고 말할 수 있습니다 웹 앱에 배포하십시오

파일을 푸시 아웃 할 수 있습니다 그리고 다른 좋은 점이 있습니다 내가 무엇을보고 싶어하는지 말해 보자 내 데이터베이스에 이 확장 프로그램은 코스모스

내 로컬 데이터베이스를 볼 수 있습니다 여기에서 로컬로 실행하십시오 그리고 나는 거기에있는 것을 볼 수 있습니다 아니면 하늘빛으로 나의 바이킹 데이터베이스에 갈 수 있습니다, 나는 연결할 수 있습니다 그것에

그리고 나는 모든 것을 볼 수 있습니다 악당들과 영웅들 내 컬렉션을 엽니 다 그리고 이것들은 당신이 구름 속에서 보았던 모든 영웅들입니다 거기에서 볼 수 있습니다

누군가 빌을 추가하고 있습니다 아빠 존, 하하 나는 그걸 들어 본 적이 없다 전에 그리고 여기에 너는 문서, 컬렉션 등을 만들 수 있습니다

내가 좋아하는 것들 중 하나 스크랩북을 만들 수 있습니까? 그 점에서, db dot heros dot find 명령 이동 및 인용 그리고 그것을 실행할 것입니다 명령은 바로 여기에 모두 매우 대화식입니다

그리고 나는 여기서 다른 명령을 할 수있다 Db heros는 많은 것을 삭제합니다 아니, 그렇게 하지마 이 모든 것을 도구 내부에서 실행할 수 있습니다 코스모스를 상대로 실행하거나 먼저 로컬로 실행하고 싶습니다

당신은 당신의 지역 mongo를 첨부 할 수 있습니다 좋아, 클릭하자 연결하라 그걸로, 그리고 내가 연결되면 나는 여기 와서 내가 갈 수있다 이것을 실행할 수 있습니다

그리고 이름이 다르다는 것을 알게 될 것입니다 존, 댄, 더 스틴 그래서 다른 곳에 액세스 할 수 있습니다 이 스크랩북을 사용하는 데이터베이스 그리고 이것들은 프로젝트에 넣을 수있는 파일입니다

구하다 그리고 나는 이것을 많이한다 많은 시간 동안 나는 데이터를 테스트 할 것이고 나는 그들을 구할 것이다 딸아이 나는 그들을 배치하지 않을 것이다

우리 팀이 로컬 테스트를 위해 팀원들을 공유하도록 저장하겠습니다 정말 멋진 또 다른 확장 프로그램이 있습니다 그리고 이들을 확인하기 위해 확인할 수있는 몇 가지 훌륭한 세션이 있습니다 이러한 도구를 사용하면 위대한 모든 것을 구축 할 수 있습니다 이 리소스를 다시 보면, 이것들은 다릅니다

오늘 발표 한 확장 프로그램을 통해 모든 작업을 수행 할 수 있습니다 우리가 여기서 한 것 너는에 접근 할 것이다 Github repo 바이킹을 찾을 수 있습니다

바로 거기 데이터베이스 가서 찾아 봐 그리고 함께 할 수있는 바이킹 응용 프로그램이 있습니다 이것들은 우리가 사용한 모든 확장 기능과 단축키입니다 그리고 우리가 확인할 수있는 훌륭한 다른 세션이 있습니다

하늘색 기능이 있습니다 멋진 세션이 있습니다 그들은 이것을하는 방법을 보여줍니다 매트에 의한 세션이 있습니다 다른 확장 기능을 사용하는 방법을 보여줍니다

저장 용량 확장이 있습니다 대단히 좋은 물건이 대 암호 노드 점등 훌륭한 도구가 있으면 코드 작성이 훨씬 재미 있습니다 나는 당신이 그것을 즐겼기를 바랍니다

질문이 있으시면 언제든지 따라주십시오

AngularJS with ASP.Net MVC – Part 01

여보세요! 모두 MindzGroupTech의 다른 세션에 다시 오신 것을 환영합니다 우리는 ASP

Net MVC를 사용하여 AngularJS라는 주제로 시작하려고합니다 AngularJS 및 ASPNet MVC에서 응용 프로그램을 빌드하기 전에 우리는 모든 전제 조건이 무엇인지 알아야합니다 우리는이 세션을 위해 Visual Studio 2015를 사용할 것입니다 세션이지만 Visual Studio 2013이 있으면 또한 잘 사용할 수 있습니다

Visual Studio와 함께 우리는 bower를 사용할 것입니다 의존성을 설치하고 관리하기 위해 AngularJS와 Bootstrap과 같은 라이브러리 및 jQuery는 무엇이든 javascript 프레임 워크 또는 라이브러리 우리는 그들을 설치하기 위해 bower를 사용할 것이 요구된다 Visual Studio에서 Visual Studio에 대한 몇 가지 확장이 필요할 수 있습니다 내가 일반적으로 사용하는 가장 보편적 인 공통점 내 웹 개발 또는 응용 프로그램 개발 중에 Visual Studio 용 전동 공구 및 Visual Studio 용 웹 필수 정보 그 모든 전제 조건을 하나씩 보여 드리겠습니다 나는 이미 그 의존성과 관련된 블로그 게시물을 작성했다

당신은 앞서 가서 그 블로그 게시물을 읽을 수 있습니다 설명에서이 링크를 공유 할 것입니다 관심이 있으시면이 동영상을 통해 확인할 수 있습니다 블로그 게시물은 여기에 웹 에센셜에 대해 이야기하고 있습니다 Visual Studio의 확장 기능으로서의 생산성 전동 공구 bower를 설치하기 위해 필요한 nodejs와 함께 Bower는 우리 프로젝트의 패키지 관리자로 참여하여 무엇이 보입니까? bower는 웹 애플리케이션에 필수적인 패키지와 도구 및 구성 요소의 라이브러리입니다

개발을 통해 의존성을 설치하는 데 사용할 수 있습니다 프로젝트가 Visual Studio 프로젝트 이건 아니건 프로젝트 이건간에 단순 정적 웹 응용 프로그램을 설치하면 bower가 필요합니다 NodeJS 이 사이트에서 NodeJS를 설치할 수 있습니다 NodeJS를 다운로드하여 설치하면 PowerShell을 사용하고있는 터미널 창을 보자 NodeJS가 제대로 설치되었는지 확인하려면 이 명령을 입력하면 설치되어있는 npm의 버전을 알 수 있습니다

npm은 필요한 라이브러리와 구성 요소를 설치하는 노드 패키지 관리자입니다 귀하의 개발에 도움이 지금 내가 어떻게 bower 설치하는 방법을 알려줍니다 우리는 전 세계적으로 설치해야하는 bower를 설치해야합니다 나는 이미 배수 설비를 설치 했으므로 다시 설치하지 않을 것입니다 bower가 설치되었는지 아닌지 확인하겠습니다 이런 종류의 출력이 저기에 오면 그냥 bower로 들어가서 enter를 누르십시오

그것은 정유 공장이 이미 설치되어 있음을 의미합니다 당신이 bower의 버전을 확인하고 싶다면이 명령을 입력하십시오 내 컴퓨터에 설치 한 bower 버전은 180입니다

일단 배수가 설치되면 배어의 힘을 이용할 수 있습니다 Angular, jQuery, Bootstrap과 같은 의존성 설치하기 주어진 프로젝트에 설치할 수있는 모든 종류의 라이브러리 그래서 간단한 디렉토리를 만들어서 d로 이동할 것입니다 : 우리가 설치하려는이 디렉토리에서이 디렉토리로 변경하십시오 예를 들어 부트 스트랩으로 bower install bootstrap을 입력해야합니다 click을 클릭하면 필요한 패키지를 다운로드합니다 인터넷에서 모든 내용을 bower_components에 넣으려고합니다

이 특정 디렉토리의 폴더를 보자 우리는 bower 구성 요소를 가지고 있고 bower 구성 요소 아래에는 부트 스트랩이 있습니다 이제 bootstrap은 내부적으로 jQuery가 필요합니다 jQuery에 의존성이 있으므로 jQuery는 또한 이것과 함께 설치하면 종속성을 관리 할 수 ​​있습니다 Visual Studio에서 응용 프로그램을 시작할 때 우리는 이것과 유사한 bower를 사용하고 의존 관계를 프로젝트로 가져올 것입니다

먼저 ASP 애플리케이션을 구축 할 다음 동영상부터 시작해 보겠습니다 AngularJS 응용 프로그램을 빌드하는 데 필요한 최소한의 종속성 보고있는 주셔서 감사합니다 좋은 하루 되세요