스피커 1 : 모든, 바로 다시 오신 것을 환영합니다. 이 CS50입니다. 이 주일에 아홉의 시작입니다. 그리고 이것은 나머지의 시작 CS50에 시간되는 우리 이제 마지막으로, 웹으로 전환 당신은거야 물론 측면, 발견하는 그 기본의 많은 우리는 주 수출했다 아직 방문 돌아와 또는, 우리를 잡으러. 하지만 지금, 당신은 그것을 걸 찾을 수 있습니다 보다 쉽게​​ 크기의 순서 특정 작업을 수행하고 특정 문제를 해결 - 너무 많은 것을 그래서 당신이 생각하더라도 특정 문제 세트는에서 재미 있었다 자신의 방법, 당신이 찾을 수 있다고 생각합니다 p는 7로 설정하는 것이, p 8을 설정하고, 궁극적으로, 최종 프로젝트가 될 것입니다 모두 더 만족하면 것이기 때문에 우리가 당연시하기 시작 것을 발견 지금 가지 메모리 관리를 좋아하고, 포인터, 그리고 무슨 일이 일어나고 후드 아래에. 모두에 걸쳐 다시, 주제, 학기이 계층화되어있다 레이어링. 그리고 지금 우리는 일종의 차례 야 여기에 서 지난 주 어깨. 

이제 마지막 시간에서 기억하는 우리 인터넷이 어떻게 작동하는지에 대해 이야기했다. 그리고 이것은 아마도했다 단순화,하지만 기억 세계의 모든 컴퓨터는 IP를 가지고 그의 비트 비록, 주소 아직 단순화. 그리고 그 주소는 고유하는 데 사용됩니다 식별 머신 있도록 당신은 정보 또는 패킷을 보낼 때 말하자면, 그들은 기원 할 수 있습니다 주소와 목적지 주소. 그리고 그 같은 IP 주소를 사용할 수 있습니다 모두 기대도 악, 예를 들어, 당신을 추적 할 수 있습니다. 사실, 노트북 당신의 모든 하나 지금 열, 또는 당신의 전화 포켓 IP 주소가 하버드 대학의 네트워크. 그리고 그것은 모든 것을 어렵지 않다 당신 누가에있는 상관 관계를 요즘입니다. 그 아마에하지만 더 미래합니다. 

지금은 좀 다시 가져 줄 알았는데 [추억? ? 강화] 당신을 제공합니다 쇼 당신에게서 다른 클립 익숙 있습니다. 등 우리가 할 수 희미한 경우 몇 초. 쇼 NUMB3RS. 

스피커 2 : 그것은 32 비트 IPP4 주소입니다. 

스피커 3 IPP, 인터넷 등? 

스피커 2 개인 네트워크입니다. 아미타의 개인 네트워크에. 그녀는 너무 놀랍습니다. 

스피커 3, 찰리. 

스피커 2 : 그것은. 거울 IP 주소를 입력합니다. 그녀는 우리가 보는시키는 무슨 그녀는 실시간으로 뭐하는거야. 

스피커 1 : OK, 그래서 몇 가지 이 사진 문제. 한, 그래서이 사람이 허용됩니다 이 실제로 유효하지 않은 IP 주소를 입력합니다. 유효한 IP 주소는 숫자 여야합니다 형태 w.x.y.z, 각각의 그 편지는 0 ~ 255입니다. 하지만 그 때문에 단지처럼 괜찮아요 영화 어디서 가짜 전화 번호, 그들은 IP 주소를 위조. 당신은 실제로 실제 서버를 공격하지 않습니다. 

하지만 당신을 마음,이 브라우저입니다. 그리고 브라우저 출력 시작되지 않습니다 같은 컴퓨터 코드입니다. 우리가 좀 더 깊이 보면, 알 그들이보고있는 것을 언어 화면에라는 언어는 의 언어 목표 C, 어떤 아이폰 애플 리케이션이 기록됩니다, 관련된 특히 것들 크레용, 당신은에서 볼 수 있듯이 여기에 소스 코드입니다. 

OK,이 재미 있다고 생각했다. 따라서이 코드 조각은 절대적이 어떤이와 함께 할 아무것도 특정 에피소드에 대해이었습니다. 그래서 농담 사람에 일종입니다 이 부여 복용. 하지만이 얻을 모든 어려운 일이 아니다 이러한 기술적 인 세부 사항 좋습니다. 그리고 난 당신을 격려 할 것입니다. 실제로, 50 잘 해칠 우려가 TV 프로그램과 영화 나 많은 당신은 단지 것을 알 수 있기 때문에 그들이있어 무엇을 할 수 없습니다 화면에하고. 그러나 실제로이 코드임을 아이폰 응용 프로그램에서 볼 수 있습니다 또는 Mac OS 응용 프로그램입니다. 그것은 전혀 무관 보안 있어요. 그래서 더 많은 것을 위해 눈을 밖으로 유지 같은 그런 재미 있어요. 

하지만 오늘은 우리가 정말에서 다이빙을 시작 깊은 언어의 전체 범위. 무엇보다 중요한의 참, 한 이 부분의 테이크 아웃 과정은 프로그래밍하는 방법을 배울 수 없습니다 PHP에서, 그 자체로 SQL을 배울하지 않는 그 자체 자바 스크립트를 배우고, 오히려하기 어떻게 가르 칠 자신을 가르치는 자신을 새로운 언어, 실제로 있기 때문에 우리는 지금 가지고 시작 훈련 바퀴 떨어져 있도록 그 후 과정의 끝에, 당신은 20 기대하지 않습니다 방법을 알려주 페이지 사양 어떤 프로그램을 실행합니다. 당신은 당신에 충분한 재료를 가지고 마음, 그리고 도구에 충분한 도구 장비는 구축 시작되는 관심의 문제에 대한 해결책 일부 들어 어떤 학생 그룹, 연구 프로젝트, 정말 아무것도 여러분의 관심. 

그래서 끝으로,이 것을 기억 그림은 우리가 그것을 마지막으로 시간을 끌었다. 이것은 두 컴퓨터, 클라이언트와 있습니다 서로 이야기 절단. 그리고 프로토콜, 언어, 등등에 두 컴퓨터가 일어날 것을 말하고, 말할 수는 HTTP 호출됩니다. 그리고 그것은 단지에서 사용하는 프로토콜의 컴퓨터를 통해 정보를 전송하는 월드 와이드 웹. 웹은 물론, 하나의 서비스입니다 그 위에서 실행 인터넷 소위. 다른 서비스에서 사용 가능한 무엇입니까 요즘 인터넷 최고? 다른 프로토콜이나 - 그게 뭔데? 

대상 : FTP. 

스피커 1 : FTP. 그래서 파일 전송 프로토콜이 다른 것입니다. 여러분 대부분은 아마 그것을 사용하지 않았습니다. 하지만 대부분은 아마 사용하고 있습니다 Gchat 또는 인스턴트 같은 것들 더 일반적으로 메시징, 확실히 메일. 그리고 그도에서 실행하는 서비스입니다 인터넷의 상단에 있기 때문에 하루의 끝, 인터넷 자체 정말 그냥 지점에서 데이터를 얻을 점 B. 그리고 그것은의 번호를 사용 입자 자체, 그 중 하나 또는 두 개의 가장 일반적으로 TCP / IP라고하는 그들, 이는 하나 컴퓨터에 말을하는 것입니다 인터넷은 실제로 일을 할 수 있습니다 여러 가지, 이메일, 웹, 등등. 구글이 많이 않습니다. 그렇다면 이러한 서비스는 고유합니다 컴퓨터에서, 우리는 말 했는가, 확인 즉, 실제로 일을 할 수 있습니다 여러 가지? 

포트 번호입니다. 그리고 이건 그냥 임의의 인간 80과 같은 규칙이 웹이며, 443입니다 암호화 된 웹 25 이메일입니다. 그리고 다른 사람의 낱단이있다. 그리고 그 숫자가 간단하게 포함되어 있습니다 정보의 이러한 패킷들을 가상 봉투, 실제로 요청이나 응답이 포함되어 있습니다. 

당신의 응답을 얻을 수 있도록하는 경우 웹은, 일반적으로, 당신은 어떤을 볼 수 없습니다 의 측면에서 어떠한 숫자 응답의 상태 코드입니다. 당신은 실제로 표시되지 않습니다 의 내부 동작 돌아 오는 패킷. 그러나 200은 참으로 OK 뜻. 그리고 그 모든 것이 잘 의미합니다. 당신은 이들의 무리를 볼 수도 있습니다. 이는 아마도 가장 일반적입니다 당신은 웹에서 본 적이? 

404. 그냥 파일을 찾을 수 없습니다 의미합니다. 누군가가 망을 의미합니다. 당신은 URL을 잘못 입력했다, 또는 누군가 다른 당신에게를 제공하여 한 잘못된 URL, 또는 그들이 삭제 파일과 URL은 여전히 사람들이 사용되고있다. 이유의 어떤 수를 설명 할 수 있도록 왜 파일을 찾을 수 없습니다. 그리고 당신은 앞으로 몇 주에 볼 수 있습니다 다른 오류 코드, 당신은거야 그들 중 일부를 활용. 최악은 500입니다. 당신은했습니다 코드에서 500 오류가 발생하는 경우 기록의 일종으로 그 생각 에있는 독방 감금 오류의 아날로그 웹 프로그래밍의 세계. 꽤 같은 무서운 아니다. 그러나 그것은 그냥 어딘가에 그 의미 당신은 엉망. 그래서 그 기대합니다. 

그러나 어디 보자 우리가 할 수있는 경우 상황에서 이러한 참조하십시오. 내가 여기서 브라우저에 가자 그리고 다음을 수행하십시오. 따라서이 어떻게 크롬입니다 기기에 설치되어 있어야합니다. 그러나 이러한 일이 대부분의 모든 브라우저 일부 동일한 기능. 내가 크롬의 메뉴를 갈거야 및 도구에 가서, 나는 갈거야 개발자 도구. 그리고 당신은 볼 것이다 그이 작은 패널 창 하단에서 열립니다. 다른 바로 가기, 솔직히 말해서, 그 I 일반적으로 사용하는 자신을 마우스 오른쪽 버튼으로 클릭하는 것입니다 또는 Control은 웹에서 아무 곳이나 클릭 페이지 그냥 요소 검사로 이동합니다. 만 열 것 이것은 당신을 위해 있습니다. 또한, 구체적으로 열립니다 의 요소 부분 왼쪽. 

그래서 우리는 구글을보고 물론입니다. 그들은 지금 자신의 로고를 변경했습니다. 하지만 여기까지 아래로 스크롤하는 경우에, 통지 요소에서, 당신은 볼 수 HTML, 하이퍼 텍스트 마크 업이라는 것이 언어, 이것은 언어 이이 모든 웹 페이지, 정말 들어 서면됩니다 그러나 그것은 사실로 포맷이야 우리 훨씬 더 readably 그것은 일반적으로보다. 사실, 축소, 그리고 대신하는 경우 바로 클릭하거나 제어 페이지를 클릭 한 다음보기로 이동 페이지 소스, 이것은 말 그대로 무엇 Google은 내 브라우저에 내려 보냈다. 

그래서 어떤 사람이나 사람이 쓴 이 소스 코드를 사용하여 Google.com. 이것의 대부분은 HTML되지 않습니다. 실제로이라는 언어의 자바 스크립트, 어느 우리는 수요일에 올 수 있습니다. 하지만 크롬, 어떤 모든 브라우저 우리를 위해 할 수있는, 볼의 종류이다 의 정신을 모든 과거 미친 구문 및 다시 삽입 공백 우리, 심지어 구문 강조를위한 또는 우리 물건을 색상 화. 그래서 당신은 찾을 수가 소위 브라우저에 내장 개발자 도구 그래서 너무 쉽게 인생을 만들 것입니다 이 메뉴를 통해 탐색 할 수 있기 때문에 인터페이스 정확히 기본 소스 코드입니다 인터넷에서 모든 페이지. 그리고 실제로, 이것은 가장 중 하나입니다 수행하는 방법을 배울 수있는 효과적인 방법 뭔가 새로운 것을, 적어도 경우 페이지 , 압도 할만큼 복잡하지 않습니다 그것은 HTML의 주위에 파고 시작하는 봐, 우리가 올 것이다는 소위 CSS,시 비트뿐만 아니라를 얻을 수 어떻게 프로그래머의 이해 특정한 구현 페이지 기능입니다. 

그러나 기술적으로 더 흥미 오른쪽 지금이 될 것. 내가 네트워크 탭으로 이동하면, 의 지금이 취소 할 수 있습니다. 나는 조금 클릭거야 여기에 기호를 교차하고 다른 웹 사이트로 이동합니다. 난 그냥 입력 할거야 Facebook.com합니다. 더 HTTP없고, HTTPS, 아니 WWW. 하자 실제로 여기에서 무슨 일이 일어 나는지 참조하십시오. 

입력합니다. 지금 물건의 전체 무리를 발견 단지 ,이 하단 패널에 나타 웹 페이지에 추가 상단에 나타나는. 나는 위로 다시 스크롤 할거야 여기에 네트워크 탭, 나는 갈거야 첫 번째 행을 클릭합니다. 이 도구는 우리에게 계시하기 위하여 무슨 HTTP 요청마다 하나입니다 급속히 돌아가서 그 등 사이에 내 브라우저 페이스 북의 서버입니다. 해당 행의 그리고 모든 사람 하나의 요청 또는을 나타냅니다 응답 중 하나 이상 이러한 가상 봉투. 이상 부담, 그것은 사람처럼 에있는 사람처럼, 고객 레스토랑, 뭔가를 요구 다시, 다시, 다시. 그리고 웨이터가 가져다 유지 다시 한 번에 하나의. 

그래서 지금,이에있는 I 확대하는 경우, 통지 이것은 물건의 종류가 될 것입니다 당신은 환영하고 격려하는 것을 때문에 자신에 노는 우리 모든 통과하지 않습니다 훌륭한 세부 사항합니다. 그러나 거기에 주목 여기에 몇 가지 하위 탭 - 헤더, 미리보기, 응답, 쿠키 및 타이밍. 난 그냥 헤더를 보는거야 지금이 거의 있기 때문에 그 봉투의 내부 성분 데이터와 장소에서 얻을 수. 

