1 00:00:00,280 --> 00:00:02,750 우리는 다음 몇 개의 비디오를 위해 다시 올 것이다. 2 00:00:02,760 --> 00:00:06,620 우리는 마지막 비디오에서 보여준 블로그 앱을 만드는 데 집중할 것입니다. 3 00:00:07,020 --> 00:00:08,220 그리고 몇 가지 비디오를 찍을 것입니다. 4 00:00:08,220 --> 00:00:13,920 우리는 한 번에 하나의 경로를 갈 예정입니다. 왜냐하면이 편안한 경로가이 첫 번째 비디오에서 얼마나 중요한지 알기 때문입니다. 5 00:00:13,920 --> 00:00:17,230 우리는 색인에 초점을 맞추고 순서대로 갈 것입니다. 6 00:00:17,280 --> 00:00:20,280 새로운 것에 중점을두고 작성하고 편집하고 업데이트하십시오. 7 00:00:20,340 --> 00:00:34,020 그리고 마지막으로 파괴에 대한 비디오와 함께 앱을 만들고 우리가 가장 필요로하는 7 가지 경로를 추가하는 것은 CSSA와 자바 스크립트를위한 부트 스트랩과 비슷한 다른 프레임 워크 인 의미 론적 UI를 소개하려고합니다. 8 00:00:34,050 --> 00:00:37,890 그래서 지난 몇 달 동안 다시 언급했는데, 왜 내가 실제로 왜 그렇게 보이는지를 좋아합니다. 9 00:00:37,890 --> 00:00:45,460 그것은 하나의 이유이지만, 가장 중요한 것은 다른 프레임 워크에 당신을 드러내 기 때문에 비슷한 것들이 얼마나 비슷한 지 알 수 있습니다. 10 00:00:45,670 --> 00:00:54,030 당신은 내가이 모든 정보로 당신에게 폭탄을 던질 다른 틀을 보여주기위한 나쁜 생각이라고 생각할지도 모르지만 좋은 소식은 사물이 너무 비슷하다는 것입니다. 11 00:00:54,120 --> 00:01:01,940 두세 가지를 보게되면 공통점이 얼마나 많은지 알기 시작합니다. 서로 다르게하는 것보다 공통점이 많습니다. 12 00:01:02,160 --> 00:01:06,590 그래서 의미 론적으로 왜 우리는 앱을 만드는 것으로 시작할 것인가? 13 00:01:06,750 --> 00:01:09,700 그래서 나는 안락한 라우팅이라는 디렉토리 안에 있습니다. 14 00:01:09,800 --> 00:01:13,040 당신이 따라 가고 싶다면 이미 거기에 해결책이 있습니다. 15 00:01:13,140 --> 00:01:24,190 그래서 당신이 그 일을 자유롭게 할 수 있고, 새로운 것을 커버하고 싶지 않다면 앱을 만들지 않으려는 경우, 건너 뛸 수 있기 전에 그것을 보았 기 때문에 만들 수 있습니다. . 16 00:01:24,480 --> 00:01:27,610 하지만 나와 함께 모든 경로를 따라가 보는 것이 좋습니다. 17 00:01:27,720 --> 00:01:29,560 우리가 이것을 깨닫는 것이 정말 중요합니다. 18 00:01:29,580 --> 00:01:32,340 실제로 우리의 특급 앱의 빵과 버터입니다. 19 00:01:32,900 --> 00:01:33,300 승인. 20 00:01:33,360 --> 00:01:37,560 그래서 우리는 응용 프로그램을 만들 것입니다. 블로그 응용 프로그램이라고 부를 것입니다. 21 00:01:38,100 --> 00:01:54,930 사실은 그걸 안식한 블로그 앱이라고 부르고 그 다음 CD와 우리가 좋아하는 NPM이라고 부르 자. 22 00:01:54,960 --> 00:01:56,680 큰. 23 00:01:57,550 --> 00:01:58,630 괜찮아. 24 00:01:58,710 --> 00:01:59,270 승인. 25 00:01:59,340 --> 00:02:09,610 이제 우리가 필요로하는 것들을 설치하여 NPM을 설치하고 첫 번째 과정을 명시 적으로 표현한 다음 몽구스를 추가합니다. 26 00:02:10,170 --> 00:02:12,840 그리고 우리가 여기있는 동안 우리는 시체 파서를 할 것입니다. 27 00:02:13,150 --> 00:02:27,200 그래서이 세 가지 대시 대시를 기억해 두십시오. 본문 파서는 양식이 요청 본문에 데이터를 보내는 양식에서 데이터를 가져 오는 방법이며 본문 사람을 사용하여 요청 본문을 구문 분석한다는 것입니다. 28 00:02:27,540 --> 00:02:29,250 그래서 그것은 다음 비디오에있을 것입니다. 29 00:02:29,250 --> 00:02:30,680 지금은 색인 만하고 있습니다. 30 00:02:30,840 --> 00:02:34,060 그래서 우리는 그 설정을 만들거나 실제로 그렇습니다. 31 00:02:34,320 --> 00:03:02,240 이제 우리는 장치를 열고 필요한 표현을 표현해야하는 파일의 표준 상단을 작성한 다음 Express와 동등한 작업을 수행하고 Dadch 파서가 필요하기 때문에 여기에있는 동안 Vadi 파서에 추가합니다. 32 00:03:02,550 --> 00:03:12,090 그리고 마침내 우리는 몽구스를 할 것이고, 나는 이것을 정리하고 싶다. 33 00:03:12,180 --> 00:03:14,710 길이별로 주문하고 싶습니다. 34 00:03:14,820 --> 00:03:21,350 그래서 우리는 나의 관습을 따를 경우 신체 부위 또는 첫 번째로 끝납니다. 35 00:03:21,360 --> 00:03:25,800 그러나 그렇게 중요하지는 않지만 단지 내가 이것을하고 싶지 않다고 말하면됩니다. 36 00:03:25,920 --> 00:03:32,470 신체 부위가 처음이고 그 다음에 우리는 몽구스를 가지고 있고 그 다음에 표현합니다. 37 00:03:33,240 --> 00:03:42,280 그리고 그것은 길이별로 나열하는 것입니다. 그리고 나서 우리가 정말로 원한다면 들여 쓰기 할 수 있습니다.하지만이 비디오의 요점은 아닙니다. 그래서 이것을하는 데 너무 많은 시간을 소비하지 않을 것입니다. 38 00:03:43,440 --> 00:03:45,330 좋아, 이제 그 일을 끝냈다. 39 00:03:45,360 --> 00:03:47,070 모든 세미콜론을 확인하십시오. 40 00:03:47,100 --> 00:03:50,070 다음으로 우리는 몽구스를 설치해야합니다. 41 00:03:50,070 --> 00:03:51,730 그래서 우리의 블로그 모델입니다. 42 00:03:51,760 --> 00:04:03,410 그것은 블로그라고 불릴 것이고 당신은 Arel 이미지를 가질 제목을 갖게 될 것입니다. 그리고 나서 우리는 우리가 그것을 블로그 텍스트가 될 시체라고 부를 것입니다. 43 00:04:03,450 --> 00:04:12,650 따라서 제목 이미지와 본문은 모두 문자열이며 또한 보지 못했던 새로운 무언가를 날짜로 추가합니다. 44 00:04:12,960 --> 00:04:14,070 그래서 그것이 왔습니다. 45 00:04:14,250 --> 00:04:39,590 그리고 우리가 몽구스를 구성 할 필요가 있기 전에 우리는 몽구스 연결이 필요합니다. 우리는 Mongo divi Cole에 연결하고 슬래시 로컬 호스트는 우리의 응용 프로그램의 이름을 슬래시하고 우리의 응용 프로그램은 편안한 블로그라고합니다. 46 00:04:40,410 --> 00:04:42,410 그리고 다시 그건 중요하지 않습니다. 47 00:04:42,450 --> 00:04:44,040 우리는 처음으로 그것을 만들고 있습니다. 48 00:04:44,130 --> 00:04:48,570 우리가 미래에 그것을 바꿀 수없는 한 항상 처음에는 편안한 산책을 할 것입니다. 49 00:04:48,570 --> 00:04:49,640 그것은 그것을 만들 것입니다. 50 00:04:50,320 --> 00:04:50,700 승인. 51 00:04:50,700 --> 00:04:53,010 그리고 우리는 나중에 이것을 할 필요가 없습니다. 52 00:04:53,100 --> 00:05:03,130 그러나 우리의 데이터 세트 뷰 엔진을 yes로 설정하여 설치해야합니다. 53 00:05:03,720 --> 00:05:15,940 그리고 우리가 기다리는 동안 앱을 사용하자. static과 공개 디렉토리를 사용하여 사용자 정의 스타일 시트를 제공 할 수 있습니다. 54 00:05:16,050 --> 00:05:27,000 우리가 어떤 좋은 표현 방식의 시작에서 할 수있는 좋은 습관을 얻었고 응용 프로그램을 추가 할 때 우리의 body parser 인 body parser를 사용하지 마십시오. 55 00:05:27,090 --> 00:05:42,710 당신은 모두 진실한 확장 된 전화와 진실한 종류의 한 마디로 인코딩되어 있지만이 세 줄은 기존의 앱에서도 복사 할 수 있습니다. 56 00:05:43,290 --> 00:05:48,310 그래서 우리는 바로 아래에 설정하여 우리의 특급 앱이 작동하는지 확인합니다. 57 00:05:48,510 --> 00:06:05,020 포트 프로세스에서 프로세스 아빠가있는 곳에서 IP를 선택하고 콜백 평의회 성인 로그 서버가 실행 중임을 선택하자. 58 00:06:05,100 --> 00:06:06,130 괜찮아. 59 00:06:06,150 --> 00:06:08,260 그것을 시험해 봅시다. 60 00:06:08,970 --> 00:06:09,900 아무 문제 없습니다. 61 00:06:09,900 --> 00:06:11,080 큰. 62 00:06:11,130 --> 00:06:13,650 자 이제 몽구스에 대해 알아 봅시다. 63 00:06:13,650 --> 00:06:15,810 그래서 우리는 몽구스를 연결했습니다. 64 00:06:15,810 --> 00:06:18,920 이제 스키마와 모델을 만들어야합니다. 65 00:06:19,140 --> 00:06:21,170 이제 스키마부터 시작하겠습니다. 66 00:06:21,420 --> 00:06:38,100 우리는 var log schema를 새로운 mongoose와 같은 스키마로 만들 것입니다. title이라는 문자열을 문자열로 사용하는 것입니다. 이미지는 문자열이기도 한 문자열입니다. 67 00:06:38,100 --> 00:06:41,360 그리고 우리는 우리의 데이터가 생성 된 전화를 보내고 있습니다. 68 00:06:42,120 --> 00:06:49,000 그리고 우리가 할 수있는 일은 우리가 수동으로 날짜를 지정해야하기 때문에 이것이 편리하지 않다는 것입니다. 69 00:06:49,470 --> 00:06:51,870 우리는 날짜를 사용하거나 실제로 입력하는 것을 원하지 않습니다. 70 00:06:51,870 --> 00:06:56,760 이 사용자가 게시물을 만들었거나 블로그를 만들었을 때 현재 날짜를 가져 가고 싶었습니다. 71 00:06:56,760 --> 00:07:01,080 그 날짜를 잡아서 기본값을 새로운 값으로 설정할 수 있습니다. 72 00:07:01,590 --> 00:07:08,210 type을 date로 지정하지만 default date도 지정합니다. 73 00:07:08,220 --> 00:07:11,680 이제 우리 모두를 위해 잘 작동 할 것입니다. 74 00:07:11,940 --> 00:07:17,160 그리고 이것은 생성 된 것이 날짜 여야하며 현재 기본값 데이터가 있어야한다고 말합니다. 75 00:07:17,340 --> 00:07:21,900 따라서 기본 이미지를 원한다면 이미지에 대해서도 동일한 작업을 수행 할 수 있습니다. 76 00:07:21,900 --> 00:07:27,820 사용자가 이미지를 입력하지 않으면 문자열을 입력 한 다음 기본값을 사용할 수 있습니다. 77 00:07:27,900 --> 00:07:37,620 자리 표시 자 이미지와 말뚝과 같은 문자열을 사용할 수는 있지만 그렇게하지는 않겠지 만 원하는 경우 쉽게 할 수 있습니다. 78 00:07:38,410 --> 00:07:39,400 승인. 79 00:07:40,170 --> 00:07:46,710 마지막으로 여기서 한 가지주의해야 할 점은 때로는 들여 쓰기 된 것을 보게 될 것입니다. 80 00:07:46,710 --> 00:07:49,780 짧은 것이기 때문에 그것은 단지 대상입니다. 81 00:07:49,830 --> 00:07:50,970 나는 이것을하지 않을 것이다. 82 00:07:51,000 --> 00:07:53,390 너무 많은 공간을 차지하거나 실제로 그렇습니다. 83 00:07:53,470 --> 00:07:55,470 그것은 어수선하게 흐트러 질 것입니까? 84 00:07:55,500 --> 00:07:57,070 그래서 나는 이것을 이렇게 두었다. 85 00:07:57,640 --> 00:08:02,100 OK 제목 이미지 본문이 생성 된 후 다음 단계입니다. 86 00:08:02,100 --> 00:08:05,390 이것들을 없애 버리는 것은 그 모델로 그것을 컴파일하는 것입니다. 87 00:08:05,400 --> 00:08:15,480 지금까지 블로그는 mongoose와 모델 로그 로그 스키마를 비교합니다. 88 00:08:15,480 --> 00:08:17,040 우리는 거기에 갈. 89 00:08:17,250 --> 00:08:26,830 저것을 저장 하거든 나는 다만 mongoose 슬래시 모형 config를 밝히는 코멘트에서 여기에서 추가하기 위하여려고하고있다. 90 00:08:27,070 --> 00:08:29,960 여기에 다른 설명을 추가하겠습니다. 91 00:08:30,060 --> 00:08:37,470 그것은 app config라고 불리우고 여기에 route에 코멘트를 추가 할 것입니다. 92 00:08:37,680 --> 00:08:40,030 렉스를 위해 쉬라고 부르 자고. 93 00:08:40,050 --> 00:08:45,570 이제 우리가 가서 색인 경로를 추가하거나 새로운 경로를 표시하여 7 명의 담당자를 모두 만듭니다. 94 00:08:45,870 --> 00:08:48,550 그리고 네,이 파일은 조금 어수선해질 것입니다. 95 00:08:48,550 --> 00:08:54,060 다시 말해서 나는 이것에 대한 부러진 기록이지만, 우리는 이것을 곧 다른 것들로 분리 할 것이다. 96 00:08:54,060 --> 00:09:02,640 모델의 파일을 여러 모델로 만들 수있는 방법을 보여 드리며 경로 파일을 저장하는 방법과 구성 및 미들웨어 파일을 저장할 수있는 방법을 보여줍니다. 97 00:09:02,790 --> 00:09:05,450 다른 것들이 많이 있지만 그것을 간단하게 유지합니다. 98 00:09:05,520 --> 00:09:10,440 조기에 나는 당신을 혼란스럽게하고 싶지 않습니다. 누군가가 파일을 끊임없이 바꾸는 지 지켜보기가 어렵다고 생각합니다. 99 00:09:10,440 --> 00:09:11,460 추적하기가 어렵습니다. 100 00:09:11,550 --> 00:09:12,570 그래서 우리는 하나의 파일로 그것을 할 것입니다. 101 00:09:12,570 --> 00:09:15,950 그러나 반드시 이것이 최상의 방법은 아님을 기억하십시오. 102 00:09:15,960 --> 00:09:20,240 이 앱이 정말 큰 앱이라면, 특히 많은 개발자가 작업하고 있다면. 103 00:09:20,640 --> 00:09:23,020 이제 우리는 레슬링 랩을 시작했습니다. 104 00:09:23,070 --> 00:09:26,360 인덱스 이름 인덱스부터 시작한다는 것을 기억하십시오. 105 00:09:26,400 --> 00:09:33,450 그 경로는 요청을 받기 위해 블로그를 슬래시해야하며 모든 블로그를 나열해야합니다. 106 00:09:33,450 --> 00:09:37,390 이제 우리가하기 전에 그것을 해봅시다. 107 00:09:37,680 --> 00:09:40,540 내 앱을 아직 실행해도 문제가 없습니다. 108 00:09:40,950 --> 00:09:46,650 그리고 실제로 블로그를 한 번만 만들어 보도록하겠습니다. 109 00:09:46,650 --> 00:09:48,140 그래서 우리는 정말로 간단 할 것입니다. 110 00:09:48,380 --> 00:10:02,780 이 리뷰 블로그가 만들어지면 우리는 제목을 블로그 테스트 이미지라고 부르고 싶습니다.이 사이트에서 이미지를 가져 와서 스플래쉬 닷컴은 훌륭한 리소스입니다. 111 00:10:02,790 --> 00:10:08,520 나는 당신이 원하는 무엇이든 할 수있는 자유로운 자유로운 심상의 낱단이있는 미래 영상에서 당신을 보여줄 것이다. 112 00:10:08,670 --> 00:10:22,080 그래서 강아지의이 하나를 가져다가 거기에 실제로 어떤 사람이라도 될 수 있다는 것을 알게됩니다. 우리는 테스트 할 무언가를 갖고 싶어합니다. 그러면 우리는 우리 몸과 몸을 가질 수 있습니다. 안녕하세요. 113 00:10:22,320 --> 00:10:27,090 이것은 블로그 게시물이며 비어 있습니다. 114 00:10:27,140 --> 00:10:28,610 모든 강간. 115 00:10:28,950 --> 00:10:30,240 그럼 그냥 해보 죠. 116 00:10:30,240 --> 00:10:36,910 우리는 콜백만큼 아무것도하지 않을 것입니다. 콜백만으로 작동한다고 가정하면 몽고 단점을 테스트 할 것입니다. 117 00:10:36,930 --> 00:10:39,260 그러니 파일을 실행하지 마라. 118 00:10:39,480 --> 00:10:42,050 아무 일도 일어나지 않았거나 아무 일도 없었던 것처럼 보입니다. 119 00:10:42,180 --> 00:11:00,990 그러나 만약에 당신이 Mangu에 가면 우리는 나머지 전체 로그를 사용합니다. 그래서 우리는 이것을 double check로 부르고 그 다음에 D-B dot log를 수행합니다. 거기에 우리의 첫번째 블로그가 있습니다. 120 00:11:01,170 --> 00:11:02,520 그래서 우리를위한 두 가지. 121 00:11:02,520 --> 00:11:12,310 하나는 우리 모델이 올바르게 설정되었음을 증명하지만 일단 색인을 얻는다면 모든 블로그를 나열해야하기 때문에보아야 할 것이 있는지 확인해야합니다. 122 00:11:12,420 --> 00:11:18,540 우리가 조금이라도 압도적 인 것을 볼 블로그가 없다면 우리는 그것이 작동하는지 말할 수 없을 것입니다. 123 00:11:18,540 --> 00:11:19,900 그래서 나는 거기서 나간다. 124 00:11:19,980 --> 00:11:21,680 이제 우리의 경로에 초점을 맞추자. 125 00:11:21,710 --> 00:11:31,610 나는 이것을 없애 버리는 것을 의미합니다. 매번 새로운 블로그를 만들고 싶지는 않습니다. 매번이 앱을 실행해야합니다. 특히 개가 정말 귀엽기는하지만 계속해서 동일한 앱을 반복해서 실행하지 마십시오. 126 00:11:31,620 --> 00:11:33,570 우리가하고자하는 일은 우리의 색인 경로를 만드는 것입니다. 127 00:11:33,930 --> 00:11:58,350 다시 슬래시 블로그를 요청하면 slap 로그를 표준 요청 응답 콜백에 추가 한 다음 다시 렌더링을 수행하고 렌더 링 할 템플릿을 색인 점이라고 부릅니다. 우리는 Ejay가 아닙니다. Ejay Yes 또는 색인 만 필요합니다. 128 00:11:58,410 --> 00:12:06,750 그리고이 행 때문에 우리는 Ejay가 필요 없지만 index라는 템플리트가 views라는 템플리트가 필요합니다. 129 00:12:07,170 --> 00:12:08,260 그래서 우리는 지금 그것을 할 것입니다. 130 00:12:08,340 --> 00:12:13,000 디렉토리보기 터치보기 슬래시 색인을 확인하십시오. 131 00:12:13,680 --> 00:12:16,460 그리고 저는 색인이 생성되는 작은 실수를 저질 렀습니다. 132 00:12:16,500 --> 00:12:17,550 E.J. 예. 133 00:12:17,550 --> 00:12:25,180 그래서 좀 더 연습을하거나 파일을 제거하려면 제거하거나 플래시 인덱스를 사용한 다음 다시 만드십시오. 134 00:12:25,320 --> 00:12:27,340 슬래시 색인 점을 터치합니다. 135 00:12:27,350 --> 00:12:28,380 E.J. 예. 136 00:12:28,620 --> 00:12:38,060 그런 다음 열어 보면이 간단한 H-1 색인 페이지가 시작되어 저장됩니다. 137 00:12:38,510 --> 00:12:41,050 그럼 우리는 그 색인 페이지를 보자. 138 00:12:41,190 --> 00:12:44,970 지금은 인덱스 페이지 기능을 수행하지 않습니다. 139 00:12:44,970 --> 00:12:58,610 이제 우리가 몇 가지 방법으로 얻을 수있는 미리보기로 가면 Web Dev Bootcamp에서 com dash 코드를 배우게됩니다. C9에서 가르쳐 주거나 미리보기 실행 응용 프로그램을 미리 볼 수 있습니다. 140 00:12:58,620 --> 00:13:06,370 여기에서 열 수 있지만이 버튼을 클릭하여 브라우저에 표시하거나 원하는 경우 여기에 보관할 수 있습니다. 141 00:13:06,810 --> 00:13:07,270 승인. 142 00:13:07,440 --> 00:13:17,230 그래서 여기에 오류가 발생합니다. 왜냐하면 경로 경로가 없기 때문에 슬래시 로그가 필요하고 색인 페이지 경로를 얻을 수 있기 때문입니다. 143 00:13:17,400 --> 00:13:25,950 경로 페이지의 홈 페이지가 Reddit 또는 Facebook에 대해 생각하는 색인으로 이동하는 것은 일반적입니다. 144 00:13:25,950 --> 00:13:35,660 예를 들어 reddit에서 홈 페이지로 이동하면 Facebook에있는 모든 Reddit 게시물의 색인을 볼 수 있습니다. 모든 게시물과 사진의 색인과 그 밖의 색인이 표시됩니다. 145 00:13:35,670 --> 00:13:49,600 자 이제 슬래시 기능 요청 응답을받은 후 해보겠습니다. 그러면 블로그를 슬래시 (slash)하기 위해 레드 스타트를 직접 읽습니다. 146 00:13:50,130 --> 00:13:54,280 이제 다시 시작하기 위해 새로 고칩니다. 147 00:13:54,300 --> 00:13:55,010 아무것도 변경해야합니다. 148 00:13:55,020 --> 00:13:58,490 그러나 내가 슬래시로 간다면 나는 슬래시 블로그에서도 끝납니다. 149 00:13:58,880 --> 00:13:59,360 승인. 150 00:13:59,370 --> 00:14:01,950 이제 인덱스 기능을 추가 할 것입니다. 151 00:14:01,950 --> 00:14:06,140 그래서 우리는 데이터베이스에서 모든 블로그를 검색해야합니다. 152 00:14:06,450 --> 00:14:14,590 그래서 블로그를 찾아 모든 것을 찾으면 오류로 콜백 할 것입니다. 153 00:14:14,910 --> 00:14:25,700 그리고 나서 우리는 블로그라고 부르는 데이터를 작성한 다음 F 오류를 수행하고 그 로그에 와야합니다. 154 00:14:26,160 --> 00:14:34,770 우리가 빨간 색인 렌더 인덱스에 추가 할 다른 것들은 우리가 그냥 그렇게하고 싶지 않다는 것을 제외하고는. 155 00:14:35,010 --> 00:14:38,170 데이터로 색인을 렌더링하려고합니다. 156 00:14:38,430 --> 00:14:47,100 따라서 우리의 데이터는 블로그라고 할 수있을뿐만 아니라 블로그라고 할 것입니다. 157 00:14:47,550 --> 00:14:52,720 따라서 우리는 Dopp에서 데이터베이스로 돌아온 데이터를 전달할 것입니다. 158 00:14:52,860 --> 00:14:56,030 우리는 블로그를 통해 블로그를 보냅니다. 159 00:14:56,400 --> 00:15:01,860 그렇습니다. 다소 혼란 스럽지만 이것은 정확히 같은 이름을 가진 곳을보기에 꽤 재래식입니다. 160 00:15:02,170 --> 00:15:07,490 이제 템플릿으로 가서 코드를 추가하겠습니다. 161 00:15:07,500 --> 00:15:10,790 그런 식으로 시작하기 위해 블로그를 살펴 보겠습니다. 162 00:15:10,860 --> 00:15:12,800 거기 도착했는지 확인하십시오. 163 00:15:12,990 --> 00:15:14,680 페이지를 새로 고칩니다. 164 00:15:15,870 --> 00:15:17,240 우리 목록을 얻고 있습니다. 165 00:15:17,250 --> 00:15:20,200 지금은 하나의 블로그지만 우리는 그것을 여기에서보고 있습니다. 166 00:15:20,250 --> 00:15:20,890 큰. 167 00:15:21,060 --> 00:15:24,220 자 이제 조금 더 멋지게 표현해 보겠습니다. 168 00:15:24,240 --> 00:15:40,230 우리는 미친 짓을하지 않을 것이지만 우리가 할 일은 모든 블로그를 통해 반복되므로 각 기능에 대한 블로그를 기록한 다음 여기에이 기능이 필요합니다. 169 00:15:42,740 --> 00:15:50,650 그리고 여기 아래로 모든 태그를 닫을 때마다 다른 태그가 필요합니다. 그리고 괄호도 필요합니다. 170 00:15:51,330 --> 00:15:55,530 그리고 각각을 위해 우리는 div 안에 div를 만들 것입니다. 171 00:15:55,770 --> 00:15:58,440 H 2를 해봅시다. 172 00:15:58,770 --> 00:16:02,410 그리고 그것은 제목 인 LUGG가 될 것입니다. 173 00:16:02,760 --> 00:16:07,730 우리는 등호가 필요하다는 것을 기억해야합니다. 174 00:16:07,860 --> 00:16:16,450 그러면 이미지가 표시되고 소스는 Ejaz 대괄호와 같습니다. 175 00:16:16,630 --> 00:16:21,420 Lagat 이미지와 나는 이것을 언급하는 것을 잊었다. 176 00:16:21,480 --> 00:16:33,740 당신이 만든 것을 보았다면 우리는이 멋진 미친 날짜 시간을 볼 수 있습니다. 왜냐하면 우리가 기본값으로 말했기 때문에 자동으로 만들어 졌기 때문에 이미지 바로 아래에 그 값을 표시 할 수 있습니다. 177 00:16:33,850 --> 00:16:50,100 Lagat가 만든 스팬을 지금 당장 실행하면 물론 우리는 블로그 게시물 자체가 필요합니다.이 블로그 게시물은 본문 인 단락이됩니다. 178 00:16:50,100 --> 00:16:50,520 괜찮아. 179 00:16:50,520 --> 00:16:52,500 거기에 많은 콘텐츠가 있습니다. 180 00:16:52,980 --> 00:16:57,860 페이지를 새로 고침하면 첫 번째 게시물을 볼 수 있습니다. 181 00:16:58,200 --> 00:17:00,430 이제는 이것이 현재 작동하고 있다는 것을 신뢰해야합니다. 182 00:17:00,630 --> 00:17:02,120 네, 우리에게 보여주고 있습니다. 183 00:17:02,130 --> 00:17:07,790 엄밀히 말하면 우리는 다음 비디오에서 데이터베이스 중 하나만 가지고 있기 때문에 아직 우리 모두를 보여주고 있는지 알 수 없습니다.