로저 ZURAWICKI : 안녕하세요. 당신의 관심을받을 수 있습니까? 감사합니다, 여러분. 오늘은 유성에 대해 이야기하고 싶습니다. 그것은 자바 스크립트 프레임 워크입니다. 어떻게 당신이 할 수있는 우리는을 통해 갈 것 정말 멋진 웹 응용 프로그램을 확인합니다. 

우리는 자바 스크립트로 들어가기 전에, 난 그냥 너희들에게 말하고 싶어하는이 뜻 당신은 나중에있을 것이다 - 수 이번 학기 조각. 그것은 자바 스크립트에 대해해야합니다. 나는 들리지 우선 거라고 생각 우리 전에 웹 HTML PHP의 물건을 다루 자바 스크립트로 이동합니다. 그리고 CS50에, 자바 스크립트가 간주됩니다 클라이언트 코드 등을들 수있다. 그래서 그것은 단지에서 실행되는 웹 브라우저. 

그러나 최근의 발전에 덕분에 기술, 우리는 지금 실행 관리해야 뿐만 아니라 서버와 자바 스크립트. 그래서 이것은 정말 멋진을 만들었습니다 프레임 워크 이제 쓸 수 있기 때문에 에 대한 합법적으로 동일한 코드 클라이언트와 서버. 그리고 당신은에서 함수를 정의 할 때 서버, 클라이언트는 그를 호출 할 수 있습니다 같은 기능을합니다. 그리고 그것은 훨씬 더 쉽게 만든다. 이전 반면에, 당신은에 PHP를 사용하는 경우 전면에있는 서버, 자바 스크립트 끝, 당신은 PHP 함수를 작성해야 다음의 자바 스크립트 버전 할 수있는 동일한 기능 작품의 같은 종류의. 

우리가 시작하기 전에 그래서, 내가 원하는 당신의 데모를 보여주는 것을 유성은 당신을 위해 할 수 있습니다. 내가 무엇이다, 당신에게 데모를 보여줍니다 당신은에 의해 생성 할 수 있습니다 이 세미나의 끝. 우리는 바로 여기 이동합니다. 이것은 리더의 응용 프로그램입니다. 그것은 실제로 예를 기반을 둔 것 그 유성을 제공합니다. 

유성은 아주 좋은 때 때문에 당신이 할 수있는, 패키지로 설치 기본적으로 놀러 이 네 가지 데모를 제공한다. 그리고 스코어 보드입니다 이 데모의 첫 번째. 세미나 후, 여러분 모두를 장려 그냥 다른 데모를 탐험 나는 그들이 정말 쿨하다고 생각하고 있기 때문에 그들은 당신에게 유성의 힘을 보여줍니다. 

그래서이 무엇인지,이는 리더 보드에서 호스팅. 이것은 단지 솔직히 이름의 목록입니다. 그리고 당신은 사람을 선택할 수 있습니다. 그들은 노란색으로 바뀝니다. 그리고 당신은 줄 수 그 5 점. 그리고 당신은 목록에 있음을 알 수 있습니다 정렬 때문에 좀 더 자신을주기 때문에 그리고, 나는 정상에 지금 더 많은 포인트를 해요. 우리가 시작하는 곳이야. 

그리고 당신은 무엇을 빼앗아 갈 수있을거야 이 세미나에서 몇 가지 더 있습니다 내가 추가 한 기능 리더. 우리는 방법을 덮고,뿐만 아니라 수 있습니다 우리가 할 수있는, 플레이어에게 5 점을 추가 플레이어를 삭제, 우리는 새로운 선수를 추가 할 수 있습니다, 우리는 우리가 원하는 방법을 선택할 수 있습니다 를 정렬 할 수 있습니다. 그리고 이들은 모두 아주 쉬운 API를 호출합니다 그 유성은 당신을 위해 제공합니다. 또한 여기에 기능이 점수를 랜덤합니다. 

그래서이 정말 멋지다 너희들이 실제로 할 수 있습니다 모든 사이트로 이동합니다. 나는 여기에 더 큰 텍스트에 넣을 수 있습니다. 한 급진적 인 리드 erboard.meteor.com. 그리고 당신들의 사이트로 이동하는 경우 사이트를 편집 할 수 및한다 모든 수정 사항이 표시됩니다 다른 사람에게. 그래서 당신은 할 수 있습니다 - 너희들은 모두가 사이트에 연결할 수? 그래서 함께 놀러. 가서 몇 가지 이름을 삭제하기 시작. 무슨 일이 일어 나는지 확인하십시오. 

그래서 당신은 모두가 할 수를 참조하십시오. 이것은 단지 기본 보안이다 유성을위한 모드입니다. 당신이 볼 것을 모두 할 수있다 서로의 데이터를 변경합니다. 걱정하지 마십시오. 유성 보안을 가지고있다. 이것은 매우 쉽게 구현입니다 사용자를 설정할 수 기능, 및 로그인. 하지만 지금은 아무도 누가 방문 이 사이트는 자신에게 많은을 줄 수 그들이 원하는대로 포인트. 그래서 항상 다음과 같습니다 때문에 시작하는 재미있는 방법입니다. 그리고 우리는 그냥 얘기 만 세부 사항에 대한 방법 유성이 가능합니다. 

그래서, 유성이 무엇 다루거야 그리고, 우리는 단지 커버해야합니다 두 가지 전제 조건이 CS50 충분히 포함되지 않았습니다. 그러나 기간 종료, 당신은해야 HTML 모두와 함께 편안하게 자바 스크립트는 정말 당신의 손에 도착 더러운 유성 작업. 그리고 나는 딱 좋은 방법이라고 생각 할 더 적은 편안한 학생 최종 프로젝트가 정말 할 수 있기 때문에 하나의 언어에 머물, 그들은에 도착 의 변경 내용을 보려면 자신의 바로 작동합니다. 

그래서이 슬라이드 단지의 일부를 보여줍니다 주요 기술이 유성 JS 당신에게 제공합니다. 유성은 새로운 기술이 아닙니다 그 자체. 정말의 괴상 집적의 이러한 여러 가지 우리는 인터넷에있다. 뿐만 아니라 HTML, CSS, 자바 스크립트, 우리 Node.js와 같은 몇 가지 기술을 가지고, 당신이 실행할 수있는 무엇 인 에 백 엔드에 자바 스크립트를 당신의 서버뿐만 아니라, 일부 자바 스크립트 jQuery를, 밑줄 같은 라이브러리. 

이러한 프로그램은 모두에게 익숙한 학기 말까지 당신. 그리고 우리는 또한라는 데이터베이스를 사용하여 얻을 수 정말 MongoDB를, 지금 인기있는 데이터베이스 이러한 새로운 신생 기업. 당신은 MySQL의 등 생각할 수 있지만, 그것은 자바 스크립트와 매우 잘 작동합니다. 그리고 몇 가지 다른 기술은 여기있다 내가 열거하지 않은 많은 모든 인터페이스 정말 잘 유성과 함께. 

나는이 슬라이드를 넣어야하기 때문에 때때로 나는 이것에 대해 혼란을 얻을. 유성은 자바 스크립트입니다. 그것은 PHP 없습니다. 그것은 루비 온 레일즈 없습니다. 그래서 당신이 원하는 경우, 코드를 작성하는 경우 유성 프로젝트를 작성, 당신이 정말로 루비 코드를 사용할 수 없습니다. 당신은 정말 PHP를 사용하지 않습니다. 