그래서 일단,보기, 내가 이쪽을 클릭하자 요청 헤더 옆에있는 소스입니다. 요청 있다는 것을 내 브라우저, 크롬이 경우, 내부 전송 해당 가상 봉투. 당신은 지난 주 기억합니다 I 수동 동안 입력 브라우저 척. 그럼 그건 그 서버를 생각 나게 라는 호스트를 찾고 Facebook.com. 그리고 좀 더 난해있다 우리가 흔들거야 정보 지금 우리의 손. 

하지만 지금 아래로 스크롤 시작하면 이 창은 나에 도착하자 응답 헤더. 이 가상의 무엇이었다 에서 돌아 왔을 봉투 Facebook.com. 난 그냥 소스보기를 클릭하면 그것의 원시 텍스트를 참조하려면, 몇 가지를 알 수 있습니다. 하나는, 페이스 북은 또한 같은 말 프로토콜 버전 그 1.1. 그래서 좋은이다. 그러나 상태 코드 301, 영구적으로 옮겼습니다. 

글쎄, 페이스 북은 어디 지옥 갔습니까? 무엇이 우리에게 전달하려고? 음, 다른 하나는 여기로 통지있다 헤더가 위치했다. 왜 페이스 북은 날에게 말하고 그들이 해당 URL로 영구적으로 이동 위치 옆에? 나는 WWW를 잊어 버렸습니다. 

그래서 내 선택이었다. 사실, 거의, 아마도 우리 대부분, 요즘 www.whatever.com를 입력합니다. 그러나, 시스템 관리자 밝혀 페이스 북처럼, 수 이러한 방법으로 자신의 서버를 구성 Facebook.com도 작동, 또는 그 www.Facebook.com 정말, 작동 또는 자신의 앞에 그러한 접두사 도메인 이름입니다. 그래서 그들은 우리를 위해 그 짓을했는지. 그리고 그들은 아마도 우리를 리디렉션하는 일부 기술의 경우, 일부 마케팅 이유. 그들은 단지 정규화 할 www.Facebook.com합니다. 

그러나 그것은 확실히 그것입니다. 여기 아래로 스크롤하면하자 무슨 일이 일어 나는지 참조하십시오. 이 날 우리를 말하고있다 영구적으로 이동 http://www.Facebook.com. 그럼 두 번째 요청 살펴 보자 내 브라우저 전송합니다. 불행히도, 페이스 북과 같은 두 번째 있기 때문에 다시 이동했습니다 요청, 해당 URL을 선택하여, 즉,도 이동 말한다 영구적으로. 나 여기 아래로 스크롤하자 응답 헤더에. 여기서 페이스 북은 이제 사라 졌? 

HTTPS 그래서. 이제 페이스 북은 시작했습니다, 현재 특히 빛 특히 최근 몇 달 이벤트, 또한 지난 몇 년간의 좋은, 그들의 모든 사용자를 강제하는 방법은 HTTPS를 사용하는, 이것은 더 비록 완전히 안전하지, 고정합니다. 그리고 지금 내 페이지에서 내 브라우저입니다 이 세 번째 URL을 요청하는 것. 그리고 지금, 마지막으로, 우리는을 그렇지 않으면 보이지 않는 200 OK. 

이 세상에서 어떤 또는 모든 다른 행 아래로 여기에서. 말 그대로 한 가지를 입력하고, 내 브라우저가 같이 요청 하셨을 것 같다 20 일부 이상한 확인해보세요. 그것은 무엇인가? 

대상 : 스크립트? 

스피커 1 : 스크립트, 그래서 다른 파일 라는 언어로 작성된 자바 스크립트, 이는 다시, 우리는거야 수요일에 약간의를 참조하십시오. 다른 건? 스타일 시트. 소위 언어에 뭔가 우리는 조금에 볼 수 있습니다 CSS. GIF를, 및 JPEG 파일과 PNG 파일 및 이미지, 그리고 동영상 파일 - 어떤 웹 페이지 대부분의 가능성이있다 파일의 형태. 그래서 우리는 왼쪽에 무엇을보고있어 거기에 손 쪽의 모든 파일입니다 크롬을 다운로드한다는 것을, 재귀, 당신이 경우에 순서 페이지의 전체를 구성합니다. 

그래서 우리는 구글과 순간 전보고 내가 요소를 클릭하면 탭, 이것은 물론, HTML,이다 이 페이지를 구성 언어입니다. 그러나 다른 것들의 묶음이있다. 로고가있다. 그 파란 틱이있다 저기 아이콘. 다른 요소는 여전히있다 자신이 할 수있는 페이지 별도의 파일. 

그래서 브라우저에 대한 좋은의 것은이다 우리가 가고있는 언어 본다 쓰기 시작하거나 당신은 이미했습니다하기 P 세트 7, 그림의 시작 쓰기 최신 여기서 이러한 파일은 살고 이동하고뿐만 아니라 그들을 잡고. 그리고 난, 충분히 강조 할 수 이 중 일부는 조금 보일 수 있지만 첫눈에 비밀 또는 압도적으로, 프로그래밍하는 방법을 학습 웹 응용 프로그램, 그것은의 이해하기 매우 중요한 방법이 작은 도구가 작동합니다. 이러한 도구와 같은 GDB 같은 종류의 수 있습니다 하지만 훨씬 간단 궁극적으로 사용 - 정말 무엇으로 당신을 눈을 제공합니다 우리는 부여를 위해 복용 한 지금은 꽤 시간. 

그래서 우리는 지금 무엇을 할 수 이 정보? 음, 사실을 살펴 보자 개념은 HTML을 기본. 우리는 이미이 같은 우리가로, 연기합니다 문제에 대한 부분이 주 더의 일부, 7 사양 설정 이러한 언어의 내역. 그러나 우리가 페인트 수없는 경우 보자 당신이 이해하는 무엇을해야 사진 전반적 여기에. 

그래서 HTML, 하이퍼 텍스트 마크 업 언어, 프로그래밍 언어가 아닙니다. 그건 정말 무엇을 의미합니까? 따라서 HTML은 다음과 같습니다. 그리고 당신 중 일부는 이미 알고있다. 여러분 중 몇몇은하고있다 약간의 시간이. 그러나 우리가 채울 수없는 경우 보자 일부 공백에서뿐만 아니라. 그래서 여기에 몇 가지를 알 수 있습니다. 하나는 그냥 텍스트입니다. 그래서있는 그대로의 소스 코드처럼 C 또는 다른 언어입니다. 

보인다 것을 알 수 여기에 패턴이 될 수 있습니다. 기술적으로이 들여 쓰기는하지만 들여 쓰기는 단지 인간 규칙입니다. 새가있는 경우에 브라우저는 걱정하지 않는다 라인과 탭은 우리가보기 좋아. 그러나이 있다는 것을 알 수 여기에 대칭. 상단에, 내가 전화 할게 무엇을 거기에 이 파일을 열기 태그 또는 시작 HTML이라는 태그. 그리고 아래로 아래 완벽하게 줄 지어 까지 많은 우리가 중괄호와 함께 할 같은 우리는 앞으로 오픈 브래킷을 참조하십시오 슬래시, HTML, 대괄호. 그래서 해당 가깝다 이 것은 태그 나 종료 태그. 

내부 함께 모든 열린 태그와 닫기 태그 소위 우리는 요소를 뭐라고 부를 구성합니다. 그리고 우리는 볼 수 있습니다, 그냥 순간에, 그것은이다 정말 나무의 노드를 좋아한다. 때문에 지금 생각하면 여기에 함축 된 것 들여 쓰기, 당신 종류의, 같은, 조부모가 노드는 HTML했다. 당신이 기준으로, 얼마나 많은 아이들이 말할 수 이 사진에 HTML 요소가? 

그래서 아마 두. 하나는 분명히 헤드 요소입니다. 하나는 본문 요소입니다. 왜 두 아이? 글쎄, 난 추론, 그냥 걸 경우 나는 오픈 헤드 태그가 다음 가까운 헤드 태그는, 그 요소이다. 그리고 또 다른 오픈 보디는 경우 거기 태그 및 닫기 body 태그는, 그처럼 또 다른 요소입니다. 그래서 의미에서 그 회전의 경우 내가 종류 옆에 그림, 그것은이다 다음 HTML 태그를 가지고와 같은 머리를 태그하고 body 태그, 및 다음 몇 가지 텍스트,여보세요 세계, 매달려 body 태그 자체의 해제. 

그래서 우리는 사진이를 그릴 수 있습니다 다음과 같을 수 있습니다. 모양은 임의입니다. 하지만 난의 종류를 사용했습니다 것을 알 수 를 나타내는 위쪽에 타원 자체를 문서화합니다. 다른 재료가있을 수 있습니다 밖으로 그것은 변 나는 적이있는 웹 페이지의 내부 여기에 그려집니다. 그래서 우리는 심지어 HTML을 거는거야 소위 문서 노드의 노드 해제. 그리고, 우리는 머리를 가지고 몸과 제목, 통지, 이는 더욱 중첩됩니다. 나는 퍼팅 추가 라인을 귀찮게하지 않았다 제목 태그 내부에 휴식. 그것은 점점 것처럼 그냥 느낌 너무 장황. 그래서 함께,이 한 줄에 남아 오픈 타이틀,여보세요 세계 닫기 제목입니다. 그리고 우리는 몇 가지 텍스트가 여기서 떨어져 매달려. 

그래서이 그림은 돌아올 것이다 우리 때 우리는 JavaScript로 다이빙. 이해하는 경우 뭐, 이런 식으로 HTML을 작성 브라우저가 뭐하는거야? 음, 우리는 걱정할 필요가 없습니다 어떻게이 일을, 또는 것과 알고리즘,하지만 하루의 끝에, 브라우저와 같은 HTML받을 때 즉, 페이스 북이나 구글에서, 그것은 구문 분석 그것은 말하자면, 그것은을 읽고 위쪽 fread를 같은과 왼쪽에서 오른쪽 하단, 그리고 그 닫습니다, 오, 열린 태그를 실현하고, 태그는 그것이 말하자면, malloc을하기 시작 트리 노드입니다. 그리고 그것은 발생하면, 우리는 암시했듯이 여기에 들여 쓰기, 자식 노드는, 그에 대한 노드를 malloc의 그리고 나무에 장착 한. 

그래서 트리 구조, 이진 트리, 삼항 나무와 큰 나무, 그 우리는 전 일주일에 두 언뜻 통지 같은 원리입니다 우리에게 돌아오고. 그리고 누구 구현, 크롬이든 팀이했다, 아마도했다 트리 구조의 일종을 구현하는 후드 아래에. 그리고 자체에 아마이다 C와 같은 언어 또는 C + +, 또는 낮은 수준의 언어 우리는 거 야 이제 웹 꼭대기 사용합니다. 

그래서 지금, 어쩌면이됩니다 더 많은 의미한다. 수있는 몇 사람의 실제 문신 결국 어떤 종류의 그것을 후회한다. 좋아, 그럼 모든 권리, 웹 유머의 많은. 정말 없을거야 잘 오늘에. 그래서 우리는에 이동됩니다. 좋아. 

그럼 이제 살펴 보겠습니다 몇 가지 예에. 단순한 일이 될 수 있습니다. 내가 가서에서 열거야 hello.php라는 파일을 gedit를. 그리고 안쪽 여기서, 나는 빨리 갈거야 다만이 작업을 수행 printf를, 인용 "여보세요 세계."맺다 

통지 그래서, 나는 내 백 슬래시 N을 다하겠습니다 나는 주 선언 할 귀찮게 적이 없다. 그것은 PHP에서, 밝혀, 그리고 많은 언어, 당신은 메인이 필요하지 않습니다 자체 기능. 당신은 쓰기 시작할 수 있습니다 프로그램. 이제,이 파일을 저장할 때, 난 알 다음 작업을 수행해야 할 것. 내가 만들어 사용하지 않을거야, 난 아니에요 달리하기 때문에 PHP 연타를 사용하는 것 C는 컴파일 언어가 아닙니다. 그것은 해석라는 것을의 언어, 이것은 당신이 그것을 실행하는 것을 의미합니다 다른 프로그램을 통해 입력으로 통역을했다. 그 프로그램은 위쪽에서 읽습니다 아래, 왼쪽에서 오른쪽으로, 그리고 수행 당신은 어떻게 그것을 말해 뭐든간에. 

그래서 여기이 경우 I가 printf를 말한다 한 줄. 그래서 나는이 소스 코드를 실행하면, hello.php, 프로그램이 있지만 , PHP 호출 할 수, 편리하게 발생 이 프로그램의 PHP 읽을 것입니다 이 파일은 위에서 아래로, 왼쪽에서 오른쪽으로 그리고 내가 뭘 할거야 어떻게 그것을 말해 - 코드를 실행하고있는 경우 그것은 무언가를 인식, 그냥하지 않습니다 그것을 밖으로 뱉어. 그래서 앞서 갈 건데 hello.php의 PHP를 실행합니다. 입력합니다. 

그리고 그게 내가 의도 아주 게 아니에요. 글쎄, 이유는? 음, PHP 사실의 언어 매우 수 있도록 설계 웹 얽혀. 이 언어로 웹 페이지를 만들 때 우리가 곧 알게 되겠지만 PHP, 우리는거야 인쇄와 같은 작업을 수행 할 다음과 같은 줄 알아. 

그래서이 작업을 수행 할거야. 오픈 브라켓, 물음표, PHP, 및 지금은 단지거야 그냥 계속 들여 쓰기 가지 좋은. 지금은 질문을 할거야 대괄호를 표시합니다. 따라서 비대칭의 비트가 여기에있다. 이 작업을 수행하지 않습니다. 그리고 당신은, 그래서 슬래시하지 않습니다 PHP는 약간 다릅니다. 

하지만 지금은이 프로그램을 다시 실행하면, 이제 PHP hello.php, I 실제로 헬로 월드를 얻을. 이 가치있는 이유를 우리는 볼 수 있습니다. 하나, 그것은 나를 지정할 수 있습니다, 슈퍼 명시 적으로 이것이다 코드이을 실행합니다. 그리고 실제로 무엇을이 특별한 태그도 여기에 의미한다. 

