그럼 돌아와.
따라서 전체 과정에서보다 중요한 교훈 중 하나입니다.
그러나 그것은 또한 우리가 지금까지 한 어떤 것과도 매우 다를 것입니다.
그리고 그것이 다른 이유는 내가 전에 보지 못했던 많은 코드를 보여줄 것이고 당신은 전혀 이해하지 못할 것이라고 생각하기 때문입니다.
제가이 일을하는 이유는이 모든 조각들이 어떻게 맞는지에 대한 개념적 개요를 당신에게주고 싶기 때문입니다.
서버 GET 요청 게시가 브라우저에 요청하는 데이터베이스입니다.
이 모든 것들은 모두 요청과 응답입니다.
정말 간단한 작업 응용 프로그램으로 모든 것을 보여주고 싶습니다.
그래서 제가 여기서하려고 할 것입니다.
필자가 이것을 직접 가르치고 있었다면, 랩탑을 내려 놓고 컴퓨터를 닫으라고 요청하는 지점이 될 것입니다.
분명히 좋은 생각은 아닙니다.
하지만 그 뒤에 숨겨진 감정은 당신이 이것에 대해 메모를하고 싶지 않다는 것입니다.
모든 단일 라인을 살펴보고이를 처음부터 작성하고 이러한 개념을 사용하여 서로 다른 응용 프로그램 중 여섯 개를 만들 것입니다.
그래서 이것은 어떻게 일들이 실제로 어떻게 작용하는지에 대한 실제적인 세부 사항이 아니라 함께 어떻게 어울리는 지에 관한 것입니다.
그것으로 앞서 나가서 여기서 시작하겠습니다.
그래서이 응용 프로그램은 강아지 주위 테마입니다.
매우 간단합니다.
전혀 스타일링이 없습니다.
몇 가지 다른 페이지.
그리고 우리가 얘기해야 할 첫 번째 것은이 전체 파일이 무엇인지입니다.
이것이 우리 서버 파일입니다.
제 경우에는 app dodge라고합니다.
예, 이것은 자바 스크립트로 작성되었습니다.
그리고이 파일을 실행하면 실제로 서버가 시작됩니다.
그래서 전에 우리가 요청한 내용을 읽을 때 요청한 내용을 듣고있는 Reddit 서버에 코드가 있습니다.
이제 com은 검색을 슬래시 한 다음 응답에서 올바른 데이터를 다시 보냅니다.
Reddit 서버에 코드가 있다고 말할 때 이것은 우리가 말하는 코드 종류입니다.
그래서 비록 Python으로 읽었지만 자바 스크립트입니다. 이것은 다른 요청을 듣고 다른 부분으로 응답하는 서버의 코드입니다.
큰 덩어리가 세 개 있습니다.이 위로 가기는 응용 프로그램을 설정하는 것입니다.
따라서 적절한 라이브러리를 포함하여 몇 가지 종속성이 있음을 알 수 있습니다.
다시 우리는 나중에 모든 것을 다룰 것입니다.
그런 다음 데이터베이스가 있습니다.
그래서 우리 데이터베이스는 모든 개가 이름과 품종을 가지고 있고 둘 다 문자열이라는 것을 알기 위해 데이터베이스를 설정하고 있습니다.
그리고 그것은 지금 그것에 대해 모두 언급되었습니다.
그리고 나서 랩이라고하는 이러한 것들이 있습니다. 우리가 이것을하기 전에이 수업에서 많은 시간을 할애 할 것입니다. 실제로 여기에서 가장 마지막 부분에있는 서버를 실제로 시작하기 위해 가장 중요한 부분을 지적하고 싶습니다. 구문은 문제가되지 않지만 중요한 것은 무엇입니까?
여기 3 천 개가 있네.
이 작업은 터미널에서이 파일을 실행할 때이 응용 프로그램을 실행할 때 실제로 서버가 시작되고 응용 프로그램이 포트 3000에있게됩니다.
그래서 내가 말하는 것을 보여 드리겠습니다.
이 서버를 다시 시작하여 파일을 다시 실행하면 내가하는 일이 정말로 중요하지 않습니다.
그리고 포트 3000에서 개 데모를 제공하는 메시지를 볼 수 있습니다.
그래서 내 텍스트 편집기를 가지고 여기 내 서버에 코드를 작성하고 있습니다.
그런 다음 내 터미널에서 실제로 서버를 실행하고 있습니다.
이제이 코드를 실행하면이 코드가 모두 실행되고 특히이 행은 3 천 포트에서 서버를 시작했습니다.
그래서 제가 지금 3 천 포트에 가면 제가 거기에 오는 길은 콜란 (Colan) 3000입니다. 홈 페이지라고하는 것을 보았습니다.
우리가 페이지 소스를 볼 때 HMO를 얻는 방법에 대해 이야기합시다.
응답이 홈 페이지라고하는 단일 H-1 이었기 때문에 내가 가진 모든 것을 볼 수 있습니다.
따라서 여기에 제 서버로 돌아 가면 제가 지적하고자하는 몇 가지 사항이 있습니다.
첫 번째는 서버가 시작된 터미널에 인쇄 된 작은 메시지가 있다는 것입니다.
그리고 이것이 우리에게 알려주는 것은 누군가가 당신에게 요청하는 요청을 한 것입니다.
따라서 localhost 3000을 슬래시합니다.
그래서 아무 것도 없습니다.
우리는 이것을 루트 경로 또는 기본적으로 우리가 원하는 홈 페이지라고 부릅니다.
이렇게 다시 나는 localhost 3000에 가고 들어갔다.
그리고 그 코드는 나에게 약간의 코드를주었습니다. 그러나 만약 내가 localhost 3000 slash dog에 갔다면, 다른 소스를 볼 수있는 페이지 소스를 볼 수 있습니다. 처음에 얻은 내용과 다른 내용을 더 얻을 수 있습니다. 이것은 다른 행이나 다른 경로이기 때문입니다.
그래서이 경우 나는 슬래시를 요구하는 것이 아닙니다.
나는 슬래시 개를 요구하고 있었다.
터미널 출력을 살펴보면 슬래시 받기 요청이나 개를 슬래시하는 요청이 달라지는 것을 알 수 있습니다.
이것은 단지 나에게 보여주기 때문에 일어나는 일을 보여줄 수는 있지만 이것은 논리가 아니거나 아무것도 아닙니다.
그것은 요청이 들어오는 창입니다.
좋아요, 그게 요청의 측면입니다.
내가 엔터를 누르면 요청을합니다.
여기 같은거야.
나는 그들을 두 개의 다른 장소로 만들고있다.
물론 우편 배달부들에게도 요청을 할 수 있습니다.
자, localhost 3000을 만들고 요청 해 봅시다.
잠시 시간을내어 보내기를 클릭했을 때 우리가보기를 기대하는 것에 대해 생각해보십시오.
거기에 우리가 간다. 나는 똑같은 H-1을 얻는다. 그리고 만약 내가 로컬 호스트 3000 스래쉬 개를 요청하고 나는 우리가 브라우저에서 히트로 요청을 할 때 얻은 것과 동일한 HD 메일을 보낸다. 들어가다.
이제는이 모든 것을 서버 측에서 발생시키는 논리에 대해 이야기 해 봅시다.
그래서 나는이 세 부분, 특히이 두 부분에 대해 고상하게 돌아가 초점을 맞출 것입니다.
나는이 주제에 대해 부러진 기록이지만 구문이 중요한 부분이 아니라는 것을 압니다.
우리는 실제로 중요하지 않은 경로를 실제로 작성하는 데 많은 시간을 할애 할 것입니다.
중요한 것은이 첫 번째 작은 청크에서이 코드가 슬래시 받기 요청을 수신한다는 점입니다.
그런 일이 발생하면 우리는 집이라고 불리는 페이지를 렌더링합니다.
다시 한 번 로컬 호스트 3000을 슬래시하기 위해 요청을 받으면 아무것도 가정을 렌더링하지 않을 것입니다.
그리고 여기에 나는 집이라는 파일이 있습니다.
Ejay yess는 중요하지 않습니다.
그리고 그 안에 H1이라는 홈페이지가 있습니다.
그러니 그곳에 다른 단락을 추가하고 저장하십시오.
그리고 이제 그들은 요청을받을 때만 슬래시를 요청합니다. 그 파일의 내용을 저에게 보내 주면 그 변경 사항이 실제로 서버를 다시 시작해야합니다.
이제부터 시작하겠습니다.이 부분을 옆에두면 Chrome으로 돌아가서 내 서버를 다시 가져옵니다.
나는 localhost 3000에게 요청을 할 것이다.
보시다시피, 요청이 내려 졌다고 나에게 알려줍니다.
그리고 우리는이 내용을 되 찾았습니다.
그래서 여기서 다시 우리의 코드는 우리가 요청을 슬래시 받고 어떤 파일을 다시 보낼지를 청취하는 것입니다.
이제 여기에 또 다른 더 복잡한 버전의 개를 슬래시 요청을 듣고있어.
그리고 여기에 다른 코드가 있습니다.
그리고 나는 단지 코멘트를 읽을 것입니다.
여기서 일어나는 모든 일은 데이터베이스에서 모든 개를 얻는 것입니다. 그래서 나는 이미 데이터베이스에있는 일부를 가지고 있습니다.
그리고 다음 부분은 개 파일을 렌더링하고 우리는 지금 당장 그 파일을 남겨 둘 것입니다.
그래서 우리는 데이터베이스에있는 모든 개를 가져 와서 여기있는 개 파일을 렌더링합니다.
그리고 이것은 조금 다른 것처럼 보입니다.
그 사람뿐이 아닙니다.
우리는 전에 보지 못했던 이상한 것들을 가지고 있습니다.
하지만 하루가 끝날 때 우리의 앱이 개를 내리려고 할 때 강아지를 내리려고하는 요청을 듣고 있습니다.
그것이 하나가되면 데이터베이스의 모든 개를 가져오고 각 개에는 이름과 품종이 있으며 각각에 대해 약간의 거짓말을합니다.
그래서 이들 각각은 이름과 품종을 가진 동맹 자입니다.
그래서 다시 요청을 얻고 슬래시 개를 요청하는 두 개의 경로가 있습니다. 두 개의 다른 파일과 논리를 취합니다. 개를 슬래시로 갈 때 대 슬래시를 할 때입니다.
아무런 일도 일어나지 않고 있습니다.
단지 정적 인 페이지를 제공하는 것입니다.
그러나 이것은 정적이지 않습니다.
이는 데이터베이스의 내용에 달려 있습니다.
여기에있는 서버로 돌아가서이 코드에 대해 조금 이야기하겠습니다.
그래서 우리는 페이지를 Dogs라고하는 템플릿으로 렌더링하고 있습니다.이 템플릿은 바로 여기 개가 쓰는 것입니다.
예.하지만이 템플릿에 데이터를 전달하는 이유는 여기에 resti dash mutt라는 아군이 없기 때문이며 나중에 템플릿에서 다른 템플릿을 사용하지 않기 때문에 왜 그렇게 대담합니까? 브라우저에 들어가고있어.
그러나 우리 파일에는 그러한 것이 없습니다.
그리고 그것이 동적이게됩니다.
이 파일은 데이터베이스에있는 내용에 따라 달리 할 때마다 다를 수 있습니다.
그래서 우리가 실제로하는 일은 우리가하고 싶은 일을위한 템플릿이나 패턴을 정의하는 것입니다. 우리는 각 개 개 물건을위한 것입니다. 우리는 우리가 이름을 굵게 또는 강하게 대담하게 만들려는 동맹국을 만들고 싶습니다. 일반 텍스트.
그래서 우리가 검색하는 데이터베이스의 모든 개를이 방법으로 끝내는 방법입니다. 우리는 반복하여 굵은 대시로 이름을 지어 단 하나의 동맹자를 만들 것입니다.
그래서 그걸 맡겨.
이제 요약 해 보겠습니다.
여기에 서버를 만드는 코드가 있습니다.
이 모든 것이 우리 서버를 만드는 유일한 코드입니다.
우리는 일부 설정 코드가 중요하지 않습니다.
일부 데이터베이스 코드는별로 중요하지 않습니다.
그리고이 두 경로와 그것들은 많이 중요합니다.
따라서 우리가 요청한 모든 것에 따라 다른 코드와 다른 파일을 얻는 방법입니다. 요청을 받으면 슬래시를 요구합니다.
우리는 집에 하나의 파일을 집어 넣고 강아지를 구하라는 요청을 받고 더 많은 일이 뒤에서 일어납니다.
그것은 데이터베이스에있는 모든 개를 찾은 다음 해당 개를 렌더링합니다.
하지만 강아지 파일은 동적입니다. 왜냐하면 여러 개의 개를 가져 가기 때문입니다.
그것은 동맹국이된다.
그래서 우리가 데이터베이스에 10000 개의 개가 있다면 우리는 10000 명의 동맹국이 될 것입니다.
가장 마지막으로해야 할 점은 텍스트 편집기를 사용하여 서버를 실행하는 터미널이 있고 브라우저를 방문하여 요청을함으로써 해당 웹 페이지를 방문한다는 것입니다.
그것들은 우리가 필요로하는 세 가지 도구입니다.
그래서이 세 가지 텍스트 편집기는 우리가 터미널에서 코드를 작성하거나 서버를 시작하고 청취 할 수있는 곳에서 코드를 작성합니다.
그리고 나서 마침내 우리가 실제로 가서 요청할 수있는 브라우저입니다.
따라서 우리는 브라우저를 사용할 필요가 없습니다. 우리는 우편 배달부를 사용할 수 있지만, 우리는 다음 몇 개의 비디오에서 우리 자신의 웹 응용 프로그램을 작성하기 시작할 때 실제로 우편 게시자를 사용하여 웹 페이지와 상호 작용하지 않습니다.
우리는이 세 가지 도구를 사용할 것입니다.
그래서 우리는 텍스트 편집기를 브라우저와 터미널 또는 서버를 실행할 어딘가에 갖게 할 것입니다.