우리는 볼 수 있지만 그 차이 코드와 구문은하지 않을 수 있습니다 다른, 나는 당신에게 스트레스를 원하는 유성, 당신은 모든 코드는 단지 자바 스크립트에서. 그리고 당신이 보여 모든 사용자가 HTML의 CSS 될 것입니다. 그러나 당신은 실제로 중 하나를 사용하지 않는 다른 언어 다른 세미나를 덮을 수 있습니다. 어떤 유성도 것은 웹 서버이다. 당신은 어떤을하지 않아도 경우에도 자바 스크립트, 그리고 당신은 봉사 할 CSS와 HTML 파일, 유성 당신을 위해 그렇게 할 수 있습니다. 

그리고 여기에 다시 링크의 너희들을 가지고 데모 함께 연주하기 시작했다. 그러나 이제 HTML로 이동하자. 얼마나 많은 사람들이 여기에있다 아무 생각이 어떤 HTML입니까? 큰 OK. 그리고 완전히 괜찮습니다. 당신은 정말 대해 많이 알 필요가 없습니다 그것은 우리가 가서 때문에 아주 간단하게 사용. 

이것은 무엇을 간단 HTML 페이지처럼 보인다. 이것은 귀하의 안녕, 세계처럼 될 수있어 HTML, 우리가 C에서 시작하는 반면 안녕하세요, 세계. 난 당신이 스트레스 싶지 않아 어떤 HTML, 어떤 머리의 세부 사항, 무엇을 몸, 어떤 제목이하고있다. 난 그냥 구조를 강조하고자, 당신은 태그가 방법. 그리고 그 꺾쇠 괄호입니다. 당신이 어디에 그건 당신의 설명. 

그래서 당신은 HTML 문서가있을 수 있습니다. 그리고 당신은 HTML 문서를 닫을 수 있습니다 백 슬래시 같은 것으로. 그리고 당신은 태그의 다른 종류가있다. 그리고 그들은 모두 일치하는 것을 알 수 있습니다. 당신은 body 태그와 같은거야 다음 닫기 body 태그. 그리고 body 태그의 내부, 즉있을거야 웹 페이지의 내용을 표시합니다. 따라서이 웹 페이지는 단순히 표시합니다 흰색 배경에 검은 색 텍스트 안녕하세요, 세계. 그 의미가 있습니까? OK. 

지금은 빨리에 갈거야 자바 스크립트를 포함한다. 이전 TF의 말에, "자바 스크립트는 최고의 프로그램입니다 현재 현존하는 언어. 다른 사람들이 시도됩니다 그렇지 않으면 당신을 말해. 그들은 잘못입니다. "자바 스크립트가 사랑 스럽다 좋은, 그리고 왜 내가 당신을 보여 드리죠. 

그래서 이것은 우리가 시작 고전적인 예이다 C.에서 함께 우리는,여보세요 세계가있다. 그리고 당신은 알 심지어 당신이 축소되는 경우 그것은, 당신은 적어도 두 가지가 있어야 여기에 코드의 라인. 나는 여러 줄의 코드가 있습니다. 이는 매우 간단히 수행 될 수있다. CONSOLE.LOG와 자바 스크립트의 한 줄, 다음 문자열 안녕하세요, 세계. 

이제, 우리는 새로운 이동하는 경우에도 언어 자바, 거의 모든 코딩을 배운 기술 C에 직접 이식. 그래서 문자열, 문자열의 아이디어에 큰 따옴표, 즉 동일합니다. 세미콜론, 즉 동일합니다. 

자바 스크립트에 대한 깔끔한 기능 실제로 당신 때문입니다 세미콜론이 필요하지 않습니다. 그것은 추측 할 수있는 당신이해야하는 거기에 세미콜론을 넣어. 하지만 그 말, 당신은 항상 시도해야 거기에 세미콜론을 넣어. 그것은 좋은 스타일 간주. 또한, 더 주요 기능은 없습니다. 당신은 파일의 상단에있는 시작 과 선으로 가지 라인을 읽습니다. 

그런 다음이는 데 걸리는 것입니다 그 안녕하세요 세계 프로그램입니다. 그리고 당신이이 것을 알 수 안녕하세요 확인 후여 실행합니다. 자바 스크립트로, 그것은 간주 해석 언어. 당신이 알아야 할 것은 그 아무 결정도 없다. 

더 컴파일이 없다. 당신은 노드를 실행합니다. 그리고 노드를 기억하는 프로그램입니다 콘솔에 자바 스크립트를 실행하는 것입니다, 블랙 박스가 아닌 웹 사이트에서 찾아 볼 수 있습니다. 그래서 당신은 그것에게 파일을주고, 그것의 안녕하세요 세계를 인쇄하는 것. 

사실 조금 데모를 할 것이다 너희들이 바로 여기에있다. 그럼에에 가자 내 Node.js 터미널. OK. 여기서 가자. 그래서 노드를 시작하겠습니다. 그리고 나는 단지에서 너희들을 보여주지 그을 얻을 수있는 방법을 초 그렇게하지 ​​않으면, 설치. 날이 조금 더 큰 만들어 보자. OK. 난 너희들이 볼 수 있기를 바랍니다. 

내가 그랬던 것처럼 그래서 코드를 작성할 수 있습니다 이전 CONSOLE.LOG합니다. 안녕하세요, 로저. 그리고 내가 할 필요가 없습니다 통지 세미콜론, 그러나 나는이 이상한 얻을 정의되지 않은 것. 음 사실에 대해 신경 쓰지 정의되지 않은 것. 난 당신이주의 할 일들이 당신에게 그 여기에 주요 기능을 필요로하지 않는다 코드를 실행하기 시작합니다. 그리고 백 슬래시 끝이 없다. 몇 가지 작은 기능이 있다는 것을 자바 스크립트는 당신을 위해 할 수 있습니다. 

청중 : [청취]. 

로저 ZURAWICKI : 오, 그래. 미안하게 생각합니다. 그리고 그 화살은 노드를 의미한다 다른 명령에 대한 준비가되어 있습니다. 그래서 당신은 할 수 있습니다 간단한 수학처럼 1 더하기 1. 다만 C, 이러한 수학 등 심볼은 동일합니다. 나는 숫자의 CONSOLE.LOG을 수행 할 수 있습니다. 그리고 다음 두 가지를 인쇄합니다. 자바 스크립트는 의미에서 좋은 때문에 두 INT에도 불구하고, 같은 C에서, 당신은과의 printf 않은 경우 두 사람은 오류를 얻을 것입니다. 

그러나 자바 오, 당신이있어, 알고 뭔가를 인쇄. 끈이 필요 해요. 그래서 저를 변환하자 그 두 당신을 위해 문자열로. 그리고 당신은 또한 몇 가지 이상한 물건을 할 수 있습니다 같은 하이 후 플러스 두. 이것은 또 다른 예를 어떻게 2 개 뿐만 아니라 거기에 변환 할 수 있습니다. 

그 방법 중 3.5,하자와 그래서 단지 조금 더 많은 자바 스크립트를 포함한다. 그래서 C에, 우리는 유형이있다. 우리는 새로운 변수를 만들 때마다, 우리 그게 문자 * 또는의의 말을 케이스 CS50에있는 문자열입니다. 또는 우리는 진수가 있다면, 우리는 플로트 말을했다. 우리는 부울가 필요하면 우리는 B를 말을했다. 그리고 우리는 그 일을 했더라면 B는 한, 그것은 부울 유지했다. 우리는 마술로 변경할 수 없습니다 우리가 쓴 않는 INT 괄호, B의 INT. 

자바 스크립트에서 어떤 종류가 없습니다. 당신은 VAR로 생각합니다. 그리고 VAR는 새 형식을 만드는 방법이다. 그래서, VAR의 문자열 인 할 수 있습니다 var에 N은 플로트되고 및 VAR B는 진실되고. 그리고 당신은 C에서 할 수없는 한 가지입니다 지금은 그 라인, B 후, 말할 수 정수와 동일합니다. 그리고 그것은 잘 작동합니다. C에서, 그와 같은 말을하는 반면 당신의 정수 부울 없습니다. 나는 당신을 위해 그렇게 할 수 없습니다. 또는 [청취] 오류가 발생합니다. 