그러나 그것은 또한 내가 그냥 할 경우 의미합니다 뭔가 즉, 여기에 목표 등 말 그대로, 것 다만 방법 할 필요없이 인쇄 할 수 사실, printf를 호출하거나 인쇄 또는 유사한 기능. 그래서 우리는 다시 올 것이다 잠시합니다. 

먼저이 작업을 수행하자. 기기의 내부에, 우리는이 디렉토리는 가상을위한 가상 호스트라고 호스트는 로컬 호스트를 슬래시, 공공 슬래시. 그래서 조금 장황하지만 긴 이야기 짧은 어플라이언스하지 않도록 설계되어 있습니다 만 지원하는 C. 그것은 또한의 PHP를 지원하도록 설계되었습니다. 그러나 그것은 또한 웹으로 설계 서버 및 데이터베이스 서버입니다. 그리고 그것은, 디자인, 진정으로 구성된 어떤 연상 할 수 그 상용 웹 호스팅 회사 당신은 5 달러 한달을 지불해야 할 수도 한 달에 100 달러합니다. 서비스가 무엇이든간에, 그것은 구성된 매우 유사하게 실제 프로덕션 서버. 

그리고 그 무엇을 의미하는 것은 실행이다 어플라이언스는 웹 서버 소프트웨어입니다. 그것은 아파치 호출 할 수 발생합니다. 그것은 바로 무료 및 오픈 소스의 매우 인기. 그리고 우리는 알고 아파치를 구성 그 I은 특정 URL과를 방문하는 경우 크롬 또는 내부의 모든 브라우저 어플라이언스는이 디렉토리 들여다 파일이 사용자가 요청된다. 

즉, 저를 보자 가서이 작업을 수행합니다. 내 공개 디렉토리 안에, 내가 갈거야 가서 파일을 만드는 방법 index.html을했다. 그 날 여기 탭을 제공합니다. 그리고 매우 빠르게 갈거야 그리고 나가서 세게 여기 프로그램입니다. 지금은 그냥 DOCTYPE HTML, 당신이 입력되어 있다고 가정합니다. 그냥 비밀 태그의, 그 아니다 그 지정 진정한 HTML 태그, 여기에 몇 가지 HTML이 제공됩니다. 

내가 가서 다시 갈거야 우리가 조금 전에 보았던. 여기에서 페이지의 머리입니다. 머리의 내부이었다 - 그래서 제목입니다. 그래서 우리는,여보세요 세계를 말할 수 있습니다. 그리고 여기 아래 body 태그이었다. 나 body 태그를 닫습니다 수 있습니다. 그리고 여기에서 나는 또한 말할 것 단지 명확성을 위해, 세계 안녕하세요. 

그래서 이것은 틀림없이, 간단합니다 가능한 웹 페이지로 유효한 그건 할 수 있습니다. 그것은 구문 적으로 유효한이다. 열린 모든 일들이 닫힙니다. 모든에 잘의 스타일 및 들여 쓰기. 그럼 보자 이제 어떻게 이 파일을 액세스 할 수 있습니다. 

글쎄, 내가 크롬 여기에 가자. 그리고 나에 가자 http://localhost/index.html. 그래서 로컬 호스트는 무엇입니까? 음, 세계에서 가장 모든 컴퓨터, 리눅스, 맥 OS, 윈도우, 별명을 가지고 로컬 호스트라고합니다. 당신은 이야기하고 싶은 경우 자신의 컴퓨터에 - 이상한 반사적으로,이기는하지만 - 당신은 자신 로컬 호스트 호출합니다. 실제 컴퓨터가 무슨 상관 없음 그것은 다윗의 맥북의 여부라는 공기, 또는 좀 더 그런 자세한. 

그래서 URL 분명히 사용하는 것입니다 로컬 호스트로 이야기 HTTP, 같은 컴퓨터, 가전, 및 그것은 부탁드립니다 그냥 걸릴 거예요 추측하는 파일? index.html을. 그래서 어플라이언스로 구성되어있다 부탁 해요 경우 알고 사전 index.html 파일 같은 것을 위해를 찾습니다 폴더에 가상 호스트라고 폴더는 폴더에있는 localhost를 호출 거기에 공개했다. 그게 어디 내 공개의 파일이 될 수 있습니다. 그래서 나는 이제 Enter 키를 칠거야. 

그리고 빌어 먹을, 그 금지가 그렇지 않으면 403로 알려진 메시지 그것에 대한 숫자 코드입니다. 그래서 여기 무슨 일이야? 음, 그냥 넣어 충분하지 않습니다 내 폴더 내부의 파일입니다. 실제로 다음을 수행해야합니다. 

날에, 내 가상 호스트 디렉토리로 가자 로컬 호스트는 공중에, 그리고하자 나를 LS 대시 L을 수행하십시오. 그리고 몇 가지 다른 일들이있다 여기에 오늘의 목적으로한다. 하지만, 다음, 왼쪽에 통지 index.html는, 우리는 하나 RW를 참조하십시오. 과거에, 어떤 RW에 대한 서있다? 

그냥 읽기 또는 쓰기. 그것은 왼쪽에 RW라고하는 사실 I이 파일의 소유자, 수를 의미 를 읽거나 쓴다. 하지만 있도록해야 모든 사람 세상이 읽기, 생각을 쓸 수 없습니다. 그래서 난의 모드를 변경하는거야 파일을 chmod를,주는 모든 플러스 R 모두에 대한 읽기 권한 파일은 index.html 파일을했다. 

그리고 지금 다시 입력 LS 대시 L, 통지하는 경우 즉, 여기에, 좀 더 R의는 팝업있다. 그리고 지금은, 사양 간다 더 자세히. 그냥 모든 사람을 의미 P 세트 7에 대한 이제이 파일을 읽을 수 있습니다. 내 브라우저에 가면 지금, 다시 봐라. 안녕하세요 세계. 

그리고 나는 심지어 내 크롬 도구를 열 수 있습니다 그리고, 참조 단지 구글과 같은과 내 HTML이 있다고 페이 스북, 조금 서식 다르게 발색. 내가 네트워크 탭으로 이동하고 다시로드하면 페이지에서 얻을 수가 있다는 것을 알 수 크롬이 전송되도록 요청 장비에. 그것에 대해 200가있다 특정 파일. 그래서 짧은,이 얼마나 이러한 모든 여러 조각을 함께오고있다. 그것은 우연히도 그 웹 서버 우리는 원격없는 지금 사용하고 페이스 북과 같은. 그것은 동일한 컴퓨터에 그대로의 이는 완벽하게 OK입니다. 

그래서 우리는 웹 페이지에 더 많은 무엇을 할 수 있습니까? 음, 그냥,하자를 통해 산들 바람 이러한 것들의 커플. 그러나 내가 가서 다시하자 index.html을 가진 gedit에서. 그리고, 내가 가서 인사 CS50 봅시다 이 파일을 저장로 돌아 가기 브라우저, 정말 실망 변경됩니다. 

그러나 우리는 실제로는 무엇을하려는 경우 지금 뭔가에 연결? 그래서 우리가있을 수 있습니다 밝혀 단지 태그입니다 HTML의 링크 자신을. 그것은 호출 할 일이 앵커 태그입니다. HREF는 같다 https://www.cs50.net, www.cs50.net 닫기 따옴표, 대괄호. 그리고 지금의 보자 무엇을 또 다음에 온다. 

내가 태그를 열었습니다. 지금은 그것을 줄 필요가 CS50 같은 구문입니다. 내가 태그를 닫습니다 수 있습니다. 그리고 몇 가지를 알 수 있습니다. 이 이상한 일이있다하더라도 여기, 내가 그것을 반복하지 않은 경우 태그를 닫습니다. 당신은 태그를 닫습니다 혼자의 이름으로. 이는 알려진 것입니다 값을 가진 속성입니다. 속성은 동작을 수정 페이지의 내부에 일부 태그. 

그래서이 지정되는 하이퍼 참조를 말하는 멋진 방법 이이 앵커 URL, 링크, CS50.net해야합니다. 우리가 표시 할 텍스트 사용자가 해당 원시 URL가 아니고, 단어 CS50. 

나는 다시 지금 그래서, 만약 나를 위해 확대하자 선명도, 저 페이지를 다시로드하자 우리는이 오래된 학교가 있는지 알 파란색 링크를 밑줄. 나는 그것을 위로 마우스를 가져 가면, 그것은 무슨 경우 볼 힘든 것으로, 바닥에 남아 화면의 모서리는 예고 그것은 말한다의 URL 나는 갈거야. 그리고 짜잔, 거기를 클릭하면 지금은 웹 페이지를 만들고 있어요. 그리고 우리는 우리 자신을지도했다 홈 페이지로 이동합니다. 

그러나 잠재력 무엇을 알 이것은 우리를 제공합니다. 보안은 매우 많이 유행에서 이러한 일. 내가 대신 무엇처럼 뭔가 말한다면 이, 그리고 내가 대신 말에 가자 , fakeCS50.net를 참조하십시오. 이 페이지를 다시로드합니다. 

난처럼 좋아, 그럼 알 여전히 보인다 기민한 눈 않으면, CS50에가는 나는 가짜 CS50에 갈거야 알 수 있습니다. 나는이 도메인이 촬영하지 않은 추측하고있어. OK 그래서 그것을 사용할 수 있습니다. 그래서 좋아. 아무도 실제로 해당 도메인이 없습니다. 

그러나의 좀 더 악의적 인하자 그 바보의 일종이기 때문에. 우리는 페이팔로 변경합니다. 그리고 우리가이 호출하면, 같은 www.paypal.badguy.com, 도메인이 무엇이든. 그것은 아마 존재합니다. 그래서 지금 내가 페이지를 다시로드 할 수 있습니다. 그리고 여기에 우리는 피싱의 종류가 입니다 공격, P-H-I-S-H-I-N-G, 바보 단어 공격이 주어 물고기 정보를 시도하거나, 더 나은 아직 속여 사람들이 밖으로 돈, 그들에게 정보를 제공으로하는 그들은 달리 할 수​​ 있습니다. 이것은 권리를 완전히 합법적 보인다? 나는 Paypal.com에 여기 링크가 있어야합니다. 공평 경우, 좀과 그것을 성별화 그래픽, 우리는 그것을 볼 수 있습니다 페이팔처럼. 오른쪽? 내가 할 수 있기 때문에, 옆으로, 나는 Paypal.com에 갈 수 있습니다. 그리고 우리가 본 적이 어떻게 할 수 해당 HTML의 모든을 참조하십시오. 난 그냥 복사를 다시 수 페이팔의 미학보다는 이동 여기에 오래된 학교. 하지만, 통지 물론, 그것은 약간의 여전히 아래쪽 만의 작은 10 점 마음에 드 셨나요 왼쪽 모서리, 글꼴, 당신은 당신이있어 어떤 URL 보는가 실제로을 주도 할 것. 

당신이 이제까지받은 적이 있다면 그리고 스팸 말 가서, 당신은 계정입니다 손상되었습니다. 이 링크를 클릭하여 저희에게 알려 주시기 바랍니다 귀하의 암호는 그래서 우리는 당신이있어 보장 할 수 당신이 이제까지 그렇게하지 ​​않습니다. 이런 일들은 말도없이 가야한다. 그러나 그것은 멋지고 재미있는, 그리고 비극적 매년이 방법을 보인다 0이 아닌 일어날 사람들의 번호입니다. 

그리고 그 아름다움의 피싱 공격의. 당신 만 이메일을 보낼 수 있습니다. 그리고 경우에도 실제로 사람들의 0.01 % 페이팔을 클릭하면 줄의 암호는, 그 여전히 아닌 숫자의 다만 제공 한 사람들 당신 자신의 돈. 그리고 물론, 이메일을 보내는 것은 매우이다 간단하고, 기본적으로, 무료 이러한 일. 

그래서 긴 이야기 짧은 놀라 아름다운 생각, 오른쪽? 몇 년 전,이 최초였다 웹의 웹 가능 그 사이에 하이퍼 링크. 하지만 그렇게 빨리는 수 나쁜 목적을 위해 사용됩니다. 전자 우편이, 그 말을 충분 일, HTML 내에 포함했다. 

음, 그냥 한 가지 저를 보자. 그리고 우리의 부분을 주로 연기합니다 문제는 당신이 할 수 있도록 일곱 설정 내역을 살펴 봅니다. 그러나 내가 가서 보자 여기에 몇 가지 작업을 수행. 내가 들어가서 선언하는거야 또는, DIV라는 것을 페이지 분할. 내가 그 div 태그를 닫습니다 수 있습니다. 

그리고 최대 말할거야 페이지 여기에 최고. 그리고이 아래에, 내가 할거야 다른 사업부 같은이을 닫습니다 태그 및 페이지 바닥 않습니다. 하 그것을 저장할 수 있습니다. 

그래서 지금의 내 파일에 다시 가자. 매우 실망. 그러나 사단은, 사용되는 후드 아래, 그것은 사실이다입니다 좋은 구조 요소입니다. 그것은 지금까지와 같은 미학이 없습니다 우리는 분명히 이외 볼 수 있습니다 새 줄에 물건을 넣어. 

하지만, 통지, 옆으로, 단지 타격 입력처럼 HTML에 들지 않는 경우 C에서 당신은 그건 생각할 수도 없습니다 사이 좋은 큰 차이를 둘 것 페이지의 상단과 하단. 그러나 그것은 무시됩니다. 공백은 기본적으로 무시됩니다 첫 번째가 아닌 다른 웹 페이지 스페이스 바 문자 또는 캐리지 리턴, 당신은 키보드에서 충돌합니다. 당신은 더 많은 줄 바꿈, 당신이 원한다면 스스로를 지정해야합니다. 

그래서 나는 몇 가지 일을 할거야 여기에 무슨 일이 일어나고 있는지 보여줍니다. 내가 속성을 추가 할거야 그 당신이 배울 다시 존재하고, 방법 무엇을, 태그 존재하는 존재 속성 정말, 온라인 참조입니다. HTML 언어의 일종입니다 - 그것은이다 아니 프로그래밍 언어입니다. 그것은 마크 업 언어입니다 - 그 후 좋은 반 시간, 어쩌면 한 시간 그것은, 당신은 확실히 대부분 이해합니다 가능성이 기본적인 아이디어. 그리고 Google 검색 멀리 전부이다 당신이 할 수있는 가능한 태그 관심 그리고 사양마다 그는 매우 환영합니다 이곳 격려했다. 

