우리는 다음 몇 개의 비디오를 위해 다시 올 것이다.
우리는 마지막 비디오에서 보여준 블로그 앱을 만드는 데 집중할 것입니다.
그리고 몇 가지 비디오를 찍을 것입니다.
우리는 한 번에 하나의 경로를 갈 예정입니다. 왜냐하면이 편안한 경로가이 첫 번째 비디오에서 얼마나 중요한지 알기 때문입니다.
우리는 색인에 초점을 맞추고 순서대로 갈 것입니다.
새로운 것에 중점을두고 작성하고 편집하고 업데이트하십시오.
그리고 마지막으로 파괴에 대한 비디오와 함께 앱을 만들고 우리가 가장 필요로하는 7 가지 경로를 추가하는 것은 CSSA와 자바 스크립트를위한 부트 스트랩과 비슷한 다른 프레임 워크 인 의미 론적 UI를 소개하려고합니다.
그래서 지난 몇 달 동안 다시 언급했는데, 왜 내가 실제로 왜 그렇게 보이는지를 좋아합니다.
그것은 하나의 이유이지만, 가장 중요한 것은 다른 프레임 워크에 당신을 드러내 기 때문에 비슷한 것들이 얼마나 비슷한 지 알 수 있습니다.
당신은 내가이 모든 정보로 당신에게 폭탄을 던질 다른 틀을 보여주기위한 나쁜 생각이라고 생각할지도 모르지만 좋은 소식은 사물이 너무 비슷하다는 것입니다.
두세 가지를 보게되면 공통점이 얼마나 많은지 알기 시작합니다. 서로 다르게하는 것보다 공통점이 많습니다.
그래서 의미 론적으로 왜 우리는 앱을 만드는 것으로 시작할 것인가?
그래서 나는 안락한 라우팅이라는 디렉토리 안에 있습니다.
당신이 따라 가고 싶다면 이미 거기에 해결책이 있습니다.
그래서 당신이 그 일을 자유롭게 할 수 있고, 새로운 것을 커버하고 싶지 않다면 앱을 만들지 않으려는 경우, 건너 뛸 수 있기 전에 그것을 보았 기 때문에 만들 수 있습니다. .
하지만 나와 함께 모든 경로를 따라가 보는 것이 좋습니다.
우리가 이것을 깨닫는 것이 정말 중요합니다.
실제로 우리의 특급 앱의 빵과 버터입니다.
승인.
그래서 우리는 응용 프로그램을 만들 것입니다. 블로그 응용 프로그램이라고 부를 것입니다.
사실은 그걸 안식한 블로그 앱이라고 부르고 그 다음 CD와 우리가 좋아하는 NPM이라고 부르 자.
큰.
괜찮아.
승인.
이제 우리가 필요로하는 것들을 설치하여 NPM을 설치하고 첫 번째 과정을 명시 적으로 표현한 다음 몽구스를 추가합니다.
그리고 우리가 여기있는 동안 우리는 시체 파서를 할 것입니다.
그래서이 세 가지 대시 대시를 기억해 두십시오. 본문 파서는 양식이 요청 본문에 데이터를 보내는 양식에서 데이터를 가져 오는 방법이며 본문 사람을 사용하여 요청 본문을 구문 분석한다는 것입니다.
그래서 그것은 다음 비디오에있을 것입니다.
지금은 색인 만하고 있습니다.
그래서 우리는 그 설정을 만들거나 실제로 그렇습니다.
이제 우리는 장치를 열고 필요한 표현을 표현해야하는 파일의 표준 상단을 작성한 다음 Express와 동등한 작업을 수행하고 Dadch 파서가 필요하기 때문에 여기에있는 동안 Vadi 파서에 추가합니다.
그리고 마침내 우리는 몽구스를 할 것이고, 나는 이것을 정리하고 싶다.
길이별로 주문하고 싶습니다.
그래서 우리는 나의 관습을 따를 경우 신체 부위 또는 첫 번째로 끝납니다.
그러나 그렇게 중요하지는 않지만 단지 내가 이것을하고 싶지 않다고 말하면됩니다.
신체 부위가 처음이고 그 다음에 우리는 몽구스를 가지고 있고 그 다음에 표현합니다.
그리고 그것은 길이별로 나열하는 것입니다. 그리고 나서 우리가 정말로 원한다면 들여 쓰기 할 수 있습니다.하지만이 비디오의 요점은 아닙니다. 그래서 이것을하는 데 너무 많은 시간을 소비하지 않을 것입니다.
좋아, 이제 그 일을 끝냈다.
모든 세미콜론을 확인하십시오.
다음으로 우리는 몽구스를 설치해야합니다.
그래서 우리의 블로그 모델입니다.
그것은 블로그라고 불릴 것이고 당신은 Arel 이미지를 가질 제목을 갖게 될 것입니다. 그리고 나서 우리는 우리가 그것을 블로그 텍스트가 될 시체라고 부를 것입니다.
따라서 제목 이미지와 본문은 모두 문자열이며 또한 보지 못했던 새로운 무언가를 날짜로 추가합니다.
그래서 그것이 왔습니다.
그리고 우리가 몽구스를 구성 할 필요가 있기 전에 우리는 몽구스 연결이 필요합니다. 우리는 Mongo divi Cole에 연결하고 슬래시 로컬 호스트는 우리의 응용 프로그램의 이름을 슬래시하고 우리의 응용 프로그램은 편안한 블로그라고합니다.
그리고 다시 그건 중요하지 않습니다.
우리는 처음으로 그것을 만들고 있습니다.
우리가 미래에 그것을 바꿀 수없는 한 항상 처음에는 편안한 산책을 할 것입니다.
그것은 그것을 만들 것입니다.
승인.
그리고 우리는 나중에 이것을 할 필요가 없습니다.
그러나 우리의 데이터 세트 뷰 엔진을 yes로 설정하여 설치해야합니다.
그리고 우리가 기다리는 동안 앱을 사용하자. static과 공개 디렉토리를 사용하여 사용자 정의 스타일 시트를 제공 할 수 있습니다.
우리가 어떤 좋은 표현 방식의 시작에서 할 수있는 좋은 습관을 얻었고 응용 프로그램을 추가 할 때 우리의 body parser 인 body parser를 사용하지 마십시오.
당신은 모두 진실한 확장 된 전화와 진실한 종류의 한 마디로 인코딩되어 있지만이 세 줄은 기존의 앱에서도 복사 할 수 있습니다.
그래서 우리는 바로 아래에 설정하여 우리의 특급 앱이 작동하는지 확인합니다.
포트 프로세스에서 프로세스 아빠가있는 곳에서 IP를 선택하고 콜백 평의회 성인 로그 서버가 실행 중임을 선택하자.
괜찮아.
그것을 시험해 봅시다.
아무 문제 없습니다.
큰.
자 이제 몽구스에 대해 알아 봅시다.
그래서 우리는 몽구스를 연결했습니다.
이제 스키마와 모델을 만들어야합니다.
이제 스키마부터 시작하겠습니다.
우리는 var log schema를 새로운 mongoose와 같은 스키마로 만들 것입니다. title이라는 문자열을 문자열로 사용하는 것입니다. 이미지는 문자열이기도 한 문자열입니다.
그리고 우리는 우리의 데이터가 생성 된 전화를 보내고 있습니다.
그리고 우리가 할 수있는 일은 우리가 수동으로 날짜를 지정해야하기 때문에 이것이 편리하지 않다는 것입니다.
우리는 날짜를 사용하거나 실제로 입력하는 것을 원하지 않습니다.
이 사용자가 게시물을 만들었거나 블로그를 만들었을 때 현재 날짜를 가져 가고 싶었습니다.
그 날짜를 잡아서 기본값을 새로운 값으로 설정할 수 있습니다.
type을 date로 지정하지만 default date도 지정합니다.
이제 우리 모두를 위해 잘 작동 할 것입니다.
그리고 이것은 생성 된 것이 날짜 여야하며 현재 기본값 데이터가 있어야한다고 말합니다.
따라서 기본 이미지를 원한다면 이미지에 대해서도 동일한 작업을 수행 할 수 있습니다.
사용자가 이미지를 입력하지 않으면 문자열을 입력 한 다음 기본값을 사용할 수 있습니다.
자리 표시 자 이미지와 말뚝과 같은 문자열을 사용할 수는 있지만 그렇게하지는 않겠지 만 원하는 경우 쉽게 할 수 있습니다.
승인.
마지막으로 여기서 한 가지주의해야 할 점은 때로는 들여 쓰기 된 것을 보게 될 것입니다.
짧은 것이기 때문에 그것은 단지 대상입니다.
나는 이것을하지 않을 것이다.
너무 많은 공간을 차지하거나 실제로 그렇습니다.
그것은 어수선하게 흐트러 질 것입니까?
그래서 나는 이것을 이렇게 두었다.
OK 제목 이미지 본문이 생성 된 후 다음 단계입니다.
이것들을 없애 버리는 것은 그 모델로 그것을 컴파일하는 것입니다.
지금까지 블로그는 mongoose와 모델 로그 로그 스키마를 비교합니다.
우리는 거기에 갈.
저것을 저장 하거든 나는 다만 mongoose 슬래시 모형 config를 밝히는 코멘트에서 여기에서 추가하기 위하여려고하고있다.
여기에 다른 설명을 추가하겠습니다.
그것은 app config라고 불리우고 여기에 route에 코멘트를 추가 할 것입니다.
렉스를 위해 쉬라고 부르 자고.
이제 우리가 가서 색인 경로를 추가하거나 새로운 경로를 표시하여 7 명의 담당자를 모두 만듭니다.
그리고 네,이 파일은 조금 어수선해질 것입니다.
다시 말해서 나는 이것에 대한 부러진 기록이지만, 우리는 이것을 곧 다른 것들로 분리 할 것이다.
모델의 파일을 여러 모델로 만들 수있는 방법을 보여 드리며 경로 파일을 저장하는 방법과 구성 및 미들웨어 파일을 저장할 수있는 방법을 보여줍니다.
다른 것들이 많이 있지만 그것을 간단하게 유지합니다.
조기에 나는 당신을 혼란스럽게하고 싶지 않습니다. 누군가가 파일을 끊임없이 바꾸는 지 지켜보기가 어렵다고 생각합니다.
추적하기가 어렵습니다.
그래서 우리는 하나의 파일로 그것을 할 것입니다.
그러나 반드시 이것이 최상의 방법은 아님을 기억하십시오.
이 앱이 정말 큰 앱이라면, 특히 많은 개발자가 작업하고 있다면.
이제 우리는 레슬링 랩을 시작했습니다.
인덱스 이름 인덱스부터 시작한다는 것을 기억하십시오.
그 경로는 요청을 받기 위해 블로그를 슬래시해야하며 모든 블로그를 나열해야합니다.
이제 우리가하기 전에 그것을 해봅시다.
내 앱을 아직 실행해도 문제가 없습니다.
그리고 실제로 블로그를 한 번만 만들어 보도록하겠습니다.
그래서 우리는 정말로 간단 할 것입니다.
이 리뷰 블로그가 만들어지면 우리는 제목을 블로그 테스트 이미지라고 부르고 싶습니다.이 사이트에서 이미지를 가져 와서 스플래쉬 닷컴은 훌륭한 리소스입니다.
나는 당신이 원하는 무엇이든 할 수있는 자유로운 자유로운 심상의 낱단이있는 미래 영상에서 당신을 보여줄 것이다.
그래서 강아지의이 하나를 가져다가 거기에 실제로 어떤 사람이라도 될 수 있다는 것을 알게됩니다. 우리는 테스트 할 무언가를 갖고 싶어합니다. 그러면 우리는 우리 몸과 몸을 가질 수 있습니다. 안녕하세요.
이것은 블로그 게시물이며 비어 있습니다.
모든 강간.
그럼 그냥 해보 죠.
우리는 콜백만큼 아무것도하지 않을 것입니다. 콜백만으로 작동한다고 가정하면 몽고 단점을 테스트 할 것입니다.
그러니 파일을 실행하지 마라.
아무 일도 일어나지 않았거나 아무 일도 없었던 것처럼 보입니다.
그러나 만약에 당신이 Mangu에 가면 우리는 나머지 전체 로그를 사용합니다. 그래서 우리는 이것을 double check로 부르고 그 다음에 D-B dot log를 수행합니다. 거기에 우리의 첫번째 블로그가 있습니다.
그래서 우리를위한 두 가지.
하나는 우리 모델이 올바르게 설정되었음을 증명하지만 일단 색인을 얻는다면 모든 블로그를 나열해야하기 때문에보아야 할 것이 있는지 확인해야합니다.
우리가 조금이라도 압도적 인 것을 볼 블로그가 없다면 우리는 그것이 작동하는지 말할 수 없을 것입니다.
그래서 나는 거기서 나간다.
이제 우리의 경로에 초점을 맞추자.
나는 이것을 없애 버리는 것을 의미합니다. 매번 새로운 블로그를 만들고 싶지는 않습니다. 매번이 앱을 실행해야합니다. 특히 개가 정말 귀엽기는하지만 계속해서 동일한 앱을 반복해서 실행하지 마십시오.
우리가하고자하는 일은 우리의 색인 경로를 만드는 것입니다.
다시 슬래시 블로그를 요청하면 slap 로그를 표준 요청 응답 콜백에 추가 한 다음 다시 렌더링을 수행하고 렌더 링 할 템플릿을 색인 점이라고 부릅니다. 우리는 Ejay가 아닙니다. Ejay Yes 또는 색인 만 필요합니다.
그리고이 행 때문에 우리는 Ejay가 필요 없지만 index라는 템플리트가 views라는 템플리트가 필요합니다.
그래서 우리는 지금 그것을 할 것입니다.
디렉토리보기 터치보기 슬래시 색인을 확인하십시오.
그리고 저는 색인이 생성되는 작은 실수를 저질 렀습니다.
E.J. 예.
그래서 좀 더 연습을하거나 파일을 제거하려면 제거하거나 플래시 인덱스를 사용한 다음 다시 만드십시오.
슬래시 색인 점을 터치합니다.
E.J. 예.
그런 다음 열어 보면이 간단한 H-1 색인 페이지가 시작되어 저장됩니다.
그럼 우리는 그 색인 페이지를 보자.
지금은 인덱스 페이지 기능을 수행하지 않습니다.
이제 우리가 몇 가지 방법으로 얻을 수있는 미리보기로 가면 Web Dev Bootcamp에서 com dash 코드를 배우게됩니다. C9에서 가르쳐 주거나 미리보기 실행 응용 프로그램을 미리 볼 수 있습니다.
여기에서 열 수 있지만이 버튼을 클릭하여 브라우저에 표시하거나 원하는 경우 여기에 보관할 수 있습니다.
승인.
그래서 여기에 오류가 발생합니다. 왜냐하면 경로 경로가 없기 때문에 슬래시 로그가 필요하고 색인 페이지 경로를 얻을 수 있기 때문입니다.
경로 페이지의 홈 페이지가 Reddit 또는 Facebook에 대해 생각하는 색인으로 이동하는 것은 일반적입니다.
예를 들어 reddit에서 홈 페이지로 이동하면 Facebook에있는 모든 Reddit 게시물의 색인을 볼 수 있습니다. 모든 게시물과 사진의 색인과 그 밖의 색인이 표시됩니다.
자 이제 슬래시 기능 요청 응답을받은 후 해보겠습니다. 그러면 블로그를 슬래시 (slash)하기 위해 레드 스타트를 직접 읽습니다.
이제 다시 시작하기 위해 새로 고칩니다.
아무것도 변경해야합니다.
그러나 내가 슬래시로 간다면 나는 슬래시 블로그에서도 끝납니다.
승인.
이제 인덱스 기능을 추가 할 것입니다.
그래서 우리는 데이터베이스에서 모든 블로그를 검색해야합니다.
그래서 블로그를 찾아 모든 것을 찾으면 오류로 콜백 할 것입니다.
그리고 나서 우리는 블로그라고 부르는 데이터를 작성한 다음 F 오류를 수행하고 그 로그에 와야합니다.
우리가 빨간 색인 렌더 인덱스에 추가 할 다른 것들은 우리가 그냥 그렇게하고 싶지 않다는 것을 제외하고는.
데이터로 색인을 렌더링하려고합니다.
따라서 우리의 데이터는 블로그라고 할 수있을뿐만 아니라 블로그라고 할 것입니다.
따라서 우리는 Dopp에서 데이터베이스로 돌아온 데이터를 전달할 것입니다.
우리는 블로그를 통해 블로그를 보냅니다.
그렇습니다. 다소 혼란 스럽지만 이것은 정확히 같은 이름을 가진 곳을보기에 꽤 재래식입니다.
이제 템플릿으로 가서 코드를 추가하겠습니다.
그런 식으로 시작하기 위해 블로그를 살펴 보겠습니다.
거기 도착했는지 확인하십시오.
페이지를 새로 고칩니다.
우리 목록을 얻고 있습니다.
지금은 하나의 블로그지만 우리는 그것을 여기에서보고 있습니다.
큰.
자 이제 조금 더 멋지게 표현해 보겠습니다.
우리는 미친 짓을하지 않을 것이지만 우리가 할 일은 모든 블로그를 통해 반복되므로 각 기능에 대한 블로그를 기록한 다음 여기에이 기능이 필요합니다.
그리고 여기 아래로 모든 태그를 닫을 때마다 다른 태그가 필요합니다. 그리고 괄호도 필요합니다.
그리고 각각을 위해 우리는 div 안에 div를 만들 것입니다.
H 2를 해봅시다.
그리고 그것은 제목 인 LUGG가 될 것입니다.
우리는 등호가 필요하다는 것을 기억해야합니다.
그러면 이미지가 표시되고 소스는 Ejaz 대괄호와 같습니다.
Lagat 이미지와 나는 이것을 언급하는 것을 잊었다.
당신이 만든 것을 보았다면 우리는이 멋진 미친 날짜 시간을 볼 수 있습니다. 왜냐하면 우리가 기본값으로 말했기 때문에 자동으로 만들어 졌기 때문에 이미지 바로 아래에 그 값을 표시 할 수 있습니다.
Lagat가 만든 스팬을 지금 당장 실행하면 물론 우리는 블로그 게시물 자체가 필요합니다.이 블로그 게시물은 본문 인 단락이됩니다.
괜찮아.
거기에 많은 콘텐츠가 있습니다.
페이지를 새로 고침하면 첫 번째 게시물을 볼 수 있습니다.
이제는 이것이 현재 작동하고 있다는 것을 신뢰해야합니다.
네, 우리에게 보여주고 있습니다.
엄밀히 말하면 우리는 다음 비디오에서 데이터베이스 중 하나만 가지고 있기 때문에 아직 우리 모두를 보여주고 있는지 알 수 없습니다.