그리고 신속하게 다시 노드로 이동 할 수 있습니다 그 기능의 일부를 보여줍니다. 그래서 var에가있을 수 있습니다. "애플."호출 그래서 지금은 인쇄 할 때, 내 문자열 찾기 '를 애플.' 그러나 나는 할 수있다 또한 지금 3에 해당 말한다. 그리고 오류가 없다 확인할 수 있습니다. 그리고 지금은 3 같습니다. 질문 지금까지? 예. 

청중 : 잠깐, 그렇게 CONSOLE.LOG 바로, 기본적으로 printf의입니까? 

로저 ZURAWICKI : CONSOLE.LOG 당신의 printf입니다. 

청중 : 네. 당신은 불과 8을 입력하면 어떻게 올 또는 [들림], 무엇은하지 [들리지? 

로저 ZURAWICKI : 오른쪽. 그래서입니다 - 녹색의 물건이 인쇄됩니다 콘솔에서. 그리고 우리가 다음에 볼 수 있습니다 것은 우리는 웹에 이동할 때 페이지, 우리는 일을 할 수 없습니다 - 자바 스크립트는 HTML가있을 것이다 나는에서 다룰 템플릿, 세미나의 유성 부분. 당신이 내게 줄, 말할 수있는 위치와 그의 의 값을, 그리고의를 넣어 것입니다 귀하의 웹 사이트. 때문에 실제로 모든 웹 브라우저 작은 콘솔이 있습니다. 그리고 당신은 당신은 매우주의 깊게 보았다면 같은 몇 가지 정보를 얻을 것입니다 당신의 printf와 함께이 나타나는 것 모든 웹 페이지가로드합니다. 

청중 : 당신은 어떻게 얻었 는가 쉘 화면에? 

로저 ZURAWICKI : 그래서 명령이있다 노드라고, 그리고 유성와 함께 제공됩니다. 그래서 난 그냥 거기에서 종료됩니다. 노드는 프로그램입니다 자바 스크립트를 실행합니다. 당신은 당신이 meteor.com로 이동하는 경우 유성을 설치 할 수 있습니다 유성 노드와 함께 제공됩니다. 유성은 컬렉션이므로 이러한 소프트웨어 패키지. 우리는 우리의 예에 도착하면, 그럴 게요 설치를 모두 도보 유성, 그리고 당신은 할 수있다 자신을 노드. 좋은, OK. 

작업에 대한 그래서 또 다른 멋진 기능 자바 스크립트와 함께 루프가 동일합니다. 거의 정확히 같은. 루프, 동안 루프를 수행 루프, 다른 경우 잠시. 그것은 모든 중괄호와 동일합니다. 그것은 동일한 구문입니다. 루프, 약간의 경우 당신이주의를 지불해야한다는 내용 대신 INT의 난, 0에 해당되는 우리는 var에 내가 0에 해당 말해야한다. 하지만 그 때문에 변수의 우리가 전에 이야기 유형. 

printf의이 느껴질 로그, CONSOLE.LOG. 그리고 우리는 비율을 수행 할 필요가 없습니다 P 백 슬래시 N과는 난을 전달합니다. 당신은 내가 말할 수 있습니다. 그리고 숫자를 인쇄 할 것 4 0에서. 너희들이 시도하려는 경우 때문에 당신은 좋은 점을 가져왔다. 당신은에이 코드를 실행하기를 원한다면 당신의 자신의 브라우저, 나는 추천 할 것입니다 그 모두가 구글 크롬을 엽니 다. 구글 크롬 또는 정말 모든 웹 브라우저, 하지만 구글 크롬처럼 그것은 매우 표준화 때문. 

당신은 내가 믿고 갈 수있는 경우 권리 단지에서, 모든 웹 사이트를 클릭 공백, 당신은 옵션이 표시됩니다 요소를 검사했다. 그것은 일반적으로 마지막이야. 그리고 당신이 그것을 클릭하면, 당신은 가야 바닥에 물건이 여기에 나타납니다. 내가 여기를 확대 할 수 있습니다. 그리고 우리는 여기에 몇 가지 탭이 있습니다. 당신이 걱정 한 콘솔입니다. 

그리고 이것은 자바 스크립트 콘솔입니다 이제 작업 할 수있다. 좋아요. 그래서 같은 물건을 입력 할 수 있습니다 나는 노드에 이전에 입력했다. 하나 더하기 하나는 두 가지입니다. var에는 "애플"과 같습니다. 그리고 나서 인쇄 것, A는 '애플'입니다. 그래서 모든 웹 브라우저, 파이어 폭스, 크롬, 사파리, 당신이 사용하는 어떤, 등 당신은 자바 스크립트에 액세스 할 수있는 길이로 콘솔, 동종 I 노드에서 실행중인 코드를 입력 자신의 콘솔에서 실행할 수 있습니다. 

청중 : [들리지? 

로저 ZURAWICKI 방법 : 콘솔에 도착? 당신이 바로 빈 공간을 클릭해야 페이지 및 다음으로 이동 요소를 검사합니다. 그래서 사실, 난 너희들을하고 싶습니다 단지 당신이 할 수 있도록하는 크롬 요소를 검사합니다. 당신은 몇 가지에 입력 할 때와 참조 콘솔에 코드 제대로 실행되는지. 질문을 질문하게 자유롭게 느낀다 여기에는 무엇인가가 명확하지 않다. 

청중 : [청취]. 

로저 ZURAWICKI : 모든 유형의 오른쪽. 모두를위한 하나의 유형이있다 자바 스크립트의 변수. 그리고 당신은 선언해야 할 때 변수는, 당신은 VAR을 말한다. 

청중 : [청취]. 

로저 ZURAWICKI : 네. 그것은 않지만, 자바 스크립트, 그것은 아주이다 메모리 할당에 대한 스마트. 아무의 malloc이 없습니다. 여유가 없습니다. 그래서 당신은 그것에 대해 걱정할 필요가 없습니다. 즉, 또 다른 멋진 기능의 그 자바 스크립트를 제공합니다. 

그래서 이동하고 싶습니다. 이 괜찮을까요? OK. 좋아요. 

청중 : 난 그냥 문제가 있습니다 [찾는? 요소를 검사합니다. ?] 

로저 ZURAWICKI : 그래서 사파리 외모 당신은 조금 다른,하지만 않습니다 크롬이나 파이어 폭스가? 사람들은 쉽게 작업 할 것. 그리고 당신의 프로젝트에, 내가 추천 하나의 브라우저 때문에 고수 당신은 거의 버그를 많이 얻을 것이다 때문에 모든 브라우저 취급 조금 다르게 자바 스크립트를 HTML. 그래서 당신의 인생이 많이 될 것 같아요 쉽게 당신이 크롬에 집중하는 경우 때문에 그것은 모든 시스템에서 사용할 수 있습니다. 그리고 그것은 꽤 인기있는 브라우저입니다. OK? 

그래서 다음 주제 우리가해야 자바 스크립트에 커버 - 여기 서식 미안 해요. 나는 일치하도록 슬라이드를 늘릴 수 있었다 와이드 스크린 프로젝터. 하지만 지금은 얘기하고 싶습니다 당신이 기능을 수행하는 방법에 대해 설명합니다. C에서, 우리는 선언해야한다 모든 기능. INT와 마찬가지로 추가, 그것은으로 int를 소요 X 및 INT y를, 그리고, 우리는 그들을 추가 과를 반환합니다. 

자바 스크립트에서 함수는 실제로 다른 변수 타입. 그래서 우리는 단지 var에 추가 말을하고, 그것은 함수와 동일합니다. X와 Y를받는 함수. 그리고 그 기능은 무엇입니까? 그것은 동일한에서 X 플러스 Y를 반환 C.에있는 그리고 당신은 고시 구문이있는 자바 스크립트, 당신은 이야기하지 않습니다 무엇을 함수는 반환 이후 때문에 변수는, 어쨌든 유형을 가지고 있지 않는다 정말 생산성이 아니다, 그런 것 같아요, 모든 지정합니다 당신의 함수의 형식. 당신이 함수를 호출 할 때 다음, 그것은이다 C. 당신과 동일한 구문 당신의 두 개의 인수를 전달합니다. 내 노드에서이 작업을 시도하고 싶습니다. 나는 슬라이드를 변경할 수 있습니까? 

청중 : [청취]. 우리가 슬라이드를받을 수 있습니까? 

로저 ZURAWICKI : 예. 그래서 다시 노드로 이동하자. OK. 그래서 var에 추가 기능을 동일 말할 수 있습니다. , X 촬영 Y를 복용. 그리고, 그것은 알 수 문의 완료되지. 그래서, 노드 또는 콘솔에 당신은 점 점 점을 알 수 있습니다. 그래서 당신은 당신의 코드를 계속 입력 할 수 있습니다. 그리고 지금은 반환 X 플러스 y를 말할 수 있습니다. 그리고 보조기를 닫습니다. 그리고 난 중괄호를 닫 순간, 그것은 문이 완료되었음을 본다. 

그리고 지금은 하나, 둘 추가 말할 수 있습니다. 그리고 세 개의 아웃 얻을 것이다. 참고로 난 그냥 추가 않은 경우에, 이 함수의 날을 알려줍니다. 그리고 한 가지가 바로주의해야 할 사항 당신은 그것의 잘못된 번호를주는 경우 인수는, 그것을 할 것입니다. 그것은 실행됩니다,하지만 당신은 얻을 수 있습니다 정말 이상한 결과. 종류의 쓰레기 값처럼, 당신은 생각할 수 있습니다. 그럼 가서보십시오 이 귀하의 브라우저에서. 

OK, 그래서 시간의 관심, 나는거야 이제 다음 기능으로 이동 자바 스크립트. 그래서 우리는 기능에 대해 얘기했습니다. 우리는 루프에 대해 이야기했습니다, 문하는 경우도. 구문은 동일합니다 C 변수로. 그리고 지금은 배열에 대해 이야기하고 싶습니다. 미안 해요 그 슬라이드 비트가 끊겼다. 그러나 실제로, 첫 번째 섹션에서, 당신이 필요로하는 모든 작동합니다. 

그래서 우리는 또 다른 유형의이 변수는 배열을했다. 그리고 우리는 괄호를 사용 을 나타 내기 위해. 첫 번째 예에 따라서 var에 도착, 빈 배열입니다. 이것은 빈리스트, 그래서 배열 어떤 요소를 포함하지 않습니다. 그리고 당신은 또한 배열을 할 수 있습니다 세 개의 문자열. C에서, 배열의 모든 요소 같은 유형했다. 

그러나 때문에 자바 스크립트 만이 한 가지 유형의 배열이 실제로 할 수 값의 다른 유형이있다. 여기에서 같이, 우리는 배열을 가지고 플로트, 부울 및 INT. 당신이 배열의 길이를 얻을 방법 당신은 실제로 크기를 사용할 필요가 없습니다 또는 아무것도. 당신은 배열을 말하고 다음 길이 점. 그리고이 점 길이, 당신은 생각할 수 이 종류의 구조체를 좋아하는 방법을 모든 배열 필드가, 여분의 변수 그 안에, 길이라고하는 배열이 얼마나 오래 추적합니다. 

그래서 난 그냥 빨리에 갈거야 노드와 쇼는 당신들 같은 일을. 그래서 배열을 할 수 있습니다. 그것은 빈리스트가 될 수 있습니다. 그리고 그것은 나에게 인쇄됩니다 빈 목록을 백업 할 수 있습니다. 좋아요. 지금 말할 수있는 배열 1, 2.3, 진정한 있습니다. 그래서 모든 다른 유형. 그리고 당신은 그것을 잘 작동 확인할 수 있습니다. 내가 지원을 다시받을 배열 내가 준 모든 값. 

나는의 첫 번째 요소를 얻을 수 원하는 경우 배열, 구문은 실제로 C. 당신과 동일 배열 제로를 말할 수 있습니다. 그리고 당신은 하나를 얻을. 나는 배열을 위해 동일을 말할 수있다 두, 나는 진정한 얻을. 나는 배열의 외부에 뭔가를 할 경우, 자바 스크립트는 안전한 언어 나는 세그먼트 오류를​​ 얻을 수 없습니다 때문입니다. 나는 정의되지 않은거야. 

그리고이 정의되지 않은, 당신은 종류의 수 의 널 (null)로 생각하고 있습니다. 때하지만 정말 성가신 수 있습니다 당신은 확인해야합니다 코드 때문에 당신이 거의 모든 것을, 당신 정의되지 않습니다와 함께 작동합니다. 그리고 우리는 몇 가지 예를 볼 수 있습니다 이 우리가 유성에서 작업 할 때. 

배열 네, 정의되지 않은 있지만 나는 그것을 값을 할당 할 수 있습니다. 그래서 그것이 하나에 해당 말할 수 있습니다. 그리고 난, 배열로 이동하는 경우 이 여분의 가치가있다. 그리고 그 배열 세, 또한 알 정의되지 않은 한, 정의되지 않은 상태를 유지합니다. 그래서 지금은 배열이 중간에있는 구멍. 하지만 배열의 네 가지를 인쇄하는 경우, 내가 하나를 얻을 것입니다. 내가 배열의 세 가지를 한 경우에, 나는 정의 얻을. 

그래서 좋은 기능을하는 자바 스크립트 당신이 할 수 있습니다 목록 수 크기를 변경합니다. 어레이, 어레이리스트되고, 그들은 크기를 변경합니다. 그리고 당신은 어떤 위치를 지정할 수 있습니다 그들 내부. 그리고 모든 간격이 채워집니다 이러한 정의되지 않은 값. 

그래서 우리는 배열에 대해 이야기했습니다. 지금 내가있는 커버하고 싶은 마지막 일 자바 스크립트, 이것은 매우 중요합니다 코드를 이해하는 내가 당신을 보여 주겠다, 객체가 될 것입니다. 그리고 객체의 용어입니다 - 기본적으로, 그들은 존재한다 많은 프로그래밍 언어. 각 프로그래밍 언어에 좋아 조금 다르게 생각합니다. 

하지만 유성, 좋은에 대한 생각 비유는 C의 구조체이다. C에서, 우리는 구조체를 찾으려면 학생, 우리는 지정해야 할 것 모든 그 안에 일. 그래서 이름을 가지고 있습니다. 그것은 년 가지고있다. 그것은 성을 가지고 있습니다. 그러나 우리는 또한 그것을 제공해야 모든 것들의 종류. 

그리고 지금 우리가이 형을 가지고 학생이라는 구조체는, 우리는 할 수 있습니다 새로운 구조체, 그리고, 우리는 수동으로 할 수 각 필드가 무엇인지 말한다. 우리가 점 이름을 사용하는 곳 그리고 그건, 도트 년, 성별 점. 그리고 우리 단지의 마지막 줄에 여기 코드는, 나는 그냥 인쇄하고있어 구조체 학생의 이름입니다. 

자바 스크립트 세계에서가 구조체 학생 같은 것은 없습니다. 당신은 사전 구조를 생성하지 않습니다. 당신은 실제로 단지,이 괄호, 당신은 모든이 무엇인지 말한다. 그리고이 이상한 표기법의 콜론 다음 쉼표,하지만 당신은거야 곧 익숙해. 

그리고, 실제로 정말 쉽게 단지의 유연한 방법 오브젝트를 조작. 당신은 알이 지금 얻으려면 의 이름으로, 난 그냥 s.name을한다. 이것에 대해 질문이 있습니까? 이것은 보통 매우 혼란왔다 우리는 사람을 소개 할 때 화제 자바 스크립트. 나는 노드이의 몇 가지 예를 할 수 있습니다. 예? 

청중 : [청취]. 

로저 ZURAWICKI : 그래서 당신이 예를 들어, 여러가 해당 유형의 변수. 

청중 : [청취]. 

청중 : [청취]. 

로저 ZURAWICKI : OK. 그래서 나는 당신에 대해 이동하는 방법과는 추측 당신은 배열에서 개체를 둘 것, 그리고 지금 당신은있을 것이다 개체의 배열입니다. 그 질문에 대한 답변을합니까? 

청중 : [청취]. 

로저 ZURAWICKI : 예. S는 한 개체입니다. 그래서 우리는 단지 노드로 이동 할 수 있습니다 조금 주위를 재생할 수 있습니다. 

청중 : [들리지? 

로저 ZURAWICKI : OK, 오. 그래서 만약 당신이 요구하는 경우 클래스는 무엇 클래스는 매우 다르게 처리됩니다 그들은 정말 이상한 계획을 가지고 당신이하지라는 프로토 타입, 에 대해 알 필요가있다. 그것을 할 수있는 고정 된 방법이 없습니다. 그래서 당신은 여러 당신을 생성 할 경우, 단지 종류의 기능이있을 것 또는 뭔가. 당신은 당신의 자신의 기능을 생성합니다. 그리고 당신은 객체를 반환합니다. 즉, 가장 쉬운 것 그것을 할 수있는 방법입니다. 그 의미가 있습니까? OK. 좋아요. 그래서 일단 우리가 이해가 자바 스크립트 객체, 그들이있다 - 오, 그래. 

청중 : [청취] 예를 들어,의 차이 무엇입니까 큰 따옴표 대와 "로저" [청취] 따옴표와 함께. 

로저 ZURAWICKI : OK. 그래서이 C에, 우리는 하나가 문자를 나타내는 따옴표를 두 번 문자열을 나타내는 지수. 자바 스크립트는 실제로 떨어져이 발생 당신은 문자열을 가질 수 있기 때문에 단일 또는 이중 따옴표, 그리고 거기에 하나의 문자와 같은 것은 없습니다. 그러나 당신은 같은 복사 한 경우 C 코드, 자바 스크립트 것 잘 취급. 내가로 처리하는 이유입니다 - 그 이유는 내가 할 수있는 말 그대로 포트의 그런 의미에서 코드. 

그리고 나는 당신에게 예를 보여주고 싶어 더 복잡한 오브젝트. 그래서 당신은 알 수있는 하나의 개체 값으로 문자열을 가질 수 있습니다. 그것은 다른 값 목록을 가질 수 있습니다. 그것은의 목록을 가질 수 값으로 개체. 이에는 제한이 정말 없습니다. 그래서 여기에, 그냥 좋은 논증 당신은 많은 것을 얻을 수있는 방법 무슨 다른 유형 모두 하나의 개체에. 이 의미가 있습니까? 

자, 당신도 할 수 있습니다 객체의 배열. 그리고 여기에 무엇을 할 종류의 유사하다 당신의 개체가 할 수있는 경우, 요청 동일한 타입. 그러나 문제는 고정이 없다이며 자바 스크립트에서 개체에 대한 형식입니다. 그래서 당신은 그들에게 자신을 지정해야합니다. 그리고 당신은 확인해야합니다 그들은 제복 걸. 나는 개체를 만들 때, 그래서 여기에, 나는이 하나 하나가 있는지 확인합니다 이름을 지정하고 각각의 하나는 집이있다. 

그리고 나는 그 배열을 가지고, 그 내 별장이 될 수 있습니다. 그리고 여기 당신이 종류의 수 루프가 진행을위한 참조하십시오. 에 대한 반복은 정말 일반적인 것 배열을 통해 통과하는 방법 자바 스크립트에서. 이 패턴은 매우 유사하다는 것을 알 수 C의 상당 여기서 당신에게 내가 0 인 INT있다. 나는 길이보다 작다. 그리고 나서 플러스 플러스. 

그것은, 거의 동일한 코드의 몇 가지 세부 사항을 제외하고. 그래서 모두가 이해 않습니다 무슨 목적? 그냥 C 구조체로 생각하고 있습니다. 그리고 당신은 필드에 액세스하는 방법 그냥 점으로합니다. 와 같이 오래 기억하는 방법 점을 사용하여, 당신은 괜찮을거야. 

OK, 이제 모두들 해당 링크를 읽어? 이 프로젝트에 대한 링크입니다. 사람이 문제가된다 링크를 보는? 좋아, 다음을 변경할 수 있습니다. 그것은 아니다 - 그래, 아마 그것을 할 수있는 가장 쉬운 방법. 좋아요. 

이 사이트를 방문한다면, 거기에해야 몇 가지 지침이 될 것을 나는거야 우리는 유성을 설치하는 방법에 가서 우리의 샘플 프로젝트를 실행하십시오. 나는 확실히 모두가하고 싶은 아래 링크 I가 이동하기 전에. 나는에 이동할 수 있습니까? 좋은, OK. 

그래서 나는 여기 웹 사이트에서입니다. 당신은 추가 정보 파일을 알 수 있습니다 우리는 방법에 대한 몇 가지 지시 사항이 일 설정 얻을 수 있습니다. 당신도 CS50에있을 필요가 어플라이언스하거나 Mac에서. 윈도우가 작동하지 않습니다. 그러나 기본적으로 아무 문제가 아닙니다 윈도우는이 작업을해야합니다 잘 지시. 하지만 난 조금 할 수 있습니다 큰뿐만 아니라. 

그래서 첫 번째를 실행합니다 명령 쌍. 이 녀석은 유성을 설치합니다. 내 터미널에 갈 수 있습니다. 그리고 지금 같은 일을 실행하는 경우, 나는 이미이 설치되어 있습니다. 그래서 조금 짧은입니다. 그것은 조금 더 오래 걸릴 수 있습니다 너희들을 위해. 하지만 먼저 있는지 확인하려면 우리는 유성이 실행되고있다. 유성 설치 한 후, 당신은해야 콘솔에서 노드를 얻을 수있을 것이다. 

독자 : 그들은 요구하고 암호. 

로저 ZURAWICKI : 그것은 당신의 것 사용자 암호, 당신은 맥 있다면. 그냥 사용 권한을 필요 일부 시스템 파일을 수정합니다. 그것은를 요구하면, 그래서 질문이었다 암호, 그냥 묻는거야 사용자 이름의 암호를 할 때 당신이 당신의 맥에 로그인합니다. 그리고 이것은 당신이 할 수 있도록 시스템 파일을 변경합니다. 

당신이 준비가되면, 당신은 이동할 수 있습니다 다음 단계로, 이는 복사합니다 나는 웹 사이트에서이 샘플 코드. 그리고 당신은에 새로운 디렉토리를 얻을 수 있습니다 당신의 홈 디렉토리 리더라고하며, 우리는 거기에서 작업을 시작할 수 있습니다. 그래서 난 그냥 복사 한 다음 붙여 넣기 해요 내 터미널에 명령한다. 그리고 나를 위해, 나는 이미 그것을 복제. 그래서 나는 지금 이동할 수 있습니다 리더 보드에. 그리고 몇 가지가 있어야합니다 거기에있는 파일입니다. 질문? 

청중 : [청취] 작동하지 않습니다. 

로저 ZURAWICKI : 오, 당신은 수도 뿐만 아니라 설치 자식이 필요합니다. 

청중 : [청취]. 

로저 ZURAWICKI : 죄송합니다? 

청중 : [청취]. 

로저 ZURAWICKI : OK, 오. OK. 당신이해야 할 수 있기 때문이다 이 링크를 얻을 수 GitHub의에 로그인. 너희들이 그것을 볼 수있는 경우에, 가장 쉬운 그것을 할 수있는 방법은 그때 말하는 것 지퍼를 다운로드 할 수 있습니다. 그리고 이것은 바로 다운로드합니다 모든 파일. 그리고 당신은 당신에 넣어 한 번 다운로드하거나 홈 디렉토리 - 나는에 넣는 것이 좋습니다 당신의 홈 디렉토리 그래서 우리는 할 수있다 같은 명령을 실행합니다. 로 우리가 파일이, 우리는 것입니다 그들과 함께 작업을 시작 할 수 있습니다. 사람들이 발생하는 경우 알려줘 문제 파일을 다운로드. 

청중 : 홈 디렉토리에 의해, 이지 - 

로저 ZURAWICKI : 그래서 홈 디렉토리 것 당신이있는 경우, 존 하버드 수 CS50 장비. 홈 디렉토리에 도착하면, 다만 C.에 입력 

청중 : [청취] CS50기구 [들림]. 

로저 ZURAWICKI : 예. 당신이 명령을 실행하려면 터미널에서. 

청중 : [청취]. 나는 아무 말한다 오류가 발생했습니다 같은 파일 또는 디렉터리. 

로저 ZURAWICKI : 우리는 빠른 걸릴 수 있습니다 휴식 그냥 있는지 확인 모두가 유성이 설치되어, 나는거야 단지 사람들을 도우려고 이동합니다. 서로 도움을 시도하십시오 당신은 문제가 실​​행 중입니다. 죄송합니다, 그래. 어플라이언스에서 둘 다? 

청중 : 네. 나는 리사가 

로저 ZURAWICKI : OK. 당신이 웹 사이트로 이동하는 경우, 상단으로 스크롤 이동합니다. 그리고이 HTTPS가있다. 

청중이 복사? 

로저 ZURAWICKI : 네. 그리고 당신은 원하는 자식 클론을 입력합니다. 그래서 만약 당신이 컨트롤 키를 누르면 - 

청중 : 여기? 그리고 [청취]합니까? 

로저 ZURAWICKI : G-I-T. 

청중 : [청취]. 

로저 ZURAWICKI : 다음 힘내 및 복제. 그래서 명령 매우 유사 당신 이상했지만, URL이 변경되었습니다. 그것은이 그래서 전에, 지금이입니다. 저를 업데이트 할 수 있도록 - 그래. 

청중 : [청취]. 

로저 ZURAWICKI이가 다운로드됩니다. 

청중 : [청취]. 

로저 ZURAWICKI : 아, 너무 제대로 복제하지 않았다. 나는 그 문제를 해결합니다. 시도에 오류가 있습니다 파일을 다운로드 할 수 있습니다. 내가 너희들의 명령을 업데이트 할 수 있도록 그래서 그것이 작동 확인하실 수 있습니다. 미안하게 생각합니다. 그것은 동일해야한다 맥 또는 CS50 장비. 

청중 : [청취]. 

로저 ZURAWICKI : 나는 업데이 트했습니다 두 번째, 경우에 대한 명령 당신은 페이지를 새로 고칩니다. 그리고 이것으로, URL, 당신은해야한다 파일을 다운로드 할 수. 

청중 : 그래서 우리는 여전히 있다면 [청취] 다운로드. 

로저 ZURAWICKI : 당신이 있다면 아직 유성을 다운로드? 

청중 : [청취]. 

로저 ZURAWICKI : 예, 당신이 원하는 경우 Mac에서 개발. 하지만 당신은 엑스 코드 개발자가 필요 설치 도구를 제공합니다. 나는 CS50에 이러한 명령을 테스트 한 가전​​, 그래서 보장 할 수 그것은 작동됩니다. 예. 내가 가서 당신을 도울 수 있습니다. 

청중 : [청취]. 내 암호를 제공합니다. 이 맥입니다. 그리고 나서 [들리지 않습니다. 

로저 ZURAWICKI : OK. 나는 모든 명령을 실행하려고 할 것 전적으로 CS50 어플라이언스 터미널. 

청중 : [청취]. 

로저 ZURAWICKI : 나는이 작업 얻을 것이다 에서 터미널에 처음 다음 CS50 기기 및 맥 터미널. 

청중 : 그래서 당신은 CS50에 그것을 할 경우 [청취], 그런 어플 라 이언 스. 

로저 ZURAWICKI : 나는 이동하고 싶습니다 하지만 사람들은 여전히​​ 발생하는 경우에 문제 유성을 설정, 케빈은 더 너희들을 도와 드리 겠 이상, 회색 셔츠에 케빈. 우리가해야하는 것은 우리가려고하고 있습니다 마지막 명령, 세 번째, 기능을 실행 우리의 단자입니다. 우리가 그렇게 할 때, 우리는 유성을 실행합니다. 

그리고 당신은해야 - 오, 난 이미 유성 실행해야합니다. 그래서 수 있도록 않을거야 - 나를 보자 그냥 내 다른 유성을 닫습니다. 나는 유성, 당신을 실행할 때 지금이 표시되어야합니다 - 당신은 현재의 디렉토리를 볼 수 그것은 봉사 있다고. 그리고 지금은 서버에게 말하는 것 http://localhost를 실행합니다. 그게 당신이두고 싶은 URL의 웹 브라우저에서. 

그리고 그 URL에, 당신은 할 수 있어야 좋은 작은 리더에 액세스 할 수 있습니다. 그래서이 로컬 호스트에 통지, 어떤 의미 당신은 어떤 작업을 수행하는 경우 변화는 당신는 안돼 서로의 변경 사항을 참조하십시오. 나는 당신에게 보여 웹 사이트 반면 처음에, 우리가 얻을 수있는 모두의 변화 때문에 모두 같은 웹 사이트에 접속했다. 

그래서 내가 그냥 [가자? 단어?] 3000. 그래서 그냥 확인 할 수 있어야한다 기능이 작동합니다. 당신은 다른 사람을 선택 할 수 있습니다 당신은 그들에게 다른 점을 줄 수 있습니다. 그래서 누군가 포인트를 제공합니다. 당신은 또한 볼 수 있습니다 그들은 순위 상승. 

지금, 시간의 관심,이 내가했습니다 세 가지 기능은 구현. 그리고 우리는 삭제를 구현하는거야 우리의 첫 번째 기능으로 사용자. 우리가 이동하기 전에,이다 이 질문? 당신은 당신의 손을 위로했다. 예? 

청중 : [청취]. 

로저 ZURAWICKI : 확인할 수 있습니다 그 유성이 설치되어 있습니까? 

청중 : [청취]. 

로저 ZURAWICKI : 로컬 호스트 3000? 그리고 당신은 CS50 어플라이언스에있어? 나는 할 수있다 - 당신은 맥에있을 필요가 없습니다. 이 기기에서 작동합니다. 

청중 : [청취]. 

로저 ZURAWICKI : 정상에서 웹 브라우저, 그래. 

청중 : [청취]. 

로저 ZURAWICKI : 유성 실행인가? 그래서 OK, 여기에서 차이가있다. 당신은 그것을 실행하는 경우 장비, 당신이해야 할 기기 내 로컬 호스트. 당신이 당신의 맥에서 실행하는 경우, 나처럼, 그럼 내가 할 수있는 내 맥 구글 크롬. 하지만 당신은 CS50 기기를 사용하는 경우, 당신은 모든 일을해야합니다 어플라이언스. 그래서 당신이 구글을 사용해야합니다 기기에 크롬. 

청중 : [청취]. 

로저 ZURAWICKI : 그건 여전히 작동하지? 

청중 : [청취]. 

로저 ZURAWICKI : 그래서 그냥 반복, 어떻게 당신은 지금 웹 사이트에 액세스 않습니다. 당신은 여기에 URL이 3000 로컬 호스트. 당신이 CS50 기기에 있다면, 당신은 CS50를 열 필요가 어플라이언스의 구글 크롬. 그리고 내에서 구글이 크롬 장비는, 당신은 그 URL을 입력 할 수 있습니다 당신은 리더 보드를 볼 수 있습니다. 그래서 그냥 연기하는거야 여기에 옆으로 조금. 그리고 지금은 개방하고 내 여기에 텍스트 편집기. 그래서 내가 그냥 있는지 확인하자 코드는 순서입니다. OK. 좋아요. 

지금까지 걸어 싶습니다 코드 비트. 그리고 첫 번째 파일은 내가 시작하고 싶습니다 IS leaderboard.html와. 당신은 후에이 코드를 얻을 수있을 것이다 세미나는, 그래서 난 그냥 보여주고 싶어 내 컴퓨터에 무슨 일이 일어나고 있는지. 그래서 모든 사람들이 볼 수 있기를 바랍니다. 따라서 파일의 시작에서, 우리 우리의 머리와 타이틀을 갖고있는 우리가 본 것과 비슷합니다 모든 HTML 문서. 그리고 우리가해야 할 것입니다 여기에 몸에 태그. 

내가 선택한 것은 기본입니다 몸은 기본적으로 무엇을 표시 당할 것이다. 그러나 몇 가지 새로운 HTML이 아닌이 있습니다 일, 그리고 그에서의 이중 꺾쇠 괄호. 이러한 템플릿 태그입니다. 그래서 여기에이 브래킷을 볼 수 있습니다 브래킷 새로운 리더. 그리고이 종류의 - 그것은 생각 HTML에 대한 함수를 호출하는. 

이것은 HTML의 특별 버전입니다. 그것은 유성이 사용하는 버전의 어떤 당신은 다른 표시 할 수있는 이유 이러한 리더와 같은 것들, 이름과 버튼. 그러나 스코어로 이동을 알려줍니다 이름 리더와 템플릿. 그래서 템플릿에 표시되지 않습니다 자체이지만 함수의, 그래서 호출되는 것입니다. 그리고 당신은이 모든으로 대체합니다 여기 리더에 코드. 

리더의 흥미로운 부분 여기에 그냥이 테이블입니다. 당신이 그것을 읽을 경우,이 코드를 읽고 큰 소리로, 그것은 직관적이어야한다 때문에 리더, 우리 모두 여기있는 것은 테이블입니다. 그렇지이 ID 클래스 물건 에 대해 걱정할 필요. 그냥 테이블 헤더가 있다는 것을 알고있다. 즉,이 THEAD입니다. 

그리고 이름과 점수를 찾습니다. 이러한 모든 태그, thtable 같은, THEAD, 당신이 함께 가서 당신은 배울 수 있습니다. 그것은 당신이 기억하는 것이 중요하지 않아 이러한 당신이에 액세스 할 수 있기 때문에 온라인으로 참조합니다. 또는 학기 말까지,이 당신에 대해 잘 알고있을 것입니다. 

테이블의 헤더, 후 내가 그리려는 부분 당신의 에 대한 관심이 H 태그입니다. 그것은 이중 괄호 때문에, 그것은 템플릿입니다. 그래서 선수의 각 수단, 우리는에가 무엇이든 선수 표시합니다. 그리고 우리는 플레이어 템플릿으로 이동합니다. 

우리는 좀 더 아래로 스크롤하면 - 나는 모든 사람들이 볼 수 있기를 바랍니다. 우리는 플레이어 템플릿이 있습니다. 이 템플릿은 기본적으로 정의 당신의 이름에 넣어 테이블 셀, 여기 냈습니다. 지금 축소, 우리는 볼 수 있습니다 그 코드의이 덩어리 - 그 아래가 우리의 선수였다 - 이러한 세포 중 하나를 정의합니다. 내가 클릭 각 일 노란색이됩니다. 

지금 그것을 바꿀 수있는 간단한 방법. 확실히 유성이 계속 실행되어 있는지 확인합니다. 유성은 서버 프로세스해야한다, 그래서 그냥두고 당신이 개발 될 때 실행. 이 전 변경을 원 가정 해 봅시다 모든 이름이나 점수. 그리고 나는거야 말할 것 포인트를 여기에 추가합니다. 그래서 내가 여기 한 변화가 있었다, 대신 점수, I 점수 공간의 포인트를 추가합니다. 

나는 축소거야, 그리고 난 내 파일을 저장하는 것. 내 파일을 저장 한 후, 나는 필요 확실히 유성이 실행되어 있는지 확인합니다. 그것에 대해 죄송합니다. 나는 당신에게 편집을 보여주고 싶어 실시간으로 수행되었다. 그래서 난 그냥 텍스트를 변경할 수 있습니다. 플레이어를 클릭합니다. 나는 모든 모자에 넣는거야. 그리고 그것은해야한다는이 작동하는 경우 제대로, 나는 그것을 저장, 그것을 업데이트됩니다. 

아, 지금은 문제가 생각 나는 올바른 디렉토리에 아니에요. OK. 미안하게 생각합니다. 그래서 여기, 당신이 알 것은 나의 변화를 통해 갔다. 지금은 변화를 되돌리려는 말한다. 내가 가진 무엇에 다시 가고 싶어요. 난 그냥 정상적으로 입력 할거야. 플레이어를 클릭합니다. 

내가 저장 순간 이 사이트는 저를 위해 새로 고쳐집니다. 그리고 나는 내 변화를 볼 즉시 사이트. 이것은 정말 유용한 기능입니다 디버깅 때문에 지금 나는 필요 없어 - 우리가 C 코드를 작성할 때뿐만 아니라, 우리는 한 파일을 저장해야하지만, 우리는에 있었다 그것을 확인하고 다시 실행하십시오. 유성은, 때문에 C는 달리 아주 좋은 당신은 당신의 HTML 또는 저장하는 순간 자바 스크립트 파일 변경 즉시 보여줍니다. 

하나의 문제는,이 템플릿에 어떻게 나는 플레이어와 같은 값을받을 수 있나요 또는 이름을 선택? 내 코드에 여기에서 확대하면, 나는 각각의 플레이어에 대해이 작업을 참조하십시오. 그래서 템플릿 것을 알고있다 어떻게 든 선수가있다. 그리고이 있다는 것을 알고 선택한 이름입니다. 이 어디에서 오는가? 즉, 자바 스크립트에서 온다. 

그리고 당신은 leaderboard.js로 이동하는 경우,이 내가 여기에 갈 때 파일은, 지금, 우리는이 몇 가지 명령은 정의. 이 특별한 유성 구문입니다. 필요하지 않은 것을 알 수 바르 또는 아무것도. 그러나 이들은 단지 구조체에 구조체된다 구조체 또는 이러한 개체에 따라. 내가 정의하고있어 모든 템플릿입니다 리더라고. 

스코어 보드 가야 것은 선수라고. 그리고 선수 무엇입니까? 이 식을 반환 무엇이다. 선택한 이름은 무엇입니까? 그것은 좀 더 코드입니다. 우리가 거​​ 코드의 상세 잠시 후 커버. 하지만 지금은 당신이 이해 할 이 코드에서, 우리가 복용하는 것을 플레이어, 우리는 그것을 값을주고 있습니다. 이 경우, 함수의 이 실행됩니다. 그래서 우리는 값을 다시 얻을 수 있습니다 우리는 기능을 실행할 때. 이 로그입니다. 그 의미가 있습니까? 

나는 그것이 소팅 방법을 변경할 수 있습니다. 여기서, 정렬 개체가있다. 어떤이는 말합니다 것은 내가 정렬하는거야된다 점수가 먼저 하강하고로 다음 상승의 이름을 지정합니다. 나는 1로 변경하면 돼 점수를 오름차순으로 정렬합니다. 그래서 제로 상단에 있어야합니다. 그리고 나는 내 웹 사이트에 확대 할 때, 우리 이제 웹 사이트가 업데이트 된 것을 볼 수 있습니다. 그리고 점수는 승천입니다. 

난 그냥 원하는 다음 기능 커버하는 것은 클릭 증가합니다. 시간의 관심 밖으로, 난 못해 유성의 더 많은 것을 커버 할 수있을 코드 만 많은 자원이있다 사용할 수, 난 것입니다 여기에 세미나 후. 하지만 난 그냥 커버하고 싶은 리더 이벤트. 이 구문은 당신을 배울 수 있습니다 나중에 강좌 비트. 이 자바 스크립트입니다. 

우리가 클릭을 얻을 때 우리는 그냥 말을하는지, 그리고,이 정보에 증분 해시은 ID를 의미한다. 증가 ID 태그에, 우리는 원하는 업데이트 - 핵심 단어를 내가 당신에게 원하는 보고하는 업데이트하고 선택 플레이어. 그래서 어느 플레이어의 선택, 우리는 그것을 업데이트 할 수 있습니다. 그리고 우리가 할 일은 우리가 증가합니다 다섯하여 해당 점수를 제공합니다. 그리고 그 기능을 설명합니다 우리는 여기에있다. 

이 세미나 종료 후, 우리는거야 좀 더 많은 코드를 볼 수 있습니다. 하지만 내가 할 수 있다는 나의 목표에가는 사이트를 변경, 여기에 원 제거 버튼을 추가 할 수 있도록 나는 플레이어를 삭제할 수 있습니다. 그래서 그렇게, 나는 필요 두 가지 작업을 수행합니다. 나는 업데이트, HTML을 업데이트해야 사용자에게 표시되는 것을,보고, 다음 몇 가지 자바 스크립트가 그 때 버튼을 누를 때, 유성 것입니다 뭔가를. 그것은 그 선수를 제거하는 것입니다. 

그래서 코드의 덩어리가 많이 있습니다 기본적으로 이미 그 나를 위해 수행되었습니다. 여기 보면, 이미 방법이 선택된 플레이어를 받고. 당신이 그것을 볼 수있는 경우 즉,이 물건입니다. 그래서 난 그냥 경우 - 나는 다른 이벤트를 가질거야. 그래서 내가 무엇을 복사하는거야. 이 목록이므로, 난 그냥 쉼표가 필요합니다. 

그래서 지금 삭제를 클릭거야. 그리고 그 대신 플레이어 업데이트, 나는 플레이어 삭제 할거야. 그리고 모든 선수의 요구를 삭제 선택된 선수이다. 따라서이 기능은 우리가 필요로하는 모든 것입니다. 나는 몇 가지를 추가해야합니까 하지만 여기에 HTML. 그래서 나는 여기에서 아래로 스크롤하면, 이는 HTML 뷰이다. 우리는 여기에서 일을했다 어떤 태그이었다. 당신은 그것에 대해 걱정할 필요가 없습니다. 

당신에게 어떤 문제입니다 이 ID 증가. 그리고 이것은 우리가 말을 할 수 무엇을 할 때 우리는 증가를 클릭, 우리는에있다 5 점을 제공합니다. 그리고 당신이이 버튼입니다 것을 볼 수 있습니다. 즉, BTN 의미입니다. 그리고 버튼의 텍스트 5 점을주고 있습니다. 그래서 내가 할거야하는 난입니다 이 줄을 복사 할. 나는 삭제할 ID를 변경하는거야. 그리고 변경거야 삭제 여기에 텍스트. 

그래서 안부 저장합니다. 나는 다시 내 자바 스크립트로 이동합니다 내가 가지고 있는지 확인하기 삭제 여기에 줄 지어. 좋은. 그래서 두 파일을 저장하는거야. 두 파일을 모두 저장 한 후, 우리 위로 아래로 갈 수 있습니다. 그리고 지금 우리는 우리가 참조 버튼을 삭제합니다. 그리고 한 단계. 당신은 당신이를 얻을 수 있습니다 발견 오류 난 클릭하면 때문에 아무 일도 없는데, 삭제합니다. 

이 문제를 디버깅하는 방법은 이동하는 것입니다 다시 요소를 검사합니다. 일부러이 일을 해요 당신이 할 수 있도록 당신이 뭔가를 디버깅하는 방법을 참조하십시오. 요소 검사에서, 우리는이 여기까지 우리의 모든 텍스트. 난 다시 콘솔로 이동합니다. 내가 여기에 갈 때 어떤 일이 발생 나는 어떤 종류의 오류를 얻을 수있다. 그것은 삭제있는 방법이 없다 말한다. 

내가 갈 때 그래서이 말하고있는 것은 다시 코드, 나는 선수라고 여기에 삭제합니다. 삭제 사실이 아닙니다 오른쪽 명령. 그래서 오른쪽 명령을 알 수 있습니다 , 유성 API 거기에있다. 나는 당신을 가리 키도록하려는 설명서 에 사람들은 meteor.com에 있습니다. 그래서 나는 여기에서 그것을있다. 이것은 너무 너희들이 알고있다 여기서 자세한 내용을 보려면. 

문서에 대한 링크가있다. 기본적으로, 난 그냥 수 삭제를 위해 찾을 수 있습니까. 그리고 당신은 무엇을보고, 삭제 실제로 제거됩니다. 즉, 명령입니다 내가 호출해야합니다. 그래서 지금 우리가 그것을 알고, 내가 갈거야 이 제거하려면 삭제를 변경합니다. 그래서 지금, 나는 다시 내 리더에 갈 때 사이트, 나는 클릭거야 삭제하고, 지금은 죽죠. 더 이상 로저가 없습니다. 그리고 나는 모든 삭제를 계속 할 수 있습니다 하나의 이름 나는 왼쪽 아무것도 없다 때까지. 

그래서 조금 미리이었다 유성을 사용하는 방법. 당신은 더 많은 자바 스크립트를 학습 할 수 있습니다 및 확인하는 데 필요한 HTML 그것은 우리가 다룰하는, 더 예쁘게 이번 주 [? 조각?] HTML에 대한 설정을 그 다음에 자바 스크립트 [? 조각?]로 설정합니다. 

그래서 걱정하지 않는 모든의 경우 이 물건은 당신에게 쉽게 온다. 그것은 시간을 곁에 것 최종 프로젝트. 게재 주셔서 감사합니다. 곧 이후에 업데이트됩니다 링크 세미나 그래서 당신은 몇 가지를 더 볼 수 있습니다 내가 구현 한 예는 방법 고급 리더를 얻을 수 나는 여기이 웹 사이트에 미치는 한 라디칼 leaderboard.meteor. 감사합니다. 

[박수]