그래서 지금 저를 진행시켜 이런 식으로 뭔가를 할. 배경색. 그리고 지금, 내가 뭔가를 할거야 같은 빨강, 세미콜론. 그리고 당신은이 작업을 수행 할 수 있습니다 몇 가지 방법. 나는 슈퍼로 입력, 그냥 해요 명시 적으로 가능. 

그러나 여기에서이 값은 밝혀 CSS, CSS 스타일이라는 것이 또 다른입니다 시트, 모두 언어입니다. CSS는 함께 할 수 없다 태그와 닫기 태그를 엽니 다. 이 속성 할 수있다. 

및 속성은 단순히 키 값입니다 그냥 몇 가지 단어를 의미 쌍, 결장, 그리고 다른 단어입니다. 그리고 당신은 여러 사람, 또는이있는 경우 여기에, 당신은 그것을 끝낼 수 있습니다 단지 명확성을 위해 세미콜론. 하지만 그 역시 여기에서 작동합니다. 

이제 어떻게이 하겠어요? 당신은 아마 추측 할 수있다. 내가 가서이 페이지를 다시로드 할 수 있습니다. 지금은 정말 따라오고있다. 그래서 내 페이지 위쪽은 빨간색입니다. 그러나 여기에 열쇠 것은 즉, 내가 언급 이전에 그 DIV 당신에게 제공 페이지의 부분. 그리고 그것이 무엇을 참이다. 그것은 본질적 페이지에 나누어 사각형 그런 다음 할 수있는 조작 할 수 있습니다. 

그리고 사각형이 개념이 종류의 것입니다 당신이 생각한다면, 그의 경쟁력 대부분의 모든 웹 사이트, 거기에 아마 그것은 몇 가지 구조. 너희들의 대부분은 아마 거의 본 적이있다 당신이 로그인하는 경우 페이스 북의 홈페이지 모든 시간합니다. 

그러나 페이스 북의 홈 페이지에있다 상단 DIV의 일종. 그리고 그것은 간단하지 않을 수 있습니다 하나의 사업부로, 그러나 거기 이 사각형 영역. 페이지의 나머지 부분처럼 많은처럼 거대한 DIV, 큰 사각형 영역. 단지 필요에 의해, 너무 오래 짧은 이야기 이 작은 빌딩 블록, 직사각형 모델 것들을 할 수있는 능력, 넓거나 좁은, 당신은 또한 할 수 있는지 여부 잠재적으로 열을 만들어, 당신은 할 수 있습니다 당신은 정말, 페이지 레이아웃 싶습니다. 우리는 정말 그냥 긁적입니다 여기에 표면. 

사실, 나는 하나의 다른 하나를 할 경우, 내가 가서 스타일을하자, 배경색, 우리는 무언가를 할 것이다 블루, 주변 시세처럼. 의이를 다시로드 할 수 있습니다. 그래서 지금은 심지어 이보다지고 있어요. 하지만 지금은 종류의 떨어져 보여줄 수 내 P 오른쪽 다섯 능력을 설정? 빨간색. 그것은 RGB, 빨강을 생각 나게 그린 블루 세배. 잘, 그것은 웹 프로그래밍에서 밝혀 그러기 웹 디자인, 우리는했습니다 아직 아무것도 프로그래밍되지 본질적으로, 당신은 실제로 수 진수 코드가 있습니다. 그래서 뭔가 뭔가 뭔가 뭔가 뭔가 뭔가. 그래서 당신은 여섯 진수를 가질 수 있습니다 문자 또는 세 경우에, 그 물음표의 각 , 진수 수있다 제로부터 f까지. 

나는 빨간색을 많이 갖고 싶어하고, 경우 녹색이없고 블루, 무엇 제로의 반대 진수를 사용하는 경우? 그것은 F입니다. 그래서 FF, 0 0, 0 0을, 할 수있다 이 저장하고, 지금 여기 와서. 그리고 실제로 변화를 볼 수 없습니다. 그래서 따옴표를 맺다 "빨강"은 분명히있다 모두 빨간 동의어, 녹색이, 아니 블루. 한편,의 의도적으로 변경할 수 있습니다 이 사람은 뭔가 할 수 무작위 ABCDF처럼. 

즉 알아 보자. 그것은 정말 좋은 블루의 실제로, 베이비 블루. 좋아요, 이건 그냥 지금 의 다소 임의의 조합 자. 그래서 우리는 여기 느려되지 않습니다. 그러나 다시, 이것은 정밀도로 말한다 당신이 시작할 수있는 적용 - 당신이 매우 압도하더라도 미학 있습니다. 사실, 당신이 정말로 원한다면 할 수 감동, 내가 가서 변경할 수 예를 들어 글꼴 크기. 그리고 세미콜론을 발견, 그 가 필요합니다. 

글꼴 크기, 우리는 그냥 말도 할 수 여기에 96 점. 그를 저장합니다. 와우, 큰 글꼴 크기입니다. 좋아, 그래서 매우 간단합니다. 실제로, 당신은 본질적으로보고있다 내가 만든 첫 번째 웹 페이지 년 전 때 처음으로 이 물건을 배웠습니다. 그것은 매우 만들기가 매우 쉽습니다 빨리 끔찍한 확인해보세요. 

그리고 당신은 웨이 백에 익숙한 경우 archive.org에 기계, 당신 내 모든 끔찍한를 찾을 수 있습니다 학부 웹 페이지를 참조하십시오. 하나는 전면에 개구리 커미트했다. 내가 생각 단계를 통해 갔다 그것의 배경을 취할 시원했다 내가 방법을 배웠 빨간 커튼, 수 타일 이미지 다시하고 다시하고, 다시있는 페이지를 채우기 위해 큰 저속한 빨간 커튼. 그리고이 위에, 아이콘이었다 당신이 내 집에 입력을 클릭해야했다 페이지했기 때문에 아주 많이 유행한다. 

그리고 내 첫 번째 프로그램은 내가 지금까지 쓴 PHP에서,하지만 언어가 아니 었습니다 진주라고하는 손님 책을 썼다 그 정말 멋진 것입니다 많은 사람들이 당신을 기대 홈 페이지가 있습니다. 당신이 페이지에 얻을 때, 그들은 당신이 원하는 로그인, 그리고 당신이 누구인지 말하는 것은, 당신은 왜있어. 이것은 매우 1990 년대 스타일 웹 디자인입니다. 

그러나 이러한 일, 확실하게, 우리는했습니다 많은 멀리 온다. 그리고 당신은 절에서 참조, 심지어 것이다 문제에 의해, 일곱 설정 요즘 라이브러리를 활용 그것을 만들기 위해 너무 쉽게 신속하게 예뻐 확인해보세요. 정말 여기에, 우리는 그냥 긁적입니다 당신이 할 수있는 표면 문체. 

그리고 사실, 이미 내가 강조하자 이 이미 점점 추한되지 않습니다 단지 예술 만, 측면에서 의 내 코드의 스타일 또는 내 코드의 디자인. 나는 현재 어떤 HTML을 comingled있다 녹색 열린 태그와 함께,이 CSS 속성, 그 완전히 합법적이다. 이것은 정말입니다 언어 그 기원을했다. 

그러나 깨끗한 디자인의 관심, 우리는 고려해 물건을 시작한 것과 마찬가지로 . h 파일로 C 파일에서 아웃하자 나를 실제로 종류의 연습 원칙과 일을 시작 대신이. 내가 여기에 스타일 태그를 넣어 보자하는 또한 HTML에 존재 나를 보자 다음을 지정합니다. 날이 삭제 할 수 있습니다. 배경 색상은 빨간색이 될 것입니다. 나는 완전히이 삭제거야. 나는 스타일을 없애려고 속성, 그리고 고유에 갈거야 한마디로이 DIV를 식별 - 임의로하지만, 합리적 견적 맺다 "최고." 그리고 ID는 특별하다 유일하게 정의 속성 특정 HTML 요소 그 ID를 가지고 같은. 

최대 여기에 지금은 양식 그것을 원한다면 내부의 내 페이지의 head, 스타일 태그는 알이 내가 해시 최고를 할 수 있습니다. 그리고 제가 곱슬 몇 가지를 넣을 수 있습니다 다음 중괄호, C 연상합시다 내가 그 양식에 붙여 넣습니다. 나 여기 가서 기대하자 나는이 갈거야 어디. 저 또한 만들 수있는 하나의 하단 DIV합니다. 저 아래에서이 끔찍한 코드를 잡아 보자 여기에서, 여기에 넣어, 내가있을거야 좀 더 지금 항문 양식에 일치시키는 그것 그들의 자신의 물건을 넣어 세미콜론으로 끝나는 줄. 나 스타일 태그를 제거 할 수 있습니다. 

하지만 난 아직 안 끝났어요. 나는 한 가지를 수행해야합니다. 그래, ID는 "아래"견적 맺다를 같습니다 또는 어떤 ID를 내가 원하는 해당 요소를 제공합니다. 지금, 내가 여기에 다시 가자. 그리고이 극악이다. 내가 96 포인트를 처리 할 수​​ 없습니다. 24 점을 봅시다. 또는 당신은 더 정확 될 수 있습니다. 당신이 실제로 픽셀, PX를 사용할 수 있으므로 당신은 정말 미세한 입자를 얻을 수 페이지를 통해 제어 할 수 있습니다. 

옆으로, 그 필요 아니다 가장 좋은 것은 사용자를위한 경우 내게 이유로, 원하는 크기를 증가시킬 수있을 것이다. 이렇게하는 방법이 있다는 것을 깨닫게 반드시하지 않는 것들 하드 코드 다. 

좋아, 그래서 더 큰, 24 점, 기본값은 무엇보다. 하지만 지금은 조금 청소기입니다. 나이 한 단계 더 걸릴 수 있습니다. 그냥 헤더 파일의 생각처럼, 우리가 한 걸음 더 가까이있어 확인할 수 있습니다. 나는 고려 밖으로 가지고 있지만, 여전히 남아 내 페이지에서 해당 CSS 규칙의 내부입니다. 왜 나는이 단계를 수행 할 수 있습니다 또한, 모두이를 제거하고 별도의 파일에 넣어? 

그래서 바로 다시 사용할 수 있습니까? 이 직관의 단지 종류 지금. 전에, 나는 그냥 주장 추악한 스타일을 가지고 점점 내부 속성 자신을 div를. 하지만, 그냥 그를 생각합니다. , 만약 페이지가 길고 길어으로 여기 퍼팅, 그리고 여기와있어 여기, 여기, 서로 다른의 색상, 그리고 다른 글꼴 크기 및 속성은 페이지가 매우 빠르게합니다 당신을 위해 불가능한이 될 것. 

누군가가 당신에게 다가와서 경우 오, 당신이 무엇을 알고있다? 정말 글꼴 크기를 변경하려면 두 개의 추가 점으로, 당신 가서 찾아 교체해야 코드 라인의 거대한 숫자. 그것은 훨씬 더 강력한 중앙 집중화의 여기에 이​​러한 모든 미학. 하지만 당신은 사람들을 재사용하고자하는 경우 여러 웹 페이지에서 미학, 모든 내용은 더 강력한 예, 파일을 작성 그 내용을 불렀다. 

나이 작업을 수행 할 수 있습니다. 이 파일을 저장합니다. 나는 styles.css가 임의의 말 하지만 기존의. 나는 존 하버드의 홈에 넣어 수 있습니다 단순 현재 디렉토리입니다. 그리고 내가 내 웹 페이지에서 할 수있는 것은 얻을 수있다 , 모두 스타일 태그의 제거 다소 unintuitively, 링크를 사용 당신의 연결을 제공하지 않습니다 태그 하이퍼 링크 클릭 할 수있는 의미하지만, 내가 링크 HREF 등호 말을 어디 styles.css가. 그리고 관계가이 요소 웹 페이지와 같은 역할을하는 것입니다있다 그 스타일 시트. 

그래서 이걸 어떻게 알았습니까? 하나는, 당신은 단지, 설명서를 읽어 또는 당신의 주위에 구글, 그리고 다양한 리소스를 봐주세요. 내 말은, 진정으로 당신이 선택하는 방법입니다 이와 같은 기술 및 일관성 새로운 자신을 가르치는이 아이디어 언어, 다시, 당신은 찾을 수가 사물의 유한 수는있다 일단 당신이 얻을 모든 언어 그들이, 당신은 그것을 얻을 것을 찾을 수 있습니다 더 빠르게 쓸 수 있습니다. 사실, 새로운 프로그래밍 학습 언어는 새보다 훨씬 빠릅니다 구어 때문에 이러한 것들 더 작고 더 있습니다 정확하게 정의. 

그러나 나는 조금 강조했다 여기 기형. 나는 왜 이것을 강조 앞으로 여기 슬래시? 내가 태그를 닫아야하기 때문이다. 내가 태그를 닫아야합니다. 그리고 당신은 무수한 자원을 찾을 수 있습니다 하지 온라인 닫기 태그 반드시. 그리고 현실적으로, 그것은 엄격 아니다 기술에 대한 필요하고이 현실의 이유는, 브라우저 다만이다 웹에서 실수를 상당히 관대 페이지 좋든 나쁘 든, 하지만 대부분 더. 

여기의 단지 깨끗한 방법입니다 그래서 이런 바보 같은 말을, 당신은 링크 태그를 열고하려는 경우 하지만 닫습니다, 아무 개념이 정말 없습니다 링크 태그의 내용의. 그냥이로드 의미 파일을 여기에 넣어. 그것은 당신이 할 수있는 C에서 날카로운 포함처럼 한 번에 태그를 열고 닫습니다 같은 태그 안에. 그리고 다른 사례가있다. 이이 작업을 수행하는 방법이 아니라, BR 태그, 줄 바꿈 들어, I 정말 내가 무슨 달성하고 싶어 경우, 입력 쳐서 전하려고 내가 명시 적으로 말할 줄 바꿈, 줄 바꿈, 줄 바꿈, 줄 바꿈 및 다음 알 수 있습니다 지금이 페이지를 다시로드 페이지의 하단입니다 실제로, 많은 멀리 아래에있는 페이지의 맨 아래. 그러나 심지어 더 많은 일을 할 수있는 완전히 CSS로하고, 여백, 및 기타 미학 기술. 

