이 단원으로 돌아와서 우리가 어떻게 쓸 수 있는지 보여 드리겠습니다.
H m l.
별도의 파일에 우리는 지금까지 redstart send를 사용하여 지금까지했던 것보다는 응답으로 그 파일을 다시 보낼 수 있습니다.
여기에는 세 가지 주요 목표가 있습니다.
첫 번째는 redstart render를 사용하여 각 파일에서 파일을 다시 보내도록 렌더링하는 것이며, 일단 우리가 각각 무엇인지 이야기하면 더 의미가 있습니다.
이것이 바로 다음 목표입니다.
Ejaz가 무엇이고 왜 우리가 그것을 사용하는지 설명하십시오.
그리고 마지막으로 변수를 Ejay에 템플릿으로 전달합니다.
그래서 여기에서 나는 새로운 익스프레스 앱이 필요할 것이고, 모든 비디오에서 계속하지 않을 기본적인 익스프레스 앱을 처음부터 만들려고 할 것입니다.하지만 여전히 그 과정에서 꽤 빠릅니다 .
그리고 나는 당신이 직면하고있는 일이기 때문에 그것을 보면서 익숙해지기를 바랍니다.
그래서 나는이 유닛을 위해 일할 More Express라는 디렉토리를 가지고 있으며 그 안에 새로운 디렉토리를 만들고 우리는이 Ejay 데모를 호출 할 것입니다.
그리고 Ejaz 데모 대신에 NPM을 실행하게 될 것입니다.
그 이름이 괜찮으니.
버전 설명이 비어 있습니다.
나는 항상 이것을 app으로 바꾸고 싶다.
예.
그냥 개인적인 취향.
몇 번 더 입력하십시오.
우리 중 누구도 채울 필요가 없습니다.
그리고 이제 우리가 허용한다면 Jason이 J 우리의 행동을 만들어 내도록 패키지를 만들고 우리는 NPM 설치 익스프레스 대쉬 대시 저장을 실행할 것입니다.
우리는 거기에 갈.
이제 재즈 파일을 열고 거기에 코드를 추가해 봅시다.
그리고 단지 ls를하고 나서 J.S.를 클릭하기보다는. 내가 최근에 열린 것을 클릭하면 그것을하는 다른 방법을 발견했습니다.
클라우드 9는 최근 C9 공간을 입력 한 다음 파일 이름이나 파일 경로를 입력하면됩니다.
그래서 C9 기본 응용 프로그램.
J 예, 에디터에서 열립니다.
ls를 입력 한 다음 파일을 클릭 한 다음 열기를 클릭하는 것보다 훨씬 빠릅니다.
여기에 기본 표현식 코드를 가져 오자. 표현식은 표현식을 필요로하고, 그 다음에 var app equals 표현식을 함수로 실행한다.
당신이 가끔 볼 수있는 한가지는 누군가가 Savar 앱이 Express를 필요로한다고 말한 다음 즉시 함수로 바로 실행하는 곳입니다.
대부분의 사람들은 2 개의 별도 단계로 이것을 좋아할 것입니다. 가장 일반적으로 Xpress와 app을 볼 수 있습니다.
이제 그 행동을 시작합시다.
EMV 포트를 처리하고 그 D-NV IP를 처리하는 포트가 필요하므로 서버를 시작하는 맨 아래로 들어보십시오.이 포트는 클라우드 9가 설정 한 환경 변수이며 포트에 액세스하고 있습니다. IP 주소.
그런 다음 콜백을 추가하면 일단 서버가 설정되면 실행될 것이고 우리는 로그에 관해서 만 볼 것입니다.
서버는 이와 같이 듣고 저장합니다.
이제 첫 번째 경로를 추가하고 경로 경로를 수행합니다.
나는 항상 거기에서 시작하기를 좋아한다. 그리고 그것은 내가 나의 일부 학생들에게 혼란스런 말이다. 왜냐하면 나는이 단어가 그들 중 일부를 뿌리로 발음 할 것이기 때문이다.
나는 뿌리를 말할 때 그것을 분명하게하려고 노력한다.
나는 R O T에 대해서만 이야기하고 있습니다.
루트 경로.
좋습니다. apt에 루트 또는 슬래시를 추가 한 다음 요청을 가져 오는 요청이 슬래시 될 때마다 콜백 함수가 실행되고이 두 객체가 응답하도록 요청할 때마다 콜백 함수가 실행됩니다. 그러면 우리는 앞서 rez를 호출합니다. 보내면 우리는 간단한 일을 할 것입니다.
홈페이지에 오신 것을 환영합니다.
이 시점에서 모든 것이 검토되어야합니다.
서버를 노드 j만큼 시작하자.
모든게 좋은 것처럼 보입니다.
루트 페이지로 가서 새로 고침 해보자.
홈페이지에 오신 것을 환영합니다.
분명히 이런 유형의 내용은 한 줄의 텍스트가 꽤 지루합니다.
조금 더 가볍게하기 위해 할 수있는 일은 우리가 여기로 돌아와 이것을 H-2A Mel으로 만들 수 있다는 것입니다.
우리가 그저 그런 것을 원한다면, 그 아래에 H-2를 추가 할 수 있습니다.
그냥 그렇게.
우리는 거기에 갈.
그리고 이것을 저장하고 서버를 다시 시작하면됩니다.
그리고 우리는 여기로 돌아가서 새로 고침합니다.
우리는 HVM 앨범을 우리에게 보여 주지만 실제로 전체 페이지를 타이핑하는 것은 여전히 ​​고통 스럽습니다.
기술적으로는 가능하지만 그렇게 어렵습니다.
그것은 단지 좋은 생각이 아닙니다.
다행히도 우리가 모든 코드를 별도의 파일에 작성할 수있는 쉬운 방법이 있습니다. 모든 C S와 예를 들어 모든 프론트 엔드 자바 스크립트를 사용자에게 다시 보내고 싶습니다. 그래서 메소드를 사용할 수 있습니다. render라는 메소드와 render 메소드는 우리가 무엇을 호출하든 응답 객체에 존재한다.
우리의 경우에는 회전하므로 나머지는 렌더링되지 않습니다.
그리고 나서 우리는 홈 페이지 나 집과 같은 파일 이름을주었습니다. Dogstar 또는 Dogstar는 그를 늙어 보았습니다.
그리고 물론 우리는 그 파일을 만들어야하고 그것에 약간의 내용이 있어야합니다.
그러나 우리가하기 전에도이 문제를 해결할 작은 문제가 있습니다. 문제는 익스프레스를 사용할 때 평범한 파일을 쓰지 않는 것입니다.
그렇게하는 방법이 있습니다.
좀 더 많은 설정이 필요하지만 대부분의 웹 앱은 보내지는 표준 Tim 정적 파일이 아닙니다.
우리가 찾고있는 것은 템플릿이라고하는 동적 HTML 파일이며이 비디오의 후반부에 소개 할 것입니다.
하지만 지금은 여기로 가서 이것을 E.J로 바꿀 것입니다. E.J.에 대해 내가 말할 모든 것. 그것은 임베디드 자바 스크립트의 약자이며 Dogstar라는 파일을 렌더링하기 위해 요청을받을 때 약 5 분 만에 더 많은 것을 배울 것입니다.
예.
경로 경로를 더 잘 이해하기 때문에 집으로 바꾸자.
그래서 우리는 그 파일을 만들어야하고 실제로 우리와 같은 디렉토리에 파일을 만들지 않습니다.
우리가해야 할 일은 views라고 불리는 새로운 디렉토리를 만드는 것입니다. 이것은 표현할 디렉토리 인 임의의 이름이 아닙니다.
그래서 파일이 무엇이든 렌더링 할 때마다 뷰 디렉토리에서 먼저 보이고 퓨즈 안에서이 정확한 파일을 찾으려고합니다.
자 이제 만들어 봅시다.
그래서 나는 Ejay 우리가 그것을 좋아하는 터치 플레이 slash 집을 할 것이다.
그리고 나서 다음으로하고 싶은 일은 콘텐츠를 추가하는 것입니다.
새로운 C9 명령으로 파일을 열어 보겠습니다.
E.J ..
예. 여기에 물건을 추가합시다.
이것은 홈페이지입니다.
이 문제를 해결합시다.
그리고 이미지를 추가하고 여기에서 사용하고 싶은 이미지가 있습니다.
이것은 팜 스키 라 불리는 것입니다.
Pomeranian과 거친 믹스입니다.
그것이 사실이라면 이것은 꽤 성장한 Parsky입니다.
소형 허스키 또는 영구 거친 강아지처럼 보입니다.
어쨌든 우리는이 URL을 복사하고 돌아갈 것입니다.
물론 원하는 모든 이미지를 처리 ​​할 수 ​​있습니다.
당신은 자신을 Ellaby라고 생각하거나 타입이없는 것을 찾을 필요가 없습니다.
그리고 지금 우리는 이것에서 닫을 것이고 우리는 잘 가게되어야합니다.
누락 된 것을 제외하고는 실제로 표현을 통해 우리가 누락 된 부분을 알려줄 것입니다.
오류 메시지가 표시됩니다.
그래서 저는 여러분에게 좀 더 여유를주기 위해 이것을 정리할 것입니다.
이제 서버를 시작하겠습니다.
그리고 우리가 라우트 라우트로 갈 때 그것은 홈을 찾을 렌더 메소드를 호출 할 것입니다.
예.
views라는 디렉토리 내부.
그리고 일단 그것이 발견되면 콘텐츠를 가져 와서 응답으로 돌려 보내서 우리는 우리의 앱으로 돌아가서 새로 고침 할 것이고 우리는 여기에 Montreuil을 찾을 수 없다는 오류 메시지를 받게 될 것입니다.
E.J ..
예.
이것이 의미하는 바는 익스프레스가 Ejaz 파일을 렌더링하고 Ejaz 파일에 사용하기 위해 필요한 패키지를 찾고 있다는 것입니다.
따라서 NPM에 Ejay를 설치해야합니다. 그러면 Ejaz를 몇 분 만에 사용하는 이유가 모두 이해가됩니다.
하지만 지금은 NPM 설치를 믿으십시오. Ejay를 설치하면 대시 대시를 할 수 있습니다.
그리고 그것이 끝나면 우리는 노드를 할 수 있습니다.
J.S. 다시 페이지를 새로 고침하십시오. 우리는 이것이 홈 페이지이며 우리의 사랑 스럽다 강아지는 완전히 성장한 톰 스키를 키웠습니다.
이제 우리는 우리가 작성한 파일을 브라우저에 보내고 사용자에게 다시 보냈습니다.
그리고 이것은 훌륭합니다. 그러나 이것은 여전히 ​​웹 어플리케이션에 극히 제한되어 있습니다.
이렇게하면 매번 동일한 페이지가 다시 전송되며 우리가 원하는 것이 아닌 대부분의 웹 응용 프로그램에서만 다시 전송됩니다.
어쩌면 홈 페이지가 동일하거나 로그인 페이지가 동일 할 수도 있습니다.
그러나 예를 들어 사용자가 로그인하면 예를 들어 환영 인사 또는 다시 환영 메시지가 표시됩니다.
사랑스러운 파르 스키 강아지 성인 슬래시.
빠른 예를 통해 내가 무엇을 의미하는지 보여 드리겠습니다.
그래서 나는 돌아가서 새로운 길을 추가 할 것이고 우리 길은 슬래시와 같을 것입니다.
러스티 (Rustie)와 사랑에 빠지면 팜 스키에 빠지게 될 것입니다.
그게 철자가 된 것 같아요.
경로 매개 변수 경로의 변수를 포함하는 메시지를 표시하는 HMO 파일이 필요합니다.
그래서 녹슨과 사랑에 빠져서 슬래시와 사랑에 빠지거나 정의 할 필요가 있다고 말하는 것입니다.
그것이 바로 우리가 말하는 것입니다.
그런 다음 콜백 내부에서 요청과 응답이 필요합니다.
그리고 마지막 운동처럼 VAR의 일이 하람을 요구하는 것과 같을 것이고, 우리는 동물의 말하기 운동과 마찬가지로이 간단한 빨간 점으로 시작할 수 있습니다.
돼지는 윙크라고합니다.
암소는 음매가 여기에서도 똑같이 할 수 있다고 말합니다.
그래서 우리는 당신이 사랑에 빠졌다고 그냥 말할 것입니다.
괜찮아.
그래서 이것은 리뷰입니다. 그리고 지금 서버를 다시 시작하면 나는 슬래시 스케이프와 사랑에 빠지게됩니다. 우리는 당신이 정확하게 문법적으로 맞지 않은 Tomsky와 사랑에 빠지게됩니다.하지만 다시는 Pomps가 아닙니다.
그래서 나는 다시 돌아가서 우리가하고 싶은 일은 우리가 어떻게 그에게 H를 보낼 수 있는지를 알아내는 것입니다. 나는 당신이 사랑에 빠졌고 그 다음에 파일을 만들어서 시작할 수 있다고 말합니다. 이 파일을 views 디렉토리에서 호출하고 원하는 파일을 호출하면됩니다.하지만 나는 단지 사랑 EJ 만 가지고 갈 것입니다. 짧게 유지하고 그 다음에 채울 것입니다.
그래서 우리는 C-9 뷰를 슬래시해야합니다.
그거 사랑해.
예, 우리는 열어 놓았습니다. 당신을 사랑에 빠지게 한 다음, 빈 칸을 채워야합니다.
그러나 우리는 여기에 무엇을 넣어야할지 모르겠다. 그래서 우리는 그것을 그대로두고 P.S.가 적힌 메모를 남겨 두자. 이것은 Ejaz 파일에서오고 있다는 것을 알기 위해 Ejay가 우리에게주는 사랑입니다.
우리가 지금 당장 가지고있는 것은 빨간 발사가 아닙니다.
사실 그걸 없애 버려.
그래서 우리가하고 싶은 것은 그 파일을 렌더링하여 읽기가 렌더링되지 않도록하는 것입니다.
파일의 이름은 E.J ..
예, 자동으로보기 디렉토리에서 찾습니다.
서버 두 개를 시작하자.
예가 다시 시작되고 새로 고침됩니다.
승인.
그래서 우리 파일이 여기 있습니다.
너는 사랑에 빠졌고 여기서 빈칸을 채워야 해.
그리고 저는 이것이 당신을 혼란스럽게하기를 원하지 않는 요점 인 정말로 간단한 예라는 것을 압니다. 그러나이 유형의 논리는 데이터베이스 나 데이터로부터 돌아 오는 데이터로 템플릿을 채울 수있는 곳에서 정말로 중요합니다. 정적 킬 파일이 아닌 사용자가 제공 한 것입니다.
그것은 언제나 똑같습니다.
우리는 기본적으로 HTL에 변수를 추가하기를 원합니다. 각 변수는 HTL이 할 수있는 것입니다.
그래서 E.J. S는 임베디드 자바 스크립트를 의미합니다.
H Timo 내부에서 명령문이 반복되는 경우 자바 스크립트 코드 변수를 임베드 할 수 있습니다.
그래서 우리가 어떻게 할 수있을 것입니다.
당신은 사랑에 빠졌고, 여기에서 이것은 아직 작동하지 않을 것입니다. 그러나 우리는 우리의 변수를 넣을 수 있습니다.
그러나 이것은 정상적인 HMO로 취급 할 것이기 때문에 작동하지 않을 것이며 그것은 우리에게 변할 수있는 단어를 보여줄 것입니다.
우리는이 각각이 자바 스크립트 코드임을 가르쳐 줄 뭔가를 할 필요가 있습니다. 자바 스크립트 코드는 자바 스크립트처럼 취급 할 것입니다.
다행히도 우리에게 그렇게 할 수있는 방법이 있습니다.
당신이 그것을 처음 볼 때 좀 이상합니다.
이 모양입니다.
따라서 우리는 대괄호를 사용하고 그 다음 백분율 기호를 사용하고 여는 괄호에 등호를 표시합니다.이 두 대괄호 사이에 오는 것은 모두 자바 스크립트로 처리됩니다.
그래서 저는 우리가 5 + 5 같은 것을 사용할 수 있다는 것을 보여 드리겠습니다. 보통 H M L에서 5 + 5를 보여주기 위해 실제로 할 것입니다.
이러한 Ejay가 없으면 대괄호는 5 개를 더한 5 개를 인쇄하지만 여기서는 바로 10 개를 인쇄합니다.
따라서이 템플릿을 저장하거나 J 후에 서버를 다시 시작하고 페이지를 새로 고침하면 5 개에서 5 개까지를 잃게됩니다.
그리고 나는 그것을 완전히 얻는다.
내가 5시에 멈추게되면 10시에 완전히 잡을 권리가있다.
그래서 우리는 돌아갈거야.
그래서 우리는 다섯 더하기 5가 거기에 인쇄되기를 원하지 않습니다.
그러나 우리는 실제로 물건을 가변적으로 원합니다.
우리는 이것을 VAR이라고 부르거나 그냥 멀리 할 것입니다.
그리고 이것은 여기에 우리의 코드에서 올 필요가 있습니다.
그래서 우리가해야 할 일은 E.J. 템플릿으로 우리는 그것을 인쇄하고 우리가 여기있는 동안 다섯 더하기 5도 제거합니다.
그래서 우리는 당신을 사랑에 빠지게하고 우리는 그 일을 멀리 정의 할 필요가 있습니다. 그리고 당신은 우리가이 일을 할 수 있다고 생각할지도 모릅니다.
Var은 슬롯 것부터 요청합니다.
그리고 표현 된 것이 자동으로 모든 변수를이 템플릿으로 보내는 것을 희망 할 수 있습니다.
그리고 그것은 단지 var에 대해 알고 있습니다.
불행히도 그것이 작동하는 방식이 아닙니다.
그리고 서버를 다시 시작한다는 것을 보여 드리겠습니다. 오류 메시지가 나타나고 var이 정의되어 있지 않다는 것을 알려줍니다.
이제 돌아가서 물건 바를 정의해야합니다.
그리고 제가하는 일은 실제로 그것을 사랑하는 E.J.에게 전달하는 것입니다. s 템플릿을 사용하고 객체로 전달할 때 점 렌더링 선에 그 작업을 수행합니다.
그리고이 객체에서 템플릿에 여러 개의 데이터를 넣을 수 있습니다.
그래서 일들이 오히려 이것을 명확하게하기 위해 호출 할 것입니다. 그리고 나서 여기를 통해 데이터를 전달할 것이고 저는 템플릿 일에 var가 thing과 같아야한다고 말할 것입니다.
이 일이하는 일은 가치있는 것을 가지고 바로 여기에 붙이는 것입니다.
그래서 그것은 Rusty와 동등한 것처럼 보일 것입니다.
그리고 여기에 var가 대체 될 것입니다.
이 모든 것이 녹슨 것으로 대체 될 것입니다.
좋아, 그럼 그걸 남겨 둘거야.
여기로 돌아가서 우리가 단지 resti로 하드 코딩하여 시작하지 않고 서버를 다시 시작하면 페이지가 새로 고침되어 Rusty와 사랑에 빠지게됩니다.
따라서 문자열을 작성하는 것보다 다음 단계는 우리가 가지고있는 것을 변수로 저장하는 것만으로 돌아가는 것입니다. 그리고 그것을 이름의 바 아래로 통과시킨 다음 거기에서 렌더링합니다.
E.J. 이 우키 한보고 물건을 태그했습니다.
다시 서버를 다시 시작하십시오.
이제 네가 파스키와 사랑에 빠지게 만들거야.
그리고 내가 너에게 간다면 너는 Tater Tots와 사랑에 빠지게된다.
이것은 우리가 사용할 매우 강력한 개념입니다.
내가 말했듯이, 여기에 나온 모든 동적 인 페이지는 사용자가 요청한 특정 데이터에서 요청한 내용에 따라 변경 될 수있는 모든 응답을 가볍게 처리합니다.
내가 보여줄 다른 것은 이것이 단지 정규 자바 스크립트라는 것입니다.
그래서 바로 여기에서 저는 대문자와 같은 것을 할 수 있습니다. 그러면 이것이 먼저 실행될 것이고 녹슨 것처럼 인쇄 될 어떤 것을 반환 할 것입니다.
그래서 그것은 단지 일반적인 자바 스크립트이고, 우리는 무엇이 들어가야하고 무엇을하지 말아야하는지에 대해 더 이야기 할 것입니다.
몇 가지 규칙이 있기 때문에 당신의 노약자를 혼란스럽게하고 싶지는 않습니다. 모든 Ejaz 템플릿에 톤과 자바 스크립트가 있습니다.
당신은 그것을 최소한으로 유지하고 싶지만, 지금은 이것을하고 절약 할 것입니다.
그리고 이것이 우리가하는 마지막 일입니다.
서버 새로 고침을 다시 시작하십시오.
그리고 이제 나는 자본화 된 버전을 얻습니다.
좋아, 이제 우리가 말한 모든 것을 정리해 보자.
이 수업에는 꽤 많은 부분이 있습니다.
우선 우리가 여기서했던 것과 같이 redstart render를 사용하여 파일의 내용을 되돌려 보낼 수 있으며, 그 템플릿은 views 디렉토리에 존재해야하며 자동으로 거기에 보인다.
다음으로 임베디드 자바 스크립트를 의미하는 Ejaz에 대해 이야기했고, 우리가 제공하는 일부 데이터에 따라 동적 인 템플릿 HDMI를 변경할 수있게되었습니다.
우리는 각각의 예를하고 나서 우리의 파일을 국방부의 Ejay라고 부르는 것이 필요하다는 것을 알았습니다.
그리고 나서 우리는 NPM 설치 Ejay를 실행할 필요가있었습니다. 그런 다음 마지막으로 Ejay를 사용할 수 있습니다. 처음에는 매우 이상합니다.
키보드의이 부분을 많이 사용하지는 않았지만 백분율 기호와 같음, 그리고 반대쪽에 백분율 기호가 들어가는 부분은 모두 괄호 안에 있고, 처음에는 JavaScript 코드로 처리 된 다음 그 코드가 반환하는 것은 HMO에 인쇄되고 데이터를 전달합니다.
우리는 키 값 쌍이있는 빨간 점 렌더링 호출에서 객체를 전달할 수 있습니다.
그것은 단지 일반적인 자바 스크립트 객체입니다.
그리고 템플릿에서 우리가 정의한 변수에 접근 할 수 있습니다. 객체의 속성입니다.
이 경우, 사물의 가치가 매번 변하는 것이 무엇이든, 사물은 같습니다.
그리고 여기에서 우리는 그 다음에 물건을 사용할 수 있습니다.
좋아,이 동영상에는 소화 할 부분이 많이 있다는 것을 알고있다.
특히 이러한 개념을 통해 더 많은 연습을하게 될 것입니다.
E.J ..