이 블로그의 마지막 비디오에 오신 것을 환영합니다.
그래서 우리는 변화해야합니다.
우리가 만들거야.
첫 번째는 제가 언급 한 Express sanitiser를 구현하는 것입니다.이 문제는 HDMI Olafur가 실제로 사용자를 렌더링하는 데 스크립트 해킹 대신 유해한 자바 스크립트를 입력 할 가능성이있는 문제를 해결하는 데 도움이됩니다.
우리는 위 코드를 실행하지 않으므로 우리가 위생 조치를 사용하여 기본적으로 그 입력을 받아들이면 모든 스크립트를 제거하고 단지 노후 한 동료를 제공합니다.
그리고 나서 인덱스 페이지의 스타일을 지정하기를 원합니다.
조금 거칠게 보입니다. 마지막으로 할 일은 좀 더 유용하게 사용할 수 있도록 편안한 Rhodes 테이블을 조금만 업데이트하는 것입니다.
그래서 소독제부터 시작합시다.
그래서 Express dash sanitiser 대시 (dash dash)라는 패키지를 설치하려고합니다.
구하다.
승인.
이제는 우리의 응용 프로그램에서 그렇게했습니다. 그렇습니다. 그렇기 때문에 익스프레스 sanitiser와 똑같은 익스프레스 Desch sanitiser를 요구할 것입니다.
그리고 우리는 애플 리케이션 익스프레스 sanitiser를 사용하여 우리의 애플 리케이션을 말해야 만 유일한 요구 사항이 모든 파서 후 간다.
여기에 정의하십시오.
승인.
그리고 그게 다야.
이제는 그것을 사용하여 새 블로그를 만들 때 대신 시작하기를 원합니다.
따라서 실제로 업데이트를 만듭니다.
두 곳에서 데이터를 가져 와서 데이터베이스에 저장하고 있습니다.
두 번 모두 당신이 입력을 sanitize하고 대신 우리가 살생하고자 원하는 것을 생성하고 싶습니다 몸의 요청이 몸의 요청을 기억하고 있습니다. 우리의 경우에는 양식에서 왔고 그 다음 블로그는이 줄로 인해 여기에 있습니다.
블로그 제목 블로그 이미지와 마침내 블로그 시체를 찾으십시오.
그리고 이것이 우리가 염려하는 것입니다.
그래서 우리는 블로그 도트 시체를해야합니다.
그래서 여기 긴 긴 이름의 일종이지만 블로그 몸체를 요청합니다.
그리고 우리는 위생 처리를 요청하는 것과 동등한 것으로 바꾸어서이 모든 것을 위생 처리 할 것입니다.
그래서 우리는 현재 그것을 위생적으로하는 것과 똑같은 것을 취한 다음 전체 요청을 바디 덤프 기록 된 본문과 동일하게 변경합니다.
그러니 당신이 정직한 블로그를 만들도록 분명히하겠습니다.
그 시신을 전후에 요청하십시오.
그냥 그렇게.
그리고 좀 더보기 쉽게하기 위해 뭔가를 추가하겠습니다.
큰.
승인.
그럼 이제 한번 해보 자고.
서버를 새로 시작하십시오.
우리는 새로운 지위를 만들어야 할 것입니다.
데모 무작위 이미지라고 불리는 것을 만들자. 우리가 사용하거나 입력하기를 원하는 좋은 HMO를 추가 한 다음 다시 경고가 될만한 나쁜 것을 추가합시다.
우리는 거기에 갈.
그래서 이것이 작동한다면 우리는 이전과 이후 둘 다 이것을 가지고 있음을 알 수 있습니다.
무슨 일이 일어나는지 살펴 보겠습니다.
완전한.
첫 번째 시체가 이것과 동일하다는 것을 알 수 있습니다.
또는 두 번째로 스크립트 태그를 넣었습니다.
몸에는 H-1 만 있습니다.
그래서 우리가 무언가를 위생적으로 처리해야합니다.
그리고 우리가 지금 보여 주면 우리는 그들이 우리가 믿는 새로운 지위에 간다.
여기에 우리가 살펴 봅니다.
문제를 직접 표시하고 있지만 스크립트 태그가 전혀 없습니다.
그래서 그것은 잘 작동합니다.
그들이하고 싶은 마지막 일은 동일한 코드를 실행하지만 업데이트 대신 수행하는 것입니다.
우리는 블로그에서 요청을 업데이트하기 전에 바로 거기에 있습니다.
그럼 똑같은 짓을 했어.
마이너 번호
이것은 우리가 아직 이야기하지 않은 미들웨어로 잘 알려진 사례를위한 좋은 유스 케이스이지만 두 가지 다른 경로에서 두 번 반복되는 것입니다.
우리가 할 수있는 일은이 두 가지 경로 이전에이 코드를 실행할 미들웨어를 작성하는 것입니다.하지만 미들웨어를 다루겠습니다.
EXPRESS의 끝을 향한이 과정의 뒷부분에서 이제 어떻게해야할까요?
그리고 그것은 잘 작동합니다.
그러면 다음에 만드는 사람을 업데이트 할 때도 두 가지 방법으로 위생 처리됩니다.
EJ에 초점을 맞추거나 색인을 만들어 봅시다.
예.
그래서 약간의 작업이 필요합니다.
지금이 모양 같아요.
몇 가지 삭제를 시작하겠습니다.
그리고 그것은 우리가 sanitiser를 추가하기 전에 내가 만든 게시물 중 하나였습니다.
나는 이미지를 가지고 있지 않은 것들을 삭제하기 때문에 실제로 이미지를 볼 수있는 스타일을 쉽게 완성 할 수있다.
이제 우리가하고 싶은 것은 시작하기에 집중하는 것입니다. 이미 사용했던 많은 코드를 사용하려고합니다.
그래서 우리의 인덱스 대신에 좋은 헤더를 가지고 있지만 div의 내부에 모든 것을 넣을 것입니다. 그리고이 div는 UI 중심 텍스트 컨테이너와 동등한 클래스를 갖게 될 것입니다.
그리고 내부는 우리 부서를 가질 것입니다.
그리고 이것은 기본적으로 우리가 양식과 쇼 페이지에 대해 쓴 마지막 작은 라인에서부터 재활용됩니다.
따라서 클래스는 거대한 머리글과 같고 인덱스 페이지 세트를 넣을 것입니다.
그냥 블로그를 위해 휴식을 가자.
그냥 그렇게.
그리고 우리가 잘했을 때 나는 다른 div를 추가했습니다.
이것은 하나의 상자에 작은 선을 제공하고 그 내부는 루핑을 통해 전달되는이 UI 상단 첨부 세그먼트를 제공하는 세그먼트가 포함됩니다.
그리고 우리는 클래스 UI로 나누어 진 div를 가진 루프인데, 각 아이템에 대해 우리는 아이템을 나누었고 아이템 사이에는 자동 디바이더를 넣습니다.
그래서 우리는이 코드를 여기에 복사 할 것입니다.
우리가하는 일은 약간의 변화가 필요합니다.
첫 번째는 부채에 불과하지만 우리는이 내부를 인쇄하려고하지 않습니다.
우리는 item과 같은 div 클래스를 만들고 나서, 먼저 이미지가있는 아이템 안에 이미지가있는 div 대신에 이미지가 갈 것이고 우리는 거기에 넣을 것입니다. 이미지의 크기 때문에 우리는 거대한 이미지가 더 이상 전체 화면을 차지하지 못하게합니다.
OK 이미지가 내부에 이미지를 넣었습니까? 그런 다음 내용과 동일한 다른 div 클래스가 필요합니다.
그리고 이것은 내가 몇 가지 것을 넣을 곳입니다.
첫 번째 것은 제목이고 실제로 제목이있는 H-2를 만드는 것이 아니라 앵커 태그를 만들거나 앵커 태그가 Hetter와 같은 클래스를 갖지만 표시 페이지와 동일한 참조를 갖게되며 위험도가있는 사본 당신은 이미 당신이 가진 것과 같습니다.
그래서 더 많은 링크를 읽으십시오. 그래서 우리가 이것을하는 이유는 각 블로그에 대한 헤더를 클릭하면 표시 페이지로 이동하거나 더 많은 것을 클릭 할 수 있습니다.
작은 구문 오류가 있는지 확인합시다.
우리는 Atra flops에 대한 우리의 마감 견적을 여기에서 놓치고 있습니다.
승인.
Atra는 쇼 페이지이고 그 다음 괄호 안에 블로그 제목이 있습니다.
그것은 다소 혼란 스럽다.
그 다음에는이 특정 항목에 대한 정보를 넣기위한 장소 인 Metta와 같은 클래스의 div를 추가합니다. 여기서는이 특정 항목에 대해 우리가 이미 가지고있는 날짜의 범위가됩니다.
그러나 나는이 날짜를 형식화 할 것입니다. 그래서 우리는 이미 쇼 페이지에서 본 날짜 문자열에 블로그 점을 작성한 다음 그곳에서 라이브를 닫습니다. 그리고 나서 우리는 description과 같은 div 클래스를 갖게 될 것입니다.
이것이 바로 우리가이 콘텐츠를 넣을 곳입니다.
블로그의 실제 본문입니다.
그리고 등호를하기보다는 다시 대시로 바꾸거나 다시 변경하지는 않겠습니다.하지만 이제는 살인화된 내용의 실제 시대를 알 수 있도록 대시로 바꿀 것입니다.
마지막으로 div에 클래식을 추가하고 그 대신에 더 많은 것을 읽기 위해 버튼을 놓을 것이고 앵커 태그를 만들 것이며 우리가 이미 가지고있는 태그를 복사하여 조금만 바꿀 것입니다.
따라서 더 이상 고전적인 헤더가 필요하지 않지만 대신 큰 버튼이 필요합니다.
그래서 저는 기초가 떠있었습니다.
다시 바이올렛 색을 선택하십시오.
그리고 우리는 이것을 조금 할 수 있습니다.
봐야 할 것이 많습니다.
그럼 이것을 조금만 더 해봅시다.
그래서 여기에 개봉 후에 우리가 더 읽어야 할 앵커 태그를 설정하고 아이콘에 더 많은 것을 읽은 후에 작은 화살이 될 셰브론 아이콘을 추가 할 것입니다.
OK 마라톤 거기.
우리가 추가 한 것들.
이 문제를 처음부터 해결하고 싶지 않다면 모든 것이 OK인지 확인하고 솔루션 코드를 살펴보십시오.
구문 오류가없는 것을 어떻게 보는지 보겠습니다.
그것은 우리가 찾고있는 것만 넘어갑니다.
그래서 우리는이 글의 처음 100 자 또는이 글자만큼 많은 글자를 자릅니다.
이 경우 매우 짧은 링크를 클릭하면 더 많은 링크를 볼 수 있습니다.
돌아가 편집 할 수 있습니다.
우리는 여기에 그녀의 이미지를 가지고있다.
분할 된 선들 뒤에 우리는 우리의 헤터 (Hetter)가 있습니다. 우리는이 모든 부분을 돌아 다니며 우리는 거의 끝났습니다.
그래서 우리는 당신이이 수업들을 모두 알 필요가 없다고 느끼지는 않는다고 다시 생각하지 마십시오.
나는 그냥 그렇게했다.
너는 그들에게 너를 주었다.
빠른 화재 스타일.
요점은 당신이 모든 것을 배우기 때문이 아닙니다.
그러나 당신이 더 많은 것을 배우고 시맨틱 dashi에가는 이유는 무엇입니까?
훌륭한 자습서와 리소스가 많이 있습니다.
부트 스트랩만큼 널리 사용되지는 않지만 확실히 성장하고 있습니다.
나는 많은 학생들이 스스로 찾아 낼 수 있음을 알았다.
과거에는 내가 가장 많이 가르쳤던 두 가지 가장 최근의 수업에서 블루칩 이후에 학생들에게 소개 할 것이지만 학생들은 정말 빨리 나를 사랑하지 않고 그것과 사랑에 빠졌고 부트 스트랩을 통해 그것을 사용하게되었습니다.
대부분의 학생이 있지만 전적으로 당신에게 달려 있습니다.
나는 그들 모두를 즐겼고 부트 스트랩은 현재 확실히 인기가있다.
좋습니다. 제가 언급 한 마지막 것은 리팩터링 테이블입니다. 우리 테이블은 단지 작은 것입니다.
그리고 내가하고 싶은 것은 이들 각각에 해당하는 몽구스 방법의 마지막 칼럼을 추가하는 것입니다.
그래서 이드가 찾은 업데이트를 찾아서 아이디 찾기에서 제거를 찾는다.
테이블이 어떻게 작동하는지 간단히 살펴 보겠습니다.
그래서 여기에 우리가 다른 시간에 추가 할 필요가있는 양을 나이 든 차트가 있습니다. 우리는 그것을 mongoose 메서드라고 부르며 미리보기로 요리 미리보기를 열고 여기를 아래쪽으로 옮깁니다.
우리 테이블이나 새로운 일이 있습니다.
그리고 색인을 위해 몽구스 방법으로 TV에 개를 추가 할 것입니다.
됐어.
다음으로 우리는 실제로 몽크 방법이 전혀없는 새로운 것을 가지고 있습니다.
따라서 파일을 공백으로 두지 않고 그냥 폼을 렌더링하는 파일에 넣을 것입니다.
다음으로 우리는 생성과 생성을 통해 dog dot create를 할 것입니다.
그리고 정말 멋진 기능 중 하나는이 라이프 미리보기를 MIDI 편집 기능으로 사용하면 여기에서 선택하면 꽤 멋지다는 것을 알 수 있습니다.
따라서 관리자를 열어서 생방송을 보지 않아도됩니다.
그리고 사물을 변경하면 페이지를 저장하거나 새로 고치지 않고도 실시간으로 업데이트됩니다.
승인.
그러면 ID로 찾은 강아지를 보여주는 쇼가 있습니다.
개는 ID로 벌금을 부과합니다.
우리는 우리가 편집중인 개를 찾아야합니다. 그것은 양식을위한 것입니다. 그리고 나서 ID로 트림되고 긴 하나를 업데이트하는 개가 업데이트됩니다.
그리고 그는 또한 다소 긴 강아지가 이드에 의해 찾아 내고 모든 것을 제거합니다.
한 번 보자.
여기 테이블이 있습니다.
내가 우연히 업데이트를 표시하도록되어있는 CD 중 하나를 여기 실수로 삭제 한 것처럼 보입니다. 그러면 업데이트가 개가 딱딱한 간지개 개를 업데이트 한 다음 어딘가로 리디렉션해야합니다.
괜찮아.
이제 정상으로 돌아 가야합니다.
여기 테이블이 있습니다.
그래서 몽구스 방법이 전혀없는 유일한 사람입니다.
새로운 것은 데이터베이스를 찾지 못하기 때문에 새로운 것이 될 것입니다.
그것은 단지 우리를 형식으로 만듭니다.
큰.
잘하면이 테이블을 참조 할 수있는 미래에 당신을 위해 유용합니다.
나는 우리가 많이 사용할 많은 중요한 정보를 확실히 다루고있다.
괜찮아.
이제 우리는 이것을 끝내고 더 복잡한 애플 리케이션을 좀 더 재미있는 것들로 넘어 가게됩니다.
나는 약간의 미국이 덮여있는 것을 알아 차렸다.
항상 힘든 일입니다.
흥미로운 이유는 단지 많은 정보 때문입니다.
하지만 그 신뢰성이 읽기 업데이트를 생성하고 엔티티를 삭제할 수 있도록하는 것이 중요합니다.
괜찮아.
내년에 보자.