그래서 지금은 테이크 아웃이 있습니다. HTML에서, 우리는 이러한이 가지 태그를 불렀다. CSS에서, 우리는 이러한 일들이 속성했다. 우리는이 두 언어를 comingle 수 있습니다 하나의 스타일 특성을 사용하여, 나 스타일 태그 또는 최고의 아직 고려해 아예 밖으로, 우리처럼 문제의 7을 설정합니다. 질문 다음에 대한 여기에 개념적 기초? 

대상 : 나는 질문이 있습니다. 

스피커 1 : 아, 죄송합니다. 

대상 : 왜 색깔이 아니었다 - 

스피커 1 : 아, 다른 탭? 여기? 

대상 : 아니, 그것은처럼 - 

스피커 1 : 아, 그 때문 나는 별거되고 있었다. 나는 잘못된 장소에 파일을 넣어. 그렇다면 실제로 여기에 넣어 I chmod를 그 모든 + styles.css가에 대한 연구, 그리고 지금 우리는 이제 페이지를 다시로드 양식에 다시 얻을. 그리고 글꼴 크기 때문에 다른, 우리는 꽤 많은이 표시되지 않습니다 공백입니다. 우리는 대신에 뭐가 있는지보고 기본적으로 대신합니다. 좋은 질문입니다. 예? 

대상 : 왜 링크가 헤더 안에 태그? 

스피커 1 : 왜 링크입니다 헤더 태그 안에 - 짧은 대답, 단지 때문이다. 그 결정했던 것입니다. 링크 태그 때가는 곳입니다 당신은라는 것을이 외부 스타일 시트입니다. 다른 질문? 

좋아, 그럼이 작업을 수행하자. 우리는 오늘 우리 앞에 너무 재미있다. 그냥 긁적 그건 CSS의 표면. 이 작업을 수행하자. 자, 여기에 5 분 휴식을 취할 때문에, 내 이메일 당,의는에 달아 보자 거기에 오늘 2시 반 흉내까지. 그러나 당신이 경우는에있다 괜 찮 아 요, 둡니다. 그러나 우리는 후 점진합니다 5 분 휴식. 그리고 우리는 조금 뭔가를 배울 수 있습니다 PHP, MySQL을, 그리고 더 많은 정보. 

바로 모든, 그래서 넥타이를, 자, 해보자 함께 이러한 아이디어를 적고 확인 우리 자신의 검색 엔진을 말한다. 나는 오히려 호기심, 발견 다음. 당신이 Google.com에있을 때, 당신은거야 일반적으로 여기에이 같은 URL에서 와 도트 컴 후 아무것도. 하지만 바보 같은 뭔가를 검색하는 경우 고양이, 그리고 명중 입력, 우리는거야 - 아니 바보,하지만 당신은 알고있다. 

좋아, 그럼, 그 페이지의 상단에서 확인할 수 이제 URL은 물론, 변경되었습니다. 그리고 이것은 아무것도 아니다 우리의 새로운. 당신은 링크와 물건을 클릭 웹에 발생합니다. 하지만 여기에 흥미로운 무엇 다음과 같습니다. 이 혼란의 전체 많이하지만하자 저 멀리 내가 모르는 그 물건을 던져 아주 이해하거나하지 않습니다 정말 관련 본다. 

날이 없애 보자. 날이 없애 보자. 나 그냥 없애 보자 이 모든의. 그리고 지금, 고양이 URL에 있음을 알 수 평등은 다음 질문으로 이어 그것의 앞에 로그인합니다. 그래서이가 밝혀 방법 이 때 방법은 작동 입력 및 출력. 

우리는 장기에 대해 얘기했습니다 블랙 박스, 오른쪽? 이 구현 함수 그렇다면 여기에 블랙 박스로, 그것은 입력을 받아, 및 출력을 생성, 음, 뜻 당신은 입력을 제공하는 웹 사이트 URL은의 자주, 방법 것입니다. 당신은 단순히 물음표를 넣어 다음 키 값을 같습니다. 다음 그리고 아마 앰퍼샌드, 그리고 다른 키 아마 다음 값과 동일 다른 앰퍼샌드, 키 값과 같습니다. 그게 당신이와 키 전달 방법 입력 값 쌍. 

지금 입력을 칠 경우에, 무엇의 구글에 대한 흥미로운 그게 전부입니다 내가 삭제 한 혼란이 표시되지 않습니다 엄격하게 필요합니다. 나는 Google에 보낼 필요가있는 질문 마크 Q 고양이가 얻을 같음 어떤 고양이를 백업합니다. 그럼, 그 의미, 내가 gedit를 뽑아 경우에, 나는 시작했다합니다 여기에 내 자신의 검색 엔진을 만들기 파일에 seach0.html라고. 

그리고 내가 가서 삭제할 수 한 번 더 줄 것을 당신 볼 예정되지 않았다. 그리고 지금, 내 자신의 브라우저에 가자 그래서 구글에, 그리고에 갈 http://localhost를. 그리고 그 방법으로 얻을거야. 그래서 우리는에게 작별 인사를해야 할 것입니다 지금, 여기에이 이동하는 것이 오, 지금 우리가해야 할거야 해당 파일에 작별 인사. 

당신은라는 파일이있을 때마다 에서 index.html 파일이나 index.php를 디렉토리, 웹 서버가있는 경우 이 방식으로 구성, 당신은 무엇을거야 참조, 기본적으로 그 내용입니다 대신에 파일의 목록 디렉토리 여기 원으로. 사양이에 대한 자세한. 당신은 그것을 보지 않았다. 

그래서 내가 실제로 원하는 것입니다. 하지만 순간 전이 있었다 이 폴더에있는 파일이라고 index.html 파일과 index.php를. 그리고 웹 서버는했다 나에게 그 파일을 표시합니다. 대신,이 디렉토리를 원하는 여기에 나열. 

그래서 난에 갈거야 sea​​rch0에 CSS 및 이동합니다. 그리고이 그것이 될 것을 주장 내 자신의 경쟁의 시작 엔진을 검색 할 수 있습니다. 이 작업을 수행하는, 나는에 갈거야 여기에 CSS로, 그리고 함께 열어 gedit에서, 검색 0. 하지만 불행히도, 거기에 많은 여기에 갈 수 없습니다. 내가 한 모두는 제목 태그를 사용했던 , H1 호출 할 일어나는 기본적으로 큰 의미하며, 대담, 그리고 그것입니다. 그러나 우리가 할 수있는 수단 제공 입력이 통해이다 가지 양식을했다. 

그래서 내가 가서 열고 닫을 수 있도록, 선제, 폼 태그가. 그리고 내가 가서하자 이런 식으로 뭔가. 입력 형식은 텍스트 같습니다. 다음의은 내 태그를 닫습니다 보자 괄호 자체. 나는 텍스트 필드를 시작할 필요가 없습니다 그리고 텍스트 필드를 중지합니다. 그냥 거기에 여부거야. 

그리고 아래하자의 그 입력 유형은 제출 같습니다. 이 저장합니다. 그리고 지금은 작업을 수행하자 빠른 정신을 확인합니다. 의 다시로드 할 수 있습니다. 

OK, 그래서 나쁘지 않다. 그것은 구글의 스타일이 아니다 그러나 그것은 아주 가까이 있습니다. 텍스트 필드가있다. 내가 입력 명중에 몇 가지 물건을 입력 할 수 있습니다 그러나 아무것도 아직 발생하지 않습니다. 제가 지정하지 않은 때문에 그건 이 양식에 대한 조치는, 말하자면. 내가 폼 요소로 돌아가서 만약 그렇다면, 그것은 밝혀, 나는이 만 알고 즉, 문서를 읽는에서 폼 태그 속성을 걸립니다 URL입니다 행동이라고 웹 사이트의 어떤 당신에게 양식을 보내려고합니다. 

난 정말 우리가 시간을 가지고 생각하지 않습니다 에 대한 모든 백 엔드를 구현 엔진 오늘 검색 할 수 있습니다. 그래서 우리가 말을하는거야, 어, google.com / 검색하십시오. 그리고 지금 내 따옴표를 닫 할 수 있습니다. 나 더 지정할 것을 사용하는 방법은 것입니다 얻는 호출 할 수 있습니다. 

긴 이야기를 짧게,에서, 두 가지 방법의 적어도, 당신은 정보를 제출할 수 브라우저에서 서버로. 하나는 얻고, 오늘의 목적입니다 그건 그냥 URL에 의미합니다. 정확히 물음표를 참조하십시오 표시, 그리고 앰퍼샌드 같음 우리는 앞에서 보았다. 또는 대안이라는 글이있다. 지금은 글을 자주 사용하고 있다는 것을 알고있다 당신은 파일을 업로드 할 때처럼 이미지 등, 또는 당신이 원하는 신용 카드 정보를 제출하거나 그렇지 않은 암호는 아무것도 정말 개념, 이해, 또는 보안 와이즈의 URL에서 종료합니다 귀하의 브라우저 스누핑 부모, 또는 룸메이트, 또는 액세스 할 수있는 모든 컴퓨터에 표시 될 수 있습니다. 

그럼 그 여기에 저장할 수 있습니다. 그리고 한 가지를 수행해야합니다. 그것은 단지로 충분하지 않습니다 라고 저에게 텍스트 필드를 제공합니다. 그 필드에게의를 제공해야 이름을 평가한다. 그래서 나는 구글의 선택을 빌려 이름, Q, 그 두 번째 지정 정말 걱정하지 않는 속성 전송 단추의 이름을 입력합니다. 내가 신경 모두 제출합니다 들어 어떤 사용자 유형 

그리고 지금이 못생긴의 일종이다. 그냥 제출했다. 그것은 밝혀, 나는에서 알아 문서, 사실은 말할 수 값은 따옴표 맺다 "CS50과 동일 적인 seach "닫기 인용. 그럼 다시로드 할 수 있습니다. 그래서 명령-R 타격 유지하거나 다시 나의 키보드 제어 R. 

이제 우리는 더 흥미를 가지고 엔진을 검색 할 수 있습니다. 꽤처럼 보이지 않는 구글 아직 생각. 그럼 여기에 가서 보자 작은 줄 바꿈을한다. 

OK, 이제 우리는 구글 있습니다. 우리는 실제로 거의 구글을하지 않아도됩니다. 이제 무슨 일이 일어날? 내가 뭔가를 입력 할거야 고양이처럼. 그리고 브라우저를 구문 분석하는 것입니다 내가 정의한 해당 양식. 그리고 보낼 것 해당 URL에 대한 사용자. 이 시간 그래서, 몇 가지 흥미로운 이유, 나는 주식에 대한 자세한 정보를 가지고 실제 고양이에 대한보다. 여전히 우리를 알 수 있기 때문에하지만 그건 괜찮아요 여기에, 결국 Q 고양이 같습니다. 

그래서 긴 이야기를 짧게, 그것은 상당히 같다 사용자로부터 입력을받을 하찮은. 그리고 공정하게, 송이가있다 양식 필드의 다른 유형의. 약간의 상호가 확인란을, 그리고 전용 라디오 버튼, 메뉴, 그리고 더 내려 놓습니다. 하지만 그 모두가 상대적이다 쉽게 구현 이 텍스트 필드이었다. 궁극적으로, 우리는 단지 확인해야합니다 반드시 누군가가 다른 수신 대기 그를 얻기 위하여 선 끝 정보는 어떻게 든 처리하고, 우리 고양이 우리를 다시 제공합니다. 

약간 살펴 보자 더 많은 예제를 포함했다. 나, 나의 가상 호스트의 디렉토리로 가자 에 로컬 호스트, 공공, 그리고 오늘의 소스 코드를 넣습니다. 이 모든 과정의에있을 것입니다 어설프게 당신을위한 웹 사이트와. 내가 froshims에 가면, 내가 열게 이제이 파일을 백업, froshim0.php. 이 것은, 그래서 좀 더 자세한이야 우리는 처음부터이 문제를 쓰지 않습니다. 그러나 지금 몇 가지 다소 통지 친숙한 특성. 

하나는, 폼 태그, 다른 동작입니다. 그것은 전체 URL 아닙니다. 지금, 그것은라는 파일에 명백하게의 register0.php, 순간에 있기 때문에 나는 나 자신에게 조금 가르 칠거야 PHP에 대해 뭔가, 프로그래밍 PHP를하는 데 사용할 수 있기 때문에 언어 구글로 구현 된 것을 구현 그들의 검색 엔진의 백 엔드. 

Google은 현실에서 아마 사용 일부 파이썬, 일부 C + +, 및 다른 언어 큼. 그러나 우리는 확실히 검색을 구현​​할 수 우리가 원하는 경우 PHP를 사용하여 결과. 하지만 지금, 우리는 간단하게합니다. 이 사실은 하나의 연상 다른 첫 번째 웹 사이트 I 년 전했다. 

다시 내 하루에, 당신은 등록 에 의해 신입생 교내 스포츠 걷기, 종이를 작성 마당을 가로 질러, 그리고 그것을 삭제 에서 프록터의 사서함 터번, 그리고 당신 어땠 등록. 그래서 내 프로젝트가 곧 CS50 후, 완벽하게하는 것을 넣어했다 의미는, 웹에, 이는 없었다 지금 그대로 그 유행에서와 같이. 그러나 우리가 할 일은 모든 생성했다 기본적으로 HTML 양식. 

그리고 그 형태는 보았다 대략 이런 식으로. 나는에 대한 입력했다 신입생의 이름입니다. 나는 여부 또는 다른 확인란을했다 또는 그들이 주장, 무엇이되고 싶어하지 성별이 있었고, 어떻게 자신의 기숙사이었다. 그리고 열심히 일에 코딩 Apley 코트, Canaday처럼, 회색, 등등. 

그래서 다시 새 태그입니다. 전에이 보지 못했지만, 새로운 속성,하지만 매우 액세스 할 수 있습니다. 일단 예제를 참조하십시오, 당신은 어떤 수 있습니다 의는 아이디어를 빌려 드롭을 대부분의 아무것도 다운 메뉴. 그러나 중요한 것은 즉 각 이런 일들은 이름이 있습니다. 이 양식의 하단에있다 레이블이 제출 버튼 또는 값이 레지스터입니다. 

그럼이 페이지에 가자. 내게로 돌아 가자 디렉토리 목록. 나를 froshims에 가자 그리고 froshim0.php로 이동합니다. 그래서 공정하게, 끔찍. 그래서 나는 확실히이 양식에 일치 할 수 일부 CSS로, 나는 약간을 만들 수 있습니다 그래픽, 어쩌면 약간 색깔을 추가 이 예뻐합니다. 하지만 기능적으로, 그이 주장 것 꽤 완료됩니다. 

불행하게도, 나는이을 작성하는 경우 남성 데이비드, 선장, 우리는 선택할 것이다 하자 말 매튜스, 회원 가입, 모든 사건이있다. 하지만 테이크 아웃의 몇 가지를 알 수 있습니다. 하나는, 어떤 파일들을 반환 결과, 분명히? 그래서, 실제로, register0.php입니다. 우리는 그 행동을 보았다는 사실 때문에 순간 전 값 register0를 들어,이 우리가 실제로 종료 된 확증 특정 파일을 백업합니다. 

지금은 단지 추한 텍스트입니다. 그러나이 텍스트가 있음을 알 수 로컬 호스트에서 오는, 기구에서하는 것입니다. 현재 어플라이언스의 생각처럼 에있을 수있는 웹 서버 과학 센터. 그것은 실제 웹에있을 수 있습니다. 그래서 공개적으로 액세스 할 수 있습니다. 

그래서 명확하게 전달하는 몇 가지 방법이있다 서버 필드에 입력 형태 그래야 그들과 함께 뭔가를 할 수 있습니다. 불행하게도, register0 정말 멍청한 것입니다. 그것은 않는 모든 배열을 인쇄합니다 즉, 다음과 같습니다. 그리고 그것은에서 배열 아니다 우리가 알고있는 것을 의미. 그 PHP, 그리고 많이 밝혀 언어뿐만 아니라, 수치가 그의 첫 번째 인덱스 인덱스 배열 제로, 그 하나 다음 두 가지, 그 점, 점, 점, N - 1. 

이라는거야 연관 배열입니다. 연관 배열의 하나입니다 당신은 어디에 키 값 쌍을 저장할 수 있습니다 키는 숫자 일 필요는 없습니다. 그것은 사실 문자열 단어가 될 수 있습니다. 그리고이 구현 될 수있다 후드 아래에, 그것은 밝혀 로 알려진 데이터 구조를 사용하고 계십니까? 생각 극적인 뭔가 일어난다는 것은 - 해시 테이블. 

그래서 해시 테이블, 리콜, 당신의 그 누가 P 세트 6을 위해 그것을했다, 또는 기억 그것은 당신이 시도했던 적어도하더라도, 해시 테이블은, 우리의 사용량에 사용 된 그냥 단어를 저장합니다. 하지만 정말, 당신은 저장했다 키와 값. 당신은 P를 위해 해시 테이블을 구현하는 경우 6 사전 설정 키 하였다 단어 자체 및 값 효율적으로 true 또는 false되었습니다. 예, 여기에, 또는 암시 적으로, 아니, 여기. 

음, 우리는 그 아이디어를 일반화 할 수 있습니다. 그리고 우리는 매우 유사한 데이터를 사용할 수 없는 문자열을 저장하는 구조 혼자 해시 테이블 자체가 아니라 귀하의 해시의 모든 하나에 해당한다고 가정 테이블의 노드. 그리고 당신도 시도에서이 작업을 수행 할 수 보다는 그냥 BOOL 있습니다. 당신은 다른 뭔가를 가질 수 있습니다. 키가 맥스웰 아니 었 어떤 경우에 대한 예,하지만 인용 맺다 "이름"또는 맺다 "캡틴."인용 및 내부 귀하의 C 데이터 구조, 당신은 넣어 값이 아니라 부울,하지만 가치 인용 맺다 "데이비드"또는 같은 "M"또는 "매튜"등등. 

우리가 사용하는 것과 같은 데이터 구조에 따라서 분명히 다른 언어에 존재합니다. 그리고 나는 그들이 실제로 많이있어 논쟁거야 훨씬 간단 여기에 액세스 할 수 있습니다. 하자 사실을 살펴 지금 같은 일부 구문에서. 

나는 PHP 디렉토리로 갈거야. 그리고 더 나은을 열거야 이전의 헬로 0 버전입니다. 내가 한 모든 것을 알 수 몇 가지 주석을 추가 할 수 있습니다. 그래서 우리는주의 산만을 제거 할 수 있습니다. 

이 프로그램은 실제로 인쇄를 수행 안녕하세요 저는 사이에 지정했기 때문에 내가 그 코드를 실행하고자하는 태그입니다. 이제, 우리는 잠시 볼 수 있습니다 왜 유용합니다. 그러나하자 여기에 하나의 다른 예를 엽니 다. , 내가 가서 말을 열어 보자 조건 하나의 gedit에서. 

이제이 방법은 시간을 거슬러이다. 그러나 주 전, 나는 일주일에 하나의 생각 일주일에 두라고 부릅니다 예를 들어했다 conditions1.c. 그리고, PHP에서 재 구현하기로 결정 단지 종류의 강조가 PHP는 구문, 거의 동일합니다 C.에이 거대한 도약이 지난 주이 있습니다. 

이 프로그램의 상단에 주목하는 일부, 이전과 같이, 시작 내가 없애 있습니다 주석, 주의 산만 등의. 나는 PHP에 걸 알 이 파일의 모드를 선택합니다. 이 코드는 그래서, 우리는 볼 수 있습니다, 실행 얻을 것이다. , readline을 거기에 알 아마입니다 getString에의 PHP 아날로그. 조금 다릅니다 확인할 수 있습니다. 당신은 실제로에게 프롬프트를 지정합니다 함수는 읽을 줄라고하며, 그의 사용자가 무엇을보고. 그래서 당신은 printf를 수동으로 필요가 없습니다. 그러나 큰 문제가 아니다. 나는 $ N의 내부를 저장하는거야 이 값을 반환하므로 어떤 에있는 사용자 유형은 int입니다. 그리고 여기 또 다른 호기심이다. 그것은 PHP에 모든 변수를 변 바로 앞에 수있다 달러 기호. 조금 짜증나. 하지만 PHP에서 수행하지 않은 것을 알 수 있습니다. 무엇을 왼쪽에서 실종 의 측면 등호? 

유형에 대한 언급이 없습니다. 그래서 더 들어 C. 다른 또는 더 나쁜, PHP는 느슨하게입니다 입력 언어입니다. 그 숫자를 가지고있다. 그것은 문자열을 가지고있다. 그것은 부울을 가지고있다. 그리고 몇을 가지고 다른 데이터 형식입니다. 하지만, 프로그래머, 일반적으로 그들에 대해 걱정하지 않아도됩니다. 이것의 위쪽은 만드는 것입니다 그것은 작은 프로그램을 쉽게. 당신은 좀 덜 생각할 수 있습니다. 단점은 또한 당신을 열리고있다 잠재적 인 버그를 실수로하는 경우 문자열로 숫자, 문자열 처리 번호, 잠재적으로,하지만 그와 같은 다음, PHP, 그리고 언어의 많은 매우 관대합니다. 그들은라는 것을 사용합니다 암시 적 캐스팅. 그리고 당신은 상황에 N을 사용하려고하면 숫자 상황, 그것은 것입니다 될 것입니다 여기에 어떤 변환 문자열 때문에 사용자 유형을 경우 에, 당신은 결과를 얻을 것을 readline을에서와 같이, 또는 문자열을 그 문자열을 반환하는거야. 

그러나주의, 몇 라인 이상, I n은 0보다 큰 있는지 확인합니다. 그래서 PHP는 암시 적으로 캐스팅 할 것입니다 내 무엇이든 "문자열"123, 또는 사용자 INT에있는 유형. 그래서 짧은, 물건은 작동 보다 직관적으로 많이합니다. 그래서 우리는 지금의 몇 가지 긴장하기 시작 우리가 과거에했던 것들. 

이 물건의 많은입니다 같은,하지만. 아직 같음과 동일했다. 옆 PHP는 같음 같음 바와 같이 에, 아마도 그에, 그러나 동일합니다 미래. 그것은이었다. 오타 그러나 두 등호 같은 의미 전에 비교를 위해 같은 것이. printf를하기 전에 같은 일을 의미합니다. 백 슬래시 n은 같은 의미 전과 것. 

그래서 어떻게이 프로그램을 실행합니까? 물론, 이전처럼, 내가 PHP를 할 경우, conditions1.php, 및 형식 123 같은 숫자입니다. 양수 그건. I 0을 입력하면, I 0을 선택합니다. 나는 부정적인 123에 입력하면, 내가받을 만이다 음수를, 다시 , 구문, PHP 대답 슈퍼, 슈퍼 비슷합니다. 

그럼 왜 유용 지금 웹 컨텍스트에서? 음,이 froshims로 돌아 가자 예를 들어, 어떤 모습, 다시 여기처럼. 그리고하자 실제로 웹 페이지를 위로 당겨 또, 어떤이처럼 보였다. 우리는 무엇을 할 수 그는 데이터를 제출있어? 

음, 내가 새를 열게 이 버전의. 그리고 당신은 볼 것이다하는 문제 세트 사양을 안내합니다 이들 중 몇 가지를 통해. 보다는 제로로 시작 froshims3를 살펴 보자, 이는 조금 더 않습니다. 

처음으로 공지 사항, 사실,의를 열어 보자 최대 0이 무엇인지, 그래서 당신은 볼 어떤 레지스터 0이었다. 레지스터 0 무슨 짓을했는지 알 수 있습니다. 하나는, 나는 정상에 의견이 있습니다. 그 삭제 만이에 초점을 맞 춥니 다. register0.php의 대부분의 내용 분명히 있으며, 어떤 언어? 그냥 원시 PHP. 

통지 그래서,이 파일이 시작되지 않습니다 현재, 오픈 브라켓에서, 함께, 물음표, PHP. PHP는 뒤섞다 할 수 있도록한다 HTML 태그와 PHP 코드입니다. 하지만 난 그 여기 안에 했어 여기에 페이지. 

이제 다시, 당신은 단지에서 알아 줄 설명서를보고 한. 인 print_r, 그것은 밝혀 print_recursive입니다. _recursive 그리고 이것은 단지 편리합니다 그냥 인쇄 유틸리티 기능 재귀, 어떤 당신은 그것을 손. 당신은 그것을 배열을 건네 경우, 그것은 배열을 인쇄 할 수 있습니다. 당신이 그것에게 번호를 건네 경우는, 그것은 숫자를 인쇄 할 수 있습니다. 그것을 문자열을 넘겨, 그 거 문자열을 인쇄 할 수 있습니다. 당신이 그것을 해시 테이블을 건네 경우, 해시 테이블을 인쇄합니다. 당신은 모든을 작성할 필요가 없습니다 스스로하는 코드. 

이제 내가 입력 해요 통지 여기에 PHP 모드. 여기에 PHP 모드를 종료하고 있습니다. 웹 서버는이 파일을 읽고 그렇게 할 때 위에서 아래로 있기 때문에, 왼쪽에서 오른쪽으로 그것은. PHP라는 이름의 끝 이다 PHP 태그의 내부 아니라 어떤 그냥 침이 될 것 중, 원시 HTML처럼. 더 큰 문제가 없습니다. 그러나 곧 웹 서버가 고지로 이, 그것은 말 것, 내가해야하지 말 그대로, 포스트 인 print_r을 뱉어. 나는 다음을 실행해야 코드의 라인. 

마지막 질문 그렇다면,이 파일의 잘, 지옥이 무엇입니까? 추측을 가져 가라. $ _POST 아마, 무엇입니까? 

대상 : [들림] 

스피커 1 : 그래, 게시 된 데이터. 리콜하자 다시 스크롤 잠시 시간. froshim0는 다시,이처럼 보였다. 이것의 수퍼 대부분은 HTML입니다. 다시 말하지만, 어떤 태그가하지 않은 아직 볼이나되는 당신은 이미 알고 있습니다. 하지만 흥미로운 것은이 있었다. 이 한 줄은 정말 연결 무엇입니까 그것은 우리의 register0.php 파일. 나는 방법 포스트를 통해 제출하고 있습니다. 그리고 그 의미 매개 변수 에서 사용자 유형은 없습니다 여기서 끝날 것. 

그들은 안 갈거야 URL에 표시됩니다. 그들은 여전히​​에서 전송 될 예정 클라이언트 브라우저에서,에 서버,하지만 단지 몇 가지 다른 통해 우리는 우리의 손을 포기 겁니다 메커니즘 오늘에 있지만, URL에 아닙니다. 그러나와 현재의 관계를 알 포스트는 어떤 관례이며, 여기 소문자. 

하지만 register0.php을 열 경우, 나는 분명히이 인쇄하고 있습니다. 그래서이 이상한 종류 명명 규칙. 그러나 PHP에서 좋은 것은 즉시 하지에서 웹 컨텍스트에서 PHP를 사용하여 I와 같은 명령 행은 잠시 전에했던, 당신은 실제로 웹에서 사용할 때 페이지, 우리가 같이 가상 호스트의 디렉토리에, 자동으로 PHP는이 작업을 작성합니다 연관 배열 일, 그래서 함께, 해시 테이블을 말하자면 사용자가 로그인 입력 다 

모두 대문자 짧은, $ _POST에 전역 변수가 PHP 단지 마술 당신은 때를 위해 생성 웹 환경에서 PHP를 사용하여. 그리고 그것은 그것의 내부를 모두 넣습니다 이 형식의 매개 변수 이름 이 파일의 모든 제출 사용자가 로그인 입력 한 값 그래서 당신에게 건네 어떤 사용자 해당 양식에 입력했습니다. 

그래서 전, 우리가 정말 바보 같은 출력을 가지고 모두 내가했기 때문에 그냥 보는 재귀 적으로이 배열을 인쇄했다. 키가 이름이며,이 값은 다윗이다. 키 선장이다. 이 값이 켜져 있습니다. 그리고 이중 화살표와 각도 브래킷이, 이것은 단지 임의의. 이 코드가 아닙니다. 이것은 단지 당신을 보여주는 PHP의 방법입니다 일부 키의 값은 무엇인가. 

하지만 지금은 내가 제안하자의 해당 froshIMs3, 그것은 거의 동일한의 그것은이 파일을 제출 제외. 그리고 또, 우리는 종류의가는거야 단지 그냥 몇 가지를 보려면 다음에서 한눈에 구문, 그러나주의하는 무슨 이 파일을 수행합니다. 걸릴 단지의 라인을 기반으로 추측 아마처럼 보이나요 코드 그리스, 어느 정도, 분명히하고있다. 

이 파일은 어떻게 든 관련이 메일, 이메일. 그래서이 프로그램은 무엇을하고 있습니까? 이 버전에서는, 경우 내가 실제로는 있었다 이 양식을 작성 - 나가 가자 froshIMs3,하지 froshIMs0 - 형태는 동일하게 보인다. 데이비드, 선장, 남성, 기숙사, 매튜. 나는이 제출한다면,이 파일은 register3.php에 갈 예정. 

그리고 그건 보면 항 소스 코드는가는거야 어떻게 든 이메일을 포함하고 있습니다. 이 날 가서 열어 보자 최대 큰 창에서, 그래서 우리 더 청결하게 볼 수 있습니다. 우리는, 가상 호스트, 로컬 호스트에있어 대중 froshims. 나는 다른을 열거야 프로그램, 단지 우리 한 번에 더 많은 것을 볼 수 있습니다. 

그래서 지금 여기에 몇 가지를 알 수 있습니다. 파일의 맨 위에 열려 브래킷, 물음표, PHP. 다음 설명의 무리가있다 우리가 무시할 수있다 지금 재미. 

지금이있다. 그것은 PHP가 많이 있습니다 밝혀 코드를 필요로했다. 그것은 정신 C의 매우 유사 , 그 해시 포함을 포함 기본적으로 일부 내용을 잡고 그냥 다른 파일 여기를 풍덩 그래서 당신은 사용할 수 있습니다. 이 경우, 장비가있다, 사전 설치된, 도서관, 무료 PHP라는 오픈 소스 라이브러리 메일러 사람이 할 수있는 인터넷에서 다운로드 할 수 있습니다. 우리는 당신을 위해 그것을했다. 그리고 이것은 지금 메일을 의미 내 마음대로 기능을 제공합니다. 

이제 몇 가지를 알 수 있습니다. 내가 유효성을 검사하는거야 폼의 제출. PHP, 하나 끈다 느낌표가 다만 같이 NOT 연산자에 대한 포인트 C. 그러나 PHP는 기능이 빈했다. 

값이있는 경우 빈은 true를 반환 물건의 경우에 손 괄호처럼 비어 있습니다 사용자는 안으로 아무 것도 입력하지 않았습니다 그래서이 말을하고 통지합니다 구문, C의 매우 연상 경우 이름 키, 형태 때문에 이름 필드 어떤에 의해, 우편을 통해 제출 사용자가 빈 것이 아니다, 그들의 성별로 형태 비어 있지 물론, 그들의 기숙사가 비어 있지 않습니다 - 하지만, 난 캡틴 걱정하지 않는다 통지 우리는 무엇을 할 건가요? 

나는 실행하는거야 이 코드 줄. 그리고 당신은 이런 종류의 생각할 수 malloc을 좋아하지만, 약간의 보다 애호가. 하지만 지금이 나에게 특별한 제공 유형 PHP 메일러의 구조체. 하지만 오늘 새로운 키워드를 무시합니다. 

이제라는 함수를 호출하는거야 IsSMTP 말한다하는 SMTP를 사용합니다. 이것은 단지 비디오처럼, 포트 25 물건 던지고 지난 주, 방화벽에 이메일. 25 번 포트는 SMTP있다. SMTP는 메일 서버를 사용하는 것을 의미합니다. 어느, 우리는 하버드를 사용할 수 있습니다 SMTP.fas.harvard.edu. 

우리는 주소에서 설정할 수 있습니다 존 하버드 수 있습니다. 나는 더 아래로 스크롤하면, 내가 설정할 수 있습니다 그냥받는 사람 주소, 임의로 존 수 하버드뿐만 아니라이다. 그래서 그는 자신의 이메일을 보내는거야. 

지금은 제목을 설정할 수 있습니다 등록 할 수 있습니다. 그리고 몸을 설정할 수 있습니다 의 전자 메일은 다음과 같습니다. 이 라인은 좀 더 이상한 모양 많이 때문에하지만 그건 단지 그것의 정보. 하나, 도트 연산자가있다. 누군가가 이미 알고해야하는지 도트 연산자는 않습니다. 그것은 연결입니다. 당신은 PHP에서 문자열을 싶은 경우 과에이를 추가하거나, 그것을 앞에 PHP에서 다른 문자열은, 당신을 하나님 감사합니다 strcopy와 malloc에​​를 사용하지 않는 것은, 그리고 더 이상 그 모든. 

두 개의 문자열을 연결하려는 경우, 누구는 메모리에 대한 관심. 당신을 위해 밖으로 PHP의 그림을 보자. PHP는 도트 연산자와 함께 무엇을 할 것 인 여기에 단지 하나의 큰 문 밖으로 만든다 이 라인이 라인 이 줄이 줄. 그리고 지금 통지 돼가 값을 연결해야합니다. 존 하버드는거야 메일 있도록 수신 문자 그대로 것입니다 이름, 콜론, 뭔가 아니라, 우리 문자열을 닫고에 연결할 사용자가 입력 한 어떤 새 줄을 다음합니다. 

그런 다음, 존 하버드의 다음 줄에 이메일, 그것은 말 것 대위 또는 아무것도입니다. 그것은 성별 말 것 남성 또는 여성. 기숙사 매튜 될 것입니다 내 경우합니다. 그리고 익숙한 세미콜론을 알 맨 끝에서. 약간 그리고 여기 아래, 통지, 이상한 여전히, 그러나 다시 다음 더 잘 될 것입니다 패턴 메일을 보내는 경우 P는 7을 설정 한 후 false를 반환 한 후 가서 죽는다. 

그래서 PHP는, 다이라는 기능이 있습니다 있는 그대로 그냥 죽이고 웹 사이트 및 그냥 무엇을 출력 당신은 그것을 말해 - 그것의 죽어 즉, 말하자면. 그리고 경우에, 그것을 인쇄 할 오류 정보에 대한 무엇인지 어떤 잘못 갈 일어났다. 우리가 무엇을 짧게 여기에 너무 오래 이야기 예를 들어 어디 때 사용자 형태 froshim0를 제출 froshims3.php, 그것은 간다 register3.php. 그러나 register3.php 후 진행 모든 줄을 실행합니다. 

그래서 몇 가지 테이크의 예측이 여기에있다. 하나는, 그것은 분명히 매우 쉽습니다 프로그래밍 방식으로 전자 메일을 보내려면, 이것은 좋은 것입니다. 사용자가 사이트에 등록하는 경우에 그들은 당신의 등록이 경우, 스포츠, 당신은 신입생을 이메일로 보낼 수 있습니다 프록터, 또는 존 하버드,이 경우합니다. 

그러나 그것은 또한 당신이 무엇을 할 수 있다는 뜻? 사람에서 사람에게 이메일을 보낼 수 있습니다. 그리고 이것은 매우 사실입니다. 이 작업은 쉽게 수행하지 않으면 당신은 Gmail을 사용하는 데 사용하고 있습니다. 하지만 당신은 나 유도라를 사용한 경우 전망, 당신은 꽤 많이 말할 수 당신이하는 메일 서버 당신이 원하는 사람. 나는에 넣어 필요로하는 곳에이 있습니다 이 모자라고,이 작업을 수행하지 않습니다. 그러나 이것은 유언이 얼마나 쉽게 그것은 피싱 공격을 수행 할 수 있으며, 익명의 이메일을 전송하고, 스팸, 더 일반적으로. 에 그리고 정말 독종 모두 당신이 필요 어떤 것을 사실 프로그래밍 액세스 할 수 있습니다. 

로 제쳐두고, 내 가까운 만남으로 광고 널, 내 자신의 학년, 나는이 멋진을 발견했을 때였다 그 속임수, 와우, 당신은 할 수 있습니다 누구로부터 이메일을 보낼 수 있습니다. 그래서 우리는 바보를 가지고 있었다 인수 그대로 매튜스에서, 내 프록터 그룹 중. 난 기억하지 않는다 어떤 문제가 있었다. 하지만 난을 넣어 원했고 이 어리석은 논쟁에 끝납니다. 

그래서 난 그냥 이메일을 보내 드리겠습니다 결정 내 프록터 그룹, 척 그의 의견 I와 다른 사람, 동의, 그가 묵인이 내 의견에 있던 어떤 이 특정 논쟁. 그래서 나는를 사용하여이 메일을 위조 정신 이와 비슷한 기술. 하지만 실제로 쉬웠다 시간. 전송을 누르십시오. 그는 기쁘게도 것 없습니다 광고 보드되었습니다. 

그리고 나는 매우 빨리 내 잡혔다 여러분이 알다시피, 나는 서명 때문에 초 어떤 방법으로 내 이메일. 그리고 대형에서 수동으로 할 생각 부분은 15 년 후에 나는했기 때문에 그것에 의해 충격. 나는 서명이 없습니다 내 이메일에 지금. 그러나 1995 년에, 난 그냥, 시그했다 내 이메일 서명. 그래서 주 친애하는 말이 있었다 프록터 그룹은, 내 의견을 묵인 그리고 다윗에 동의 그래서 서명 그래서 새로운 라인, 새로운 라인, DJM. 

그래서 가지고, 일반적으로 그렇게 할하지 않거나 이 기술의 장점. 그러나 웹 사이트를 만들 때,에 대해 원하는 을 만드는 최종 프로젝트 기업 뭔가 웹 사이트, 이 방법 실용적으로, 당신은 할 수있다 인터넷에 활용 기타 서비스 메일처럼 그리고 실제로 코드를 사용하여 물건을 보낼 수 있습니다. 

그렇다면 우리는이에 향상시킬 수 있습니까? 음, 처음의는의 빠른 투어를하자 당신이 볼 수있는 것들 중 일부 다음에서 살펴 예를 몇 가지. 안심하는 한, 그래서 때문에 우리는 PHP를 통해 비행입니다. 그리고 어떤 시점에서, 알다시피, 당신은해야합니다 실제로 작성을 시작하는 경우, 당신 아직하지 않았습니다. 하나, 그 실현, 마인 종류 PHP와 창 중. 당신이 얻을 코드를 작성하려는 경우 실행, 당신은 단지 그것을 쓰기 시작 너무 오래 같이. PHP라는 파일 당신은 오픈 브라켓이 물음표 PHP 태그입니다. 

그러나 이러한 통지합니다 PHP에서 조건. 주목이 동일한 슬라이드입니다 우리가했을 때 우리는 일주일에 한했다 에서 C. 상태에있는 조건 PHP는 구조적이며, 문법적으로 동일합니다. 당신이 가지고있는 경우 유일한 차이점은 변수를 포함, 당신은 그이 달러 기호. 

한편, 부울 식 에 대한 그냥 다음과 같을 함께 또는 ING 나 및 ING. 스위치 똑같이 보입니다. , PHP에 좋은 무엇을의 C에있는 반면, 스위치의 경우해야 PHP에서 정수 나 문자 같은 프리미티브 귀하의 경우 문은 실제로 할 수 있습니다 전체 문자열에서 어느입니다 니스 실제로 종류입니다. 당신에게 시간을 절약 할 수 있습니다. C에서이 작업을 수행 할 수 없습니다 

다음은 PHP에서 루프를이다. 그것은 동일한이다. 몇 달러 기호가있을 수 있습니다 변수. 당신은 언급 할 필요가 없습니다 뭔가 int입니다. 당신은 달러 기호 선언 그리고 변수의 이름입니다. 그러나 루프는 동일합니다. while 루프는 동일합니다. 루프는 동일하면서는 않습니다. 

이 약간 다릅니다. 그래서 PHP와 함께 배열 할 수 있습니다 정적 C에서와 같이 배열을 선언 하지만 당신은 대괄호를 사용합니다. C에서, 당신은 중괄호를 사용하는 것이 당신도 것을 알고있는 경우. 그러나 이것은 PHP 실제로 아주 일반적이다 이 경우, 배열을 선언하려면 숫자 및 전화 변수 번호. 

변수 자체는 다음과 같습니다. 여기에, 안녕하세요 "인용 부호가있는 문자열 인용 한 것입니다 세상은. "당신은 백 슬래시 N을 가질 수 있습니다. 나는 단지이 경우에는하지 않습니다. 

지금이 흥미로운 구조이다. C이되어 있지 않습니다. 그러나 이것은 매우 도움이됩니다. 그리고 당신은 P 세트 7에서 볼 수 있습니다 사양 - 각 구조에 대한. 당신은 모두를 통해 반복하려는 경우 배열 요소를, 당신은 필요가 없습니다 $ i와 $ N을 처리하기 위해, 와 + +, 그리고 모든. 당신은 말 그대로 PHP, 이것 말할 수 있습니다 - 수 있도록 각 숫자 그 $ 민수기 있으리라 믿고있어 숫자의 배열입니다. 그리고 각 번호에 대해 말할 때 숫자로,이가는 자동으로 내 루프가 실행될 때, 각 반복에 값을 업데이트 달러 기호 번호의 내부 - 다시, 다시, 다시 걷기 나를 위해 그 배열을 통해. 그래서 우리에게 코드를 저장합니다. 아무 세미콜론 없음, + +의, 아니, 난이야, 아무 N의, 그냥 좋은 없다. 

하지만, PHP는 또한이 있습니다. 그리고 이것은 매우 강력합니다. 그리고 당신이 손을 사용합니다 에 P의 7을 설정합니다. 그리고 연관 배열도 선언 대괄호. 하지만 지금은 구문을 확인합니다. 우리가 본 것을 연상의 순간 전 인 print_r와 함께. 얼마나 많은 키 작은 전성 검사로, 이 배열은 것 같다 않습니다. 

그래서 두 가지가 있습니다. 그리고이 배열을 호출합니다. 도움이된다면, 당신은 생각할 수 이 같은 해시 테이블의, 또는 연관 배열. 그러나 그것은 단지 다른 배열의 유형입니다. 그리고 또 다른 언어 이있다. 우리는 유사한 것을 볼 수 있습니다 자바 스크립트뿐만 아니라. 두 개의 키가있다. 하나는 견적 맺다있다 "상징"의 하나입니다 맺다 "가격을."인용 그리고 그 키에게 각각의 가치가있다. 이 경우 심볼의 값이 들어, FB이다 페이스 북, 가격의 값은 49, 26입니다 이는 페이스 북의 주식이었다 오늘 아침과 같은 가격. 

그래서 약 유용합니다 연관 배열. 나는 숫자를 가질 수도 단지와 인덱스 배열 간단한 대괄호. 그리고 달러 기호있을 수 있었다 인용은이 같습니다. 내가 실제로 그것을 할 수 있습니다. 내가 대신 선언한다고 가정 그런이 배열. 즉, 완벽하게 유효합니다 구문. 그것은 정보를 잃지 않는다 본질적으로. 난 아직도, 기호 FB 것을 볼 그리고 가격은 26 49입니다. 그럼 왜 연관있다 배열 강력한? 

대상 : 당신은 기억하지 않아도 당신은 물건을 넣을 곳. 

스피커 1 : 맞아요, 당신이하지 않는 당신은 물건을 넣을 위치를 기억합니다. 당신은 임의로 기억하지 않아도 그 주식 기호는 괄호 제로에 및 주식 가격은 브라켓 하나에 이는 특히 위험 인 경우 결국, 상황을 변경할 수 있습니다. 그것은 연결하는 것이 훨씬 좋네요 우리는 메타 데이터를 뭐라고 부를 실제 데이터. 우리가 정말 무슨 상관 있다고 주장 것 여기에 대한 FB, 49, 26입니다. 기호와 가격은 메타 데이터이다 그 데이터를 설명 우리 실제로 걱정한다. 그러나이 너무 많이 쉽게 액세스 할 수 있습니다. 

지금 옆 무엇으로 우리가 지불하는 가격? 우리는이 일을하고 있었 으니까 주 CS50합니다. 이 기능은 일부 비용을 제공해야합니다. 메모리. 그래서 그냥 32 비트를 저장하지 않는 정수, 예를 들면. 당신은 아마, 기호 / 0를 저장하고 있습니다. 그래서 당신은 더 많은 메모리를 사용하고 있습니다. 

과의 성능은 무엇입니까 뭔가를 찾고 연관 배열, 아마? 아마 느리다. 랜덤 액세스가 좋은, 특히 당신은 이진 검색을 할 수있는 경우. 하지만 당신은 지금 실제로하지 찾고 있다면 이 숫자지만, 문자열 정말 아래 구현 아마 해시 테이블과 같은 후드, 여기서 당신도 해시 테이블을 사용 별도의 체인과 함께. 또는 당신은 실제로에게 시도를 사용 값을 저장합니다. 그래서 어쩌면 당신은 일정 시간을 할 수 있지만, 당신은 여전히​​, S-Y-M-B-O-L에서보고있다 잠재적 대신 32 뭔가를 볼 수있는 비트입니다. 그래서 다시 그 같은 아이디어는오고 이러한 맥락에서 재발을 백업합니다. 

그러나 다시, PHP는 이제 몇 초를 가지고 , 그것은 밝혀,이다 전역 연관 배열. 우리는 잠시 전 $ _POST를 하나 보았다. 그리고 슈퍼 지구에게 키와 값을 가지고 있습니다. 특히, 키 무엇에 줄? 키는 $ _POST에 어디에서 오는가? 그냥 요점을 되풀이? 

청중 : 이름입니다. 

스피커 1 : 이름, 어디? 

대상 : [들림] 

스피커 1 : 이름은 속성입니다. 물론 그들은 한 곳에 위치, 원래에서 오는가? 양식. 따라서, HTML 페이지 폼 태그가있는 경우 안에있는 일부 입력을 같이입니다 확인란, 텍스트 상자, 드롭 다운 메뉴 이름이 각각 그 이름은 $ _POST의 키로서 종료하고, 솔직히, 그 문제에 대한, $ _GET. 이 메소드는 GET, 같은 생각됩니다. 그냥 다른 슈퍼 지구에 있습니다. 그리고 값은 물론, 온 사용자는 자신에로 입력간에 그녀의 브라우저. 

하지만 몇 가지 다른있다. 우리는거야 쿠키가 있어요 결국에 돌아옵니다. 하지만 그 당신이 알고있는 것들 웹은 좋은 또는 악을 위해 사용합니다. 그러나 우리는 그에게 돌아올 것입니다. 서버 및 세션, 그리고 그 두 특별한 유틸리티가 있습니다. 

그러나의이를 살펴 보자. 내가 가서 예를 열어 보자 mvc0.php 그래서 MVC라고 다음을 의미합니다. 그리고 우리는 이전보다이를 소개합니다 일반적으로, 정말, 당신은 디자인을 얻을 수 문제 설정 7, 또한 최종 프로젝트, 산업의 종류에 표준 방법, 깨끗한 방법입니다. 그것은 좋은 디자인입니다. 

그래서 당신은 볼 것입니다, 당신은거야 P 세트 7, 패러다임, 정렬의 경험, 프로그래밍의 사고 방식, 즉 보인다 이런 작은 선물. 컨트롤러 모델, C에 대한 M, 뷰의 V. 긴 이야기 짧은 MVC는 단지 종류 만드는 방법의, 방법 웹 사이트, 특히, 그것에 당신 당신의 바보 구문을 모두 넣어 - 비즈니스 로직 - 지적 재산권에의 컨트롤러라는 것을, 파일 index.php 파일과 같이, 우리는 볼 수 있습니다, quote.php, 또는 buy.php. 

문제 세트 7의 맥락에서 모델은 일반적으로 데이터를 포함 우리가 거​​ 같은 데이터베이스에 관련된 것도, 결국보고, 당신 조회 여러분의 미학을 포함 사이트, HTML, CSS. 그래서 우리는 이미 C 작은이를 보았다 . h 파일을 사용하여 비트. 우리가 정말, CSS와 순간 전을 보았다 인수 분해 CSS 양식에에게로 우리의 HTML에서 물건. 

그래서 MVC은 그림에 대해 정말 모래 라인과, 말 당신을 위해 흥미로운 프로그래밍 코드 웹 사이트는 우리가 전화 할게 무엇에 속한 컨트롤러. 일반적으로 데이터베이스에 관련된 물건 모델에서 끝납니다. 그러나 우리는 문제 세트 7에서 볼 수 있습니다 그것이 간단하게하기 위해 C와 M을 병합합니다. 그러나보기는 어디 HTML의 미학은 일반적으로 이동합니다. 

그래서 이것은 실질적으로 무엇을 의미합니까? 글쎄, 내가 우리 MVC에 가자 디렉토리는 다음과 같습니다. 그리고 당신이 더 볼 수 있습니다 사양에를 다녔다. 그래서 mvc0에, 나는 같은이가 주장 버전 CS50의 웹 사이트 0. 

우리가 모두 같은 일부 HTML입니다 큰 H1 태그, 분명히. 다음 글 머리 기호 목록. 나는 글 머리 기호 목록을 본 적이 전에,하지만 큰 거래. 소스 코드를 보면 빠르게 보자. 글 머리 기호 순서없는 목록을 해제합니다 오픈 브라켓 하나 UL 또는은 더 많은 목록 항목, 리. 그래서 여기에 통지 앵커 태그입니다. 순간 전 그 우리는 보았다. 

그래서 제가 구현하는 방법입니다 이 페이지를 참조하십시오. 나는 두 개의 링크가 두 개의 목록 항목 하나있어 정렬되지 않은 목록 UL, 최종 결과는 예술이 매우이다 예쁜 웹 사이트, 여기에서 버전 0. 그러나 지금은 흥미로운 것은 어떻게 후드 아래에 구현됩니다. 

나 gedit에서로 이동이 해주시죠 첫 번째 예는 그림을 그릴 수 있습니다. 그리고 우리는 결함이 무엇을 살펴 보자 잠재적 여기에있다. 나는 대중 로컬 호스트로 갈 경우 지금 MVC는 몇 개의 파일을 확인할 수 있습니다. 나는에 대한이 호출하려고 해요 순간, 모든 컨트롤러. 하지만 그 남용의 비트 때문이다 당신은 모든 것이 뒤섞여있어 볼 수 있습니다 그들 내부. 

그리고 내가 index.php 파일의 내부 가자. 그리고 우리는 문자 그대로 같은 HTML을 참조하십시오. 이 파일의 끝 그럼에도 불구하고 . PHP는, 그것은해야 의미하지는 않습니다 모든 PHP 코드가 있습니다. 그냥하지만​​, 원시 HTML이 될 수 있습니다 그 바보의 일종이다. 하지만 대괄호 PHP가 없다 통지 , 어느 솔직히,이를 제외하고 태그 주석으로 봉사하는 단지가있다. 하지만 그 기능이 아니다 심지어 흥미로운합니다. 

그러나이 알 수 있습니다. 지금 무엇 흥미로운 것은 무엇인지 이 페이지의 변경. 내가 강의를 클릭하자. 그리고 URL을 변경하는 정도 알 수 있습니다. 지금은 lectures.php에있어. 내가 영을 클릭하자. 지금은 week0.php에있어 그리고 지금하자 나를 gedit에서이 파일을 엽니 다. 다만 인덱스,하지만하자 날 강의를 엽니 다. 그리고 나 주석을 제거하자 이 부분에만 초점을. 

그리고 지금, 내가 하나 더 열어 보자 week0.php, 주석을 던져 그냥 업을 청소합니다. 이제 다음을 확인합니다. 에 대해 정말 종류의주의 깊게 생각 디자인, 및하자가 라인을 동일한 백업 무엇을 할 수 더 나은 여기에, 당신은 생각합니까? 

내가 주를 어떻게 했는가? 이 방법에 대해. 그래서 내가 일주일에 한 방법이다. 나는, 새로운, 붙여 넣기, 저장 파일까지 갔다 week1.php하고 여기에 갔다. 그리고 하나를 변경 - 이 금요일 한 것이었다. 나는 하나에 0을 변경했습니다. 나는 하나에이 변경되었습니다. 

OK, 이제 내 파일을 봐주세요. 무엇을 다르게 할 수 있을까? 아마 기회가 어디있어? 그래서 시작하는 기회가있다 밖으로 인수 분해이 물건을. 나를 위해, 스포일러로 열어 보자 당신은 무엇을 P 세트 7에서 볼 수 있습니다. 버전 지금 최대 열 경우 index.php를 이 다섯, 그것은 방법을 찾습니다 더 많은 비밀, 틀림없이. 

그러나, 지금은 내가 전화 할게 무엇인지 를 제어의 컨트롤러 내 페이지의 논리. 그리고 당신은 종류의, 재구성 할 수 직관적으로, 아마, 무슨 일이야. 첫 번째 줄에, 그것의 이상한 작은. 그러나와 마찬가지로, 내가 필요 해요 통지 날카로운 포함, 파일이라고 helpers.php. 그리고 난 분명히 전화를 해요 함수에 전달 렌더링이라고 두 개의 인수. 

하나는 견적 맺다, 헤더입니다. 그리고 다른 하나는, 무엇의 종류 데이터 유형은 기반이됩니다 우리의 구문은 이전에? 그것은 연관 배열이다. 특히, 그것은 제목에 들었어요 상기 일부 메타 데이터 나 무엇이며 그 값. 그럼 코딩 하드를 참조하십시오 UL, 그래서 일부 원시 HTML. 하지만 그때 PHP 모드로 돌아 왔어요 함수 렌더링을 호출. 당신은 HTML 또는 PHP를 사용한 적이 없더라도 전에이 보인다하더라도 무서운, 왜 아마이다 좋은 디자인? 어떻게 그것에 대해 더 나은 추론 기반으로? 

대상 : [들림] 

스피커 1 : 그 덜 중복 더 이상 HTML 태그, 더 이상은 없다 헤드 태그, 더 이상 body 태그 모든 빌어 먹을 파일에서 사용하십시오. 대신, 나는 밖으로 인수 분해를했습니다 공통점과 아마 넣어 어떻게 든 관련 파일에 헤더. 가까운 몸과 같은 것 태그 닫기 HTML 태그입니다. 그 아래로 여기 안에 아마 바닥 어딘가. 그리고 당신은 문제 세트 7에서 볼 수 있습니다 이를 통해 작은 여행. 

그래서 앞서 거짓말? 우리가 능력을하지 않은 한 가지 아직 실제로 데이터를 저장하는 것입니다. 그리고 우리는 무엇을보고 시작합니다 수요일, 예를 들면, 당신의 옛 친구 Excel 또는 숫자, 당신이 많이 저장할 수 있습니다 행과 열의 데이터입니다. 당신 끈다 무엇에 그 작업을 수행 할 수 있습니다 프로그래밍, 데이터베이스했다. 조병 그리고, 그 이후 밝혀 우리는 같은 것들을 저장할 수 있습니다 이, 당신은 P 세트에서 다시 볼 수있는 7, 전체 사용자 이름의 무리 암호가있다 후자의 많은 사람들처럼, 실제로 암호화 P 2 세트의 해커 판에 있었다. 결국, 당신은이를 구현합니다 자신의 eTrade 같은 웹 사이트가 CS50 금융 공동으로 구현합니다. 

마지막으로, 이후 여기 이렇게 늦게 체재 오늘,이 부분에 돌아 오면 캠퍼스 오후 4:00 오늘, 우리는 것입니다 당신에게 SCES에서뿐만 아니라 조언을 줄 오후 4:00에서 박람회 상담 맥스웰 - 드워킨, 우리는 당신에게 어떤을 줄 것이다 Americone 꿈, 체리 가르시아, 초콜릿 퍼지 브라우니, 초콜릿 칩 쿠키 반죽, 그리고 때 구글 땅딸막 한 원숭이는, 당신이 얻을. 그래서 4시에 기다리고 그 모든 맥스웰 - 드워킨의 PM. 뿐만 아니라 수요일에 당신을 참조하십시오. 

스피커 2 : 다음에서 CS50, RJ 안으로 잔다 

RJ : 내 섹션! 하! 오,