[음악 연주] 로저 ZURAWICKI : 안녕하세요, 제 이름은 로저 Zurawicki입니다 나는 취재됩니다 CS50 유성 세미나. 유성은 새로운 프레임 워크입니다 웹의 새로운 종류에 전념, PHP는 요청을하지 앞뒤로 종류 웹의 우리는 phpp의 세트에서 본 하지만 더 동적 인 자바 스크립트 웨브의 부분. 상황이 유성을 수행 할 수 있습니다 라이브 업데이트를 포함 즉시 통신 동일한 웹 사이트의 사용자들 사이. 이 세미나를 위해, 우리는이 코드 내 GitHub의에서 개최했다. 이 URL로 이동하여 다운로드 할 수 있습니다. 당신이 힘내를 사용하는 방법을 알고 있다면, 당신은 저장소를 복제 할 수 있습니다. 당신이 사용하는 방법을 모르는 경우 힘내 또는 GitHub에 사용하지 않은, 그 완전히 괜찮아요. 나는 빨리 정말 당신을 보여줍니다 우리는 GitHub의에 갈 수있는 방법, 과에 옵션있다 바로 거기에 지퍼를 다운로드합니다. 이 디렉토리를 다운로드하면, 우리의 코드와 함께 연주 시작할 수 있습니다. 

유성에 대한 자세한 정보 meteor.com에서 찾을 수 있습니다. 세미나 폴더에서, 나는 실제로 우리가 사용할 수있는 몇 가지 유성 프로젝트를 가지고있다. 우리가 가지고있는 폴더 중 하나에 우리의 세미나 프로젝트는 수행 할 작업의 응용 프로그램입니다. 그래서 나는 그것으로 가면, 유성가 설치되어 있습니다. 그래서 그것을 실행하는 데, 난 그냥 입력해야합니다 유성, 유성이 설치됩니다. 당신이 볼 수 있듯이, 우리는에있다 우리는 유성을 설치해야합니다. 그래서 난 그냥 갈거야 그것은 한 번 더 실행 확인해야하는 유성 제대로 설치됩니다. 

나는 유성을 가지고 있지만 설치, 난 당신을 표시 할 수 있습니다 유성 사이트의 일부 라이브 데모 인터넷에서 지금 생중계. 나는 우리의 응용 프로그램의 데모가있다. 다음 URL에서 액세스 할 수 있습니다. 이 할 수있는 응용 프로그램입니다 우리 우리의 세미나 디렉토리에 있습니다. 이것에 대한 URL입니다 rozu-rabbit.meteor.com. 당신이 볼 수 있다는 유성 실제로 것 무료로 유성 프로젝트를 호스팅. 그리고 세미나 끝나면 당신은뿐만 아니라이 작업을 수행 할 수 있습니다. 

이 목록을 수행하는 응용 프로그램입니다. 그리고 당신은 로그인 할 수 있습니다 생성 계정 및 작업을 추가 할 수 있습니다. 당신과 같이 계정을 만들 수 있습니다. 그리고 지금, 한 번 당신은이 계정, 당신은 작업을 추가 할 수 있습니다. 예를 들어, 하나의 태스크 I 내 세탁을 데리러 갈 필요가 있습니다. 그리고 당신은이에 있다면 사이트 온라인, 당신은거야 실제로이 태스크를 참조 실시간으로 컴퓨터. 

나는 당신에게 빠른 데모를 표시 할 수 있습니다 개방 rozu - 토끼하여이의 같은 URL과 다른 탭에서. 그리고 우리는 동일한 데이터가 오는 것을 알 수있다. 우리는 또한 그것을 실행할 수 있습니다 다른 브라우저. 나는 사파리에서 실행 말. 우리가 로그인하지 않은 그런 식으로. 그래서 우리는 같은 유성이 응용 프로그램 및이로드되면, 우리는 동일한 데이터를 볼 수 있습니다 우리는 처음에했다. 당신이 볼 수 있듯이, 여기에 기록 아니에요. 그리고 때 관객 검사 데이터, 모든 브라우저에서 업데이트 동시에. 이것은 정말 중 하나입니다 유성에 대한 멋진 기능. 거의 작업과 함께, 당신 라이브 업데이트 응용 프로그램을 그 모두에 변경 한 번에 당신의 장치. 

여기에있는 확인란을 선택하면 내 할 목록에, 우리는해야합니다, 내 다른 크롬 브라우저에서, 항목을 체크 해제. 그리고이 순간적으로 발생합니다. 좋아. 그래서 유성처럼 보인다 설치가 준비가되어 있습니다. 그래서 지금의이로 돌아 가자 수행 할 작업의 응용 프로그램은 로컬로 실행합니다. 

당신은 유성 프로젝트가있는 경우에, 당신은 할 수 있습니다 단지 명령 유성으로 실행합니다. 이, 유성을 수행하면 어떤 준비를 할 것입니다 모두 확인합니다 코드는 검사입니다. 그리고, 그것은 당신을 말해주지 이 프로젝트는 제공 될 준비가되어 있습니다. 당신은 허용해야 할 수 있습니다 당신의 방화벽, 컴퓨터 차단합니다 경우. 

그래서 유성은 나에게 말해주고있는 걸 당장은이 웹 사이트에있다 내 로컬 컴퓨터에, 내가 볼 수 있습니다 이 유성 프로젝트는 무엇인지. 지금, 내 응용 프로그램이 있습니다 인터넷에 액세스 할 수 없다. 우리는 당신의 유성을 가지고하는 방법을 다룰 것이다 조금 나중에 라이브 사이트에 응용 프로그램. 그래서 난 그냥이 복사거야 URL은 현재와 구글 크롬으로 이동합니다. 

그리고 이것은이하는 것입니다 예로부터 나열합니다. 당신은 그들이 구현 볼 수 있습니다 여기에 몇 가지 기능을 제공합니다. 우리는 우리가 다른 탭이 같은 계정 기능을 가지고, 우리는 새로운 목록을 추가 할 수 있습니다. 이제, 하나의 정말 유성에 대한 멋진 기능 그뿐만 아니라 할 수있는이입니다 웹 브라우저에서 작동, 하지만 당신은 만들 수 있습니다 네이티브 아이폰과 안드로이드 폰갭라는 도구를 통해 애플 리케이션. 

그래서 일부 프로젝트는 올 것이다 실행하기위한 사전 구성 이 수행 할 작업 응용 프로그램처럼 아이폰 OS에. 그래서 내가해야 할 모든 아이폰 OS에서 실행하는 다음 유성, 실행하고 아이폰 OS를 입력합니다. 그리고 유성, 그렇게 할 때 패키지를 다시 준비합니다. 이 준비되면 그리고, 그것은거야 내 명령에 아이폰 OS 시뮬레이터를로드합니다. 당신은 아이폰 OS 응용 프로그램을 실행할 수 있습니다 당신이 경우 맥 컴퓨터가 있습니다. 당신은 당신의 응용 프로그램을 실행할 수 있습니다 모든 플랫폼에서 안드로이드. 

그래서 지금 당신이 볼 수있는 내 아이폰 시뮬레이터는 내 화면에왔다. 단지 순간에, 이 응용 프로그램과 함께로드합니다. 우리는 그냥 비트를 한 경우 작은는, 화면에 맞게 우리는 우리가 우리의 아이폰 애플 리케이션을 참조하십시오. 그리고 바로 그래서 우리는하지 않습니다 혼란, 만들자 우리가 같은에 있는지 웹 사이트, 로컬 호스트 3000. 

그래서 여기 예입니다 내가 가지고있는 유성 앱, 모두에서 실행 수행 할 작업 응용 프로그램, 전화 및 웹 브라우저. 그리고 물건을 변경할 때 웹 브라우저에서, 즉시 전화로 이동합니다. 그리고 내가 전화에 뭔가를 삭제할 수 있습니다, 그리고 웹 브라우저의 변화. 

지금, 일반적으로 기본 만들 수 아이폰 OS 나 안드로이드 폰 앱, 당신은 자바 또는를 알 필요가 목표 C. 기술 유성 사용 자바 스크립트로 실행할 수 있도록 앱은 폰갭라고합니다. 어떤 앱 본질적으로 있는 웹 브라우저입니다. 그리고 유성은 모든 처리 관련된 까다로운 부품 해당 웹 브라우저를 데려에 대한 귀하의 아이폰이나 안드로이드 장치. 당신은 볼 수 있습니다 사용자 인터페이스는, 평활 그것은 외모와 매우 느낌 많은 네이티브 어플이 좋다. 나는 집에 갈 것을 통지하는 경우 화면 지금, 나는 또한 아이콘을 얻을. 이 같은 웹 페이지가 없습니다 당신은 사파리에서 찾을 것입니다. 이것은 자신의 응용 프로그램입니다. 당신은 설치하고 당신이 원하신다면 삭제합니다. 

우리는 어떤 코드를 보여 간단히 할 수 있습니다 수행 할 작업의 이런 종류의 응용 프로그램처럼 보인다. 당신이 수행 할 작업 폴더에 보면, 당신은 많은 폴더가 표시됩니다. 그러나 과정을 통해 세미나, 우리는거야 각 폴더가 사용되는지 이해합니다. 의 터미널로 가자 그래서 우리는 조금 더 나은 파일을 볼 수 있습니다. 

내가 컨트롤을 눌러거야 C는 서버를 중지합니다 지금은 다시 일하러 응용 프로그램에있어. 나는처럼, 여기에 다른 폴더가 클라이언트 폴더, 서버 폴더. 그리고 이러한 폴더는 단순히 의미 클라이언트 폴더에있는 모든 웹 브라우저에서 실행됩니다. 서버 폴더에있는 모든 서버에서 실행됩니다. 

내가 지적하고 싶어요 밖으로 우리가했던 일 것입니다 우리는 우리의 전화 실행했을 때와 우리의 웹 브라우저는 이러한 고객했다. 그러나이에서 실행중인 단말기, 즉 서버입니다. 우리는 같은 다른 폴더가 라이브러리 코드 LIB, 도우미 등 기능을 수행 할 수 있습니다 클라이언트와 서버 모두 사용. 그리고 당신은 공공이 폴더 및 자원 점점 필요한 폴더 이미지와 다른 CSS로드. 

당신이 유성이 설치 한 경우, 우리는 것 유성에 대한 자습서를 계속합니다. 당신은이 URL로 이동할 수 있습니다 meteor.com/install, 명령 줄을 얻기 위해 그 I 유성를 설치하는 방법을 설명했다. 우리는 먼저 거치게됩니다 몇 단계는 더 나은를 얻을 수 있습니다 유성를 설치하는 방법에 대한 생각합니다. 

하지만 먼저, 난 그게 중요하다고 생각합니다 우리는 자바 스크립트의 약간을 검토합니다. 당신에게 방법의 예를 표시하려면 우리의 C 지식을 번역 할 수 있습니다 자바 스크립트에, 나는했습니다 몇 가지 예를 만들었습니다. 그들은 JS 디렉토리에 있습니다. 세미나는 폴더 경우에 따라서 JS라는 폴더가있다, 봐. 그리고 여기에서 우리는 몇 가지 예를 가지고있다. 

의 첫 번째를 열겠습니다 예와 매우 빠르게 참조하십시오. 우리가 참조하는 표준입니다 세계 명령을 안녕하세요. 당신은 C에서 알 당신을 대부분의 라인. 그리고 CS50 학생들이 알고, 우리는 주요 기능이 필요합니다, 우리는 표준을 포함​​해야 I / O의 printf를 호출하기 위해 도서관. 

의 자바 스크립트를 비교하는 방법을 살펴 보자. 나는 ex1.js.을 열거야 주석 것은 무엇 인 코드는 같을 것이다 C, 아래 라인이 전부입니다 당신은 노드에서 실행해야합니다. 당신은, 당신을 주 기능이 필요하지 않습니다 모든 파일을 포함 할 필요가 없습니다, 당신은 반환 할 필요가 없습니다. 당신은 CONSOLE.LOG를 호출합니다. 이것은 당신의 printf와 동일합니다. 

그리고 동일한 소요 인수는 것의 printf. 그리고이를 실행하기 위해, 대신 EX1을 실행, 당신은 단지 노드 ex1.js.를 부를 것이다 그런 다음 노드를 작성하고 파일, 그리고 치일. 그것은 컴파일되지 않습니다. 자바 스크립트는 인터프리터 언어이다. 그래서 할 필요는 없습니다 이 실행되기 전에 컴파일. 내가 ex1.c를 실행하고 싶다면, 나는 먼저 확인해야 그럼 내가 실행 파일을 실행할 수 있습니다 동일한 출력을 얻을 수 있습니다. 

의 신속 몇 가지를 살펴보기로 하죠 다른 자바 스크립트 개념. 의 예를 두 가지를 살펴 보자. ex2.js에서 ex2.c에서, 우리는 할 수 우리는 몇 가지 코드를 할 수 있음을 볼 수있다. 내가 빨리 가자 더 나은 텍스트 편집기 그 다음이 표시됩니다 새로운 라인을 조금 더. 좋아. 여기에서 우리는 예를 들어 2.c.이 여기에서 우리는 서로 다른 유형이 것을 우리는 밖으로 인쇄하는. 우리가 알고 있듯이, printf의 소요 다른 퍼센트 인수 데이터의 다른 조각에 액세스 할 수 있습니다. 우리는 인쇄하려면 문자열, 우리는 % s을 (를) 호출합니다. 우리는 부동를 호출 할 경우 지점 번호는, 우리는 % f를 불렀다. 그리고를 호출하는 쉬운 방법이 없다 그것 참 또는 거짓 값 부울. 당신이 % d 개를 사용하는 경우, 당신은 얻을 수 있습니다 0 또는 허위 사실에 대한 1. 

자바 스크립트는 우리에게 조금 좋네요. 자바 스크립트에서의이 몇 가지를 살펴 보자 차이는 우리는이 파일에 있습니다. 첫째, 당신은 C에서 우리가이 것을 알 수 유형 모든 변수를 초기화합니다. S는 문자 스타입니다. 이 문자열이고, 그것은 다른 유형이 될 수 없습니다. N은 부동이다. B는 BOOL입니다. 

그러나 자바 스크립트, 동적 유형이있다. 그게 당신이하지 않는 것을 의미한다 자바 스크립트를 알려줄 필요 당신의 변수가 될 것입니다 어떤 종류. 당신은 말할 변수 var에 이름 변수와 그 값의. 그래서 VAR는 정말 아무것도 할 수있다. 그것은 문자열이 될 수 있습니다. 그것은 부동 소수점 숫자가 될 수 있습니다. 그것은 문자가 될 수 있습니다. 이 부울 수 있습니다. 그리고 콘솔 로그는 약간 다르게 작동합니다. 당신은 인쇄하려면 수, 당신은 % d 개를 호출합니다. 그러나 대부분의 값이 될 수 있습니다 잘 문자열로 인쇄. 

의 노드에서이 작업을 실행하자 무슨 일이 일어날 지 확인합니다. 나는, 노드 ex2.js를 호출 할 수 있습니다 우리는 printf의받을 값 CS50, N 등으로 부동 소수점 수, 다음 부울로 B 사실 문자열로 변환. 우리가 예를 들어 2.C 한 경우에 대해? 음, 우리는 여전히이 printf의 더 많은 불만. 주의 부동 점은 번호가 올바른 형식되어야한다, 그리고 부울 단순히 수 없습니다 참 또는 거짓으로 표시 될 수있다. 좋아. 이제 예를 세 가지를 살펴 보자. 예를 들어 세, 우리는 보여주고있다 당신은 루프를 사용하는 방법. 실제로, 매우 간단하다. 의 좋은 점 중 하나 자바 스크립트는 C 기반한다는 것이다. 그 말은 많은 당신의 코드는 매우 유사합니다 매우 거의 같은 느낌. 루프, 유일한에서 정말 여기 변경 대신 INT의 난입니다, 우리는 내가 VAR있다. 우리는 여전히 가치를 할당 할 수 있습니다 제로는,이 다섯 이하의 확인 하나 증가하여 ++ 연산자. 우리는 i에서 CONSOLE.LOG를 호출하고, 그 우리에게 각 라인 번호를 출력합니다. 의 신속 정말 실행하자 이 출력 것을 볼 수 있습니다. 우리는 각 라인에 새 번호를 얻을. 또 다른 것은 내가 당신을 원해요 CONSOLE.LOG에 통지 당신이 작성하지 않은 것입니다 새로운 라인 백 슬래시 명. CONSOLE.LOG가 인쇄됩니다 한 줄에 모든 것을. 즉, 좋은 기능이다 자바 스크립트는 우리를 준다. 

이제 예를 네를 열 수 있습니다. 예를 네에서 먼저 C에서, 우리는 몇 가지 함수를 호출한다. 우리가를 선언해야 알 수 있습니다 기능은 우리 주에서 사용하기 전에. 우리가 가진 경우 주 제 다음 추가 한 다음 높은, 확인, 그 소리, 또는 GCC 것 우리에게 말하는 오류를 줄 그것은 높은 것을 알고하지 않습니다. 그것은 무엇 추가 알 수 없습니다. C에서 그래서, 당신은에 대한 까다 롭고해야 당신이 당신의 함수를 호출하는 순서. 

의 방법 당신이 할 수있는 살펴 보자 자바 스크립트에서이 작업을 수행. 우리는 서로 다른 파일이 존재하기 때문에 이 작업을 수행 할 수있는 몇 가지 방법이 있습니다. 한 가지 방법은 꽤 많이있다 직접 번역. C 함수 때문에 형태를 돌려, 자바 스크립트 정말 모르거나 상관하지 않는다 당신이 돌아 입력 한 내용에 대해, 당신은 유형을 쓰지 않는다. 대신, 당신은 단지 필요 함수를 작성하고, 모든 것이 꽤 이전과 같은 많은. 

당신처럼 변수를 가지고 때 우리는 x와 y를 작성해야합니다 추가. 우리는 x는 int이며 말을 할 필요가 없습니다. 우리는 y는 int이며 말을 할 필요가 없습니다. 우리는 같은 구문으로 돌아갑니다. 높은, 우리는 그것을 선언 대신 공허​​의 기능을 수행합니다. 공지 사항 여부를 그 그것은, 무효 또는 비 무효이다 그것은 여전히​​ 동일한 기능입니다. 그리고 우리는 단순히 넣지 마십시오 괄호 안에 아무것도, 그리고 C 코드처럼 아주 많이 보인다. 그리고 아래, 우리는 아래를 호출 할 수 있습니다. 

우리가 예를 들어, (b)를 보면, 우리는주의 것을 나는 몇 가지를 변경했습니다. 내가 변경 한 유일한 것은 비록 실제로 순서이다. 우리는 같은가 기능,하지만 지금은있어 그들이 사용하고 후 발표 CONSOLE.LOG과 선 (18, 19)에 높은. 당신이 C에서 이런 짓을하는 경우, 오류를 슬로우합니다. 여기,이 잘 작동합니다. 그리고 나는에 의해 당신이 보여줄 수 (b) 예에 노드를 호출. 

우리가 함수를 호출 할 수있는 또 다른 방법 변수로 기능을 절약하는 것입니다. 마치 내가 변수 말했다 모든 유형을 가질 수 있습니다. 가변 타입의 한개 할 수있는 기능입니다. 당신이 예를 보면 그래서 내가 변경 한 것을 4C, 여기 VAR 대신에 기능 추가의 추가이다. 이제 함수와 동일 추가합니다. 여기에이 기능은 익명입니다. 이 이름이없는, 그래서 그것은 단지 함수 다음 괄호. 그 후 구문 변경,하지만하지 않습니다 명심해야합니까 그 당신은 당신이있어 변수가 추가로 격납 기능 및 당신이 높은에 저장하는 변수입니다. 

추가 및 높은 이제 변수이기 때문에 하지 기능, 뭔가 변경됩니다. 이것은 내가을 참조하십시오 일반적인 버그 사람들의 자바 스크립트를 많이, 뭔가 마음에 유지합니다. 나는이 프로그램을 실행할 때의 일이 무엇인지 살펴 보자. 나는 오류가 발생합니다. 그것은이 시점에서 정의되지 않은 말 것. 그래서 그것을 말하는 것 이다 추가 알고하지 않습니다. 

지금하지됩니다 추가 때문에 기능 추가는 변수입니다. 그리고 당신은 실제로 부여하지 않은 당신이 그것을 사용하는 경우 아직 값을 추가합니다. 그 곳의 경우 예를 들어, 4D, 우리에게 가져다 당신은 함수로 변수를 사용하려면, 당신은 확인할 필요가 그들이 그들이 사용되기 전에 값을 얻을. 

의 다음 예를 다섯로 이동하자. 여기서 우리는 이야기 C에서 C에서 구조체, 구조체 그들에게이 고정 된 구조를 가지고 당신이 그들을 선언해야하기 때문에 당신이 그것을 사용하기 전에, 그리고 내가 학생이 있다고, 모든 학생이 정확하게있다 하나의 이름, 일년, 하나의 성. 그것은 모두를 가져야한다. 그것은 다른 값을 가질 수 없습니다, 그들은 특정 유형해야한다. 

그 다음 우리는 초기화 할 수 있습니다 이 좋은 구문 구조체 그 순서를 알고 있기 때문이다. 그래서 로저 이름임을 알고있다. 그것은 2016 인 것을 알고 올해 M은 성별 우리가이 말 때문에 리스트는 구조체 학생입니다. 그리고 당신은 인쇄 할 수 있습니다 그것은, s.name에 접근. 우리가 어떻게 것 보자 자바 스크립트로 그 변환합니다. 지금입니다 s에 주목 변수는, 어떤 유형이 없습니다. 다시는 단지 VAR입니다. 이 경우 문제가되지 않기 때문에 이 변수의 타입은 포인터입니다 이 구조체, 또는 다른 것입니다. 우리는 약간 다른 구문을 가지고있다. 이 구문은 개체 구문입니다. 

당신은 JSON에서 보셨을. JSON 실제로 의미 자바 스크립트 객체 표기법. 이것은 당신이 정의하는 방법이다 자바 스크립트의 객체. 우리는 인, 키가 이름과 같은 값입니다. 그리고 우리는에 값 제공 결장의 타측. 그리고 한 가지 유념해야 할 것은 당신입니다 이름과 연도를 할 필요가 없습니다 및 개체에 대한 성별. 객체는 값이없는 수 있습니다. 그것은 당신이 원하는만큼을 가질 수 있습니다. 

우리는 이러한 개체를 사용할 수 있습니다 같은 방법으로 우리는 s.name을 구조체를 사용합니다. 우리는 빨리 정말로 실행할 수 있습니다 노드 예를 들어 5.c.을 수행하여 우리는 실제로 노드에서 C 파일을 실행할 수 없습니다. 그것은 C가 무엇인지 알 수 없습니다. 그것은 단지 자바 스크립트를 알고있다. 우리가 ex5.js을 실행하면, 우리가 얻을 우리가 기대 값. 

의 예를 여섯로 이동하자. 여기에 그냥 조금 얘기하고 싶어요 자바 스크립트 배열에 대한 좀 더 그들은 비트이기 때문에 말이있어 다른 C. 배열이 표기되어에 사용, 하지 C처럼 브래킷, 중괄호,하지만 브래킷. 당신은 빈 배열을 가질 수있다, 4 번에 도착있다. 당신은 배열을 가질 수있다 여러 값. 그리고 당신은 그들에 액세스 C. 단지 같은 방법으로 

일곱을 줄 수있는 모든 것을 최대 매우 간단 보인다. 하나의 작은 차이는 라인 (10)에 여기에있다. 방법은 당신의 길이를 얻을 배열은 .length를 호출하는 것입니다. 배열은 사실이 될 수 있습니다 객체처럼 취급, 이 객체는 길이 속성이 있습니다 당신은 그것의 길이를 얻기 위해 부르는. 이 차이가 있다는 것에주의해야 C에 있기 때문에 C에서 당신 의 길이를 알고 있어야 미리 개체. 

배열에 대한 그래서 다른 좋은 점 서로 다른 타입을 가질 수 있다는 것이다. 당신은 C에서 배열이있는 경우,이 특정 값의 어레이이고, 구조체 포인터 중 하나 또는 [들림] 수레 또는. 여기서, 서로 다른 값을 가질 수있다. 내가 먼저 부동 소수점 숫자를했다, 다음 부울, 다음 다른 정수. 그리고 실제로, 그들도 유형을 변경할 수 있습니다. 16 라인 봐. 배열 두되는 것을 변화 문자열에 숫자, 정수,. 

배열에 대한 또 다른 좋은 점은 여기에있다 19 행에서, 그들은 무한 크기를 가지고있다. 당신은 내가 백을 원하는 말할 수있다 요소는 합법적 인 문자열이 될 수 있습니다. 그리고 이것은 확인하지 않는 것 감각 때문에 배열 만 세 가지 요소에 대한 공간이, 그래서 결국은 두 가지를해야한다. 이 작업을 수행 할 때,하자 세하게 어떤 배열을 참조하십시오. 우리는 이것을 빨리 실행됩니다 노드 예 six.js.와 우리는이 정말 긴 얻을 배열, 그리고 무슨 일이 우리는 처음 몇 요소가된다 공백 후 무리 때까지 우리는 우리의 문자열을 얻을. 자바 스크립트를 채 웁니다 배열이 필요할있다. 

이제 마지막으로 우리의 마지막 예를 가자. 여기에서 우리는 목록을 가지고 다른 학생. 내가 좀 얘기하고 싶어요 멋진 측면에 대한 비트 의 자바 스크립트에서 루프. C에서, 루프 가지 제한됩니다. 그들은 어디를 고정 된 구조를 가지고 변수를 가지고, 당신은 조건을 가지고, 그리고 당신은 무언가를 루프의 끝에. 그리고 물론 이것은, 자바 스크립트에서 작동 우리는 앞의 예에서 본 것처럼. 그러나 우리는 또한 더 좋은 방법이 의 자바 스크립트에이 일을. 이 foreach 루프라고합니다. 

죄송합니다,의 돌아 가자 여기에 예를 일곱. 우리는 또한 섹션 목록입니다 말할 수 있습니다. 그래서 나에게 모든 난을 제공하거나 그리스트에있는 모든 인덱스입니다. 그 다음 우리는 학생을 얻을 수 있습니다 그냥 절을 호출하여. 그래서 설정 난의 모든 코드 제로인, 물론입니다 만들기 인 길이 미만 내가 한 때마다 추가, 그건 오히려 돌보는 친절이 foreach 루프와. 

뿐만 아니라 foreach는 루프를 수행 리스트 나 배열에서 작동, 그들은 또한 객체에서 작동, 이는 또한 좋은 것입니다. 당신의 이름을 얻을 수 있습니다 다만 취함으로써 모든 재산 사전 또는 개체, 학생 등, 다음 날마다 키를주는 말. 키가이 일 것 속성, 이름이나 집. 그래서 여기에 무슨 일이 일어날 것입니다 우리는 먼저 이름 다음 인쇄 모든 학생의 집. 

나는 노드에서이 작업을 실행할 수 있습니다 정말 빨리를 표시합니다. 우리는 첫 번째 루프에 대한 C 스타일을 얻을 우리는 모든 개체가 인쇄 된 얻을. 그리고 우리는 자바 스크립트를 스타일, 어디에 당신은 할 수 있습니다 모든 키를 출력 개별적 가치. 

좋아. 이제 우리는 Node.js 고려했다고, 나는 생각한다 우리는 유성을 시작 할 준비가되었습니다. 내가 말했듯이, 유성은 훌륭한 일을 했어 일부 기성 예를 작성 당신을 위해 당신은을 통해 탐색 할 수 있음 이 튜토리얼이나 세미나 폴더에. 하지만, 여기에 내가 원하는 처음부터 더를 시작합니다. 

의 응용 프로그램을 수행하는 간단한을 만들 수 있습니다. 이것은 무엇에의 기초 가지입니다 나는이 이전을 보여 주었다 신​​청을 해. 이 자습서 가 있다는 것을 볼 수 있습니다 명령 유성을 만들 새로운 유성 프로젝트를 만듭니다. 당신은 위해이를 호출해야 유성 프로젝트 그것 때문에 실행하기 명령을 실행합니다 유성을 만들 수 있습니다 프로젝트에 필요한 파일. 

터미널로 이동하는 경우, 우리는 할 수 단계 하나라는 폴더로 이동합니다. 그리고 하나의 단계에 해당 할 것이다 튜토리얼의 첫 번째 단계. 공지 사항 폴더, 단계가있다 하나, 단계 2, 5에있는 모든 방법. 그리고 각 하나에 해당됩니다 이 튜토리얼의 단계. 나는 그것을 열거야 여기에 내 텍스트 편집기에서 그래서 우리는 생성 된 어떤의 비트를 볼 수 있습니다. 우리는 알 그이 네 가지 주요 부분이다. 유성 디렉토리 .meteor,있다. 그리고 그 보통 터치 할 필요가 없습니다. 유성을 담당 해당 폴더, 그리고 단지 있는지 확인합니다 당신의 프로젝트가 제대로 작동합니다. 

우리는 또한, 세 개의 파일, HTML 파일이 자바 스크립트 파일과 CSS 파일. 의 첫 번째 HTML 파일과 함께 시작하자. 언뜻보기에,이 보인다 보통 HTML 문서 등을 포함한다. 그러나이 그 통지 몇 가지 차이점이 있습니다. 하나는,이 실제로 없다 완전한 HTML 문서. 우리는 HTML 태그를 놓치고있어. 이것은 정상입니다. 유성에서 예상하지 않을 이러한 HTML 태그를 만들 수 있습니다. 즉, 당신을 위해 이루어집니다. 당신은 당신이 경우 begin-- 할 웹 사이트를 만들려면, 당신은 단지 시작해야 머리 태그, 그 다음을 정의하고, body 태그를 정의합니다. 

하지만 당신은이에있을 때는 HTML 파일, 우리는 새로운 태그가. 우리는 템플릿 태그가 있습니다. 이것은 정상적인 HTML 없습니다. 이것은 HTML의 특별 버전입니다 유성 당신에게 제공하는 그. 그것은 공간 막대를 불렀다. 당신은 작은으로 템플릿을 정의 할 수 있습니다 가지 도우미 함수와 같은 모듈, C 또는 자바 스크립트 코드에서. 이 템플릿 것 작업이라는 이름을 가지고있다. 그리고 당신은 줄에 바로 여기에 볼 수 있습니다 (13) 이러한 템플릿을 호출 할 수. 그리고 무엇 유성이 어떤 작업을 수행하는 것은 그냥 당신을 위해 이러한 작업을 채우십시오. 

당신이 또 한가지 주목할 점은 조금 다른이 각 기능입니다. 각각의 변수를 취할 것 작업과 가지 그것을 통해 이동 그 foreach 루프의 우리의 예를 일곱에 보았다. 이 각각은 사전 걸릴 수 있습니다 또는 목록, 객체 또는 목록, 그리고 그것은 단지의 모든 통해 갈거야 foreach 루프 같은 값 것. 그래서 우리는 작업의 무리가있는 경우,이 각 작업에 템플릿을 호출합니다. 

의는 유성 프로젝트를 실행하자 바로 이런 것을 볼 수 있습니다. 나는 유성 프로젝트와 실행 단지 유성 또는 유성 실행합니다. 그리고 지금 유성은해야합니다 빨리 프로젝트를 제조 필요에 따라 데이터베이스를 시작, 다음 로컬 응용 프로그램을 게시 할 수 있습니다. 우리는 지금 우리의 웹 브라우저로 이동할 수 있습니다. 그리고 우리는 우리를 볼 수 있습니다 매우 간단한 응용 프로그램이 있습니다. 그래서 우리가 보여 본 것을 사실이었다 단계 한 단계 하나의 파일. 

의 두 가지 때문 만 단계로 이동하자 나는 그것이 같은 용도로 것이라 생각합니다. 난 그냥 변경거야 두 번째 단계 디렉토리 우리가 볼 수 있도록 다시 유성을 실행 템플릿은 우리는 함께 일했다. 네, 질문? 

청중 : 우리가 얻는 경우 허가 거부, 그것을 무슨 ... 그 얘기입니다 그 요구했다? 로저 ZURAWICKI : 경우 당신은, 유성 실행을 실행하고 당신은 권한이 거부, 일부 파일 오른쪽 권한이 설정되어 있지 않을 수도 있습니다. 그래서 당신은 어디에서 확인해야합니다 권한이 꺼져 있습니다. 그들은에서 해제 될 수 있습니다 당신의 유성 프로젝트, 또는 그들은에서 해제 될 수 있습니다 유성은 파일 자체. 

청중 : 난 그냥 지금을 다운로드 한 경우 당신의 GitHub의에서, 다음 어떻게해야합니까 [들리지? 

로저 ZURAWICKI : 당신이 원하는 경우 당신이 그것을 액세스 할 수 있는지 확인합니다, 실행할 수있는 명령이있다. 빨리 저를 보자 그것을 쓰기 그래서 다른 사람들이 그것을 볼 수 있습니다. 나는 여기에 새 탭을 열거야 내 세미나 폴더로 이동합니다. chmod를 명령이다 권한을 변경하려면, 그것을 위해 당신은 R을 말할 수있다 재귀 적으로 모든 파일에 대해. 그리고 권한, 당신은 0755을 시도 할 수 있습니다 당신이 모든 권한을 가지고 있는지 확인하기 위해, 그리고 다른 사람이 읽을 수 있습니다. 그리고 당신이 실행하는 경우 이 명령은, 그것을 만들어 줄게 확인 권한에 전체 디렉터리를 확인합니다. -1 LS를 실행하면 당신에게 보여줄 수있다 더 자세하게 권한. 이 확인을 보인다. 

무엇 가장 중요한 것은 당신은 세 가지를 모두 가지고 모든 파일에 대한 rwx로 세미나 디렉토리. 그 문제를 해결하는 데 도움이 되었습니까? 

청중 : 그것은 누락 말한다 조건화 [들림]. [들림] 로저 ZURAWICKI : 당신 당신이 있는지 확인해야합니다 명령의 끝 점이. 청중 : [들리지]. 로저 ZURAWICKI : 좋습니다. 우리가 신속하게 다시 가자 로컬 호스트, 우리가 가지고있는 응용 프로그램. 그리고 우리가이 것을 볼 수 있습니다 예상대로 여기에 몇 가지 작업. 우리는 CSS의 무리를 가지고있는 당신에 대해 걱정할 필요가 없습니다. 유성 자습서 당신이 있습니다 목록 모습을 위해 만들려면 일반 HTML보다 더 좋은 비트. 그리고 우리는 자바 스크립트 파일을 가지고있는 나는 조금 후에 더 자세히 갈거야 하지만 그것은 단지 이러한 작업을 제공합니다. 이 작업입니다. 이 작업이 있습니다. 이 작업을 세 가지입니다. 그래서이 유성의 점점 데이터입니다. 

멋진 것들 중 하나는 유성이 약 변경 내용이 자동으로 일어날 수있다. 나는 변경을 원하는 경우 첫 번째 작업의 이름, 그래서이없는 말을 작업 하나, 나는 그것을 저장, 나는 다음 웹 사이트를 다음 때 브라우저, 당신은 그것을 새로 고칠 수 있습니다, 그것은 자동으로 말한다 이 한 일이 아니다. 당신은 같은 일을 할 수 있습니다 이러한 파일에. 변화를 확인, 대신 할 목록, 나는 내 목록을해야 할 것입니다. 

그리고 한 가지 당신은, 발견 것을 나는 심지어 새로 고침하지 않았다. 상쾌한의 아이디어는 종류 의 유성과 함께 당신을 위해 해결했다. 이 파일의 변경을 검출 할 때마다, 당신을 위해 변경 사항을로드합니다. 이 있는지, 모든 파일에서 작동 그것은 HTML, CSS, 또는 자바 스크립트입니다. 이 응용 프로그램이 보일 것 무엇을 표시하려면 같은 CSS하지 않고, 내가 다 제거 할 수 있습니다. 이로드가되면, 당신은 지금이 하지 잘 생긴 목록. 이제 다시 그 내용을 넣어 보자. 그리고 확실히 충분히, 그것을 새로 고침, 우리의 CSS가 돌아왔다. 좋아. 

우리는 지금 튜토리얼에 이동할 수 있습니다. 의 단계 두, 템플릿에 대해 이야기 해 보자. 이것은 우리가 방금 본 것입니다 다른 작업과 함께. 유성 당신에게 설명 할 것입니다 무엇 템플릿과 방법이 논리가 작동합니다. 하지만 그냥하는 코드를 살펴 보자 우리는 그것의 의미를 수 있는지. 

매우 간단한 애플리케이션에서, 우리는 단순이 무엇인지 등 단계 한 단계 두 단계,해야 할 일 세 가지, 네 단계, 5 단계, 우리는 어떤 폴더가 없습니다. 우리는 서버가없는 폴더 나 언급했다. 우리는 클라이언트가없는 언급 한 폴더. 그래서 유성 모든 파일을 실행합니다. 그것은에 모두를 실행합니다 클라이언트, 서버에 모두. 

그리고 당신은 자바 스크립트의 일부를 원하는 경우 코드, 그냥 클라이언트에서 실행 그들은 당신이 있는지 확인해야합니다 if 문, 가지의 모습 우리는 여기에 우리의 자바 스크립트 파일에 있습니다. 그래서 유성, 경우에만 그러므로, 클라이언트의 I 템플릿을 정의 할 도우미라는 작업. 어떤이 코드 정말 합니까는 거기 말합니다이다 객체라고 템플릿 그 유성 제공합니다. 그리고 우리는 도우미를 추가하는 것입니다. 도우미는이 작업입니다, 작업 등 이러한 것들. 

당신은 볼 수 우리가 돌​​아갈 경우 그 HTML 파일, 우리는 작업의 각을했다. 작업은 HTML에 정의되어 있지 않습니다. 그것은 자바 스크립트에 정의 된 것. 그리고 유성은 무엇 작업입니다 알 필요가 우리는 여기에 자바 스크립트로 갈 때. 작업이 도우미입니다. 도우미, 당신은 생각할 수 그것은 템플릿 변수로. 그리고 작업은 무엇입니까? 음, 값 목록을 반환합니다. 이 목록이기 때문에, 우리는 각각의를 호출 할 수 있습니다. 우리가 작업에 각 부르는 이유 그래서입니다. 그리고 지금 우리는 작업을해야합니다. 

작업은 무엇입니까? 음,이 화살표가 여기에 중괄호 후. 즉, 작업 템플릿을 의미합니다. 그것은 도우미 아니다 우리가 본 것을있다. 그것은 우리가 정의한 템플릿입니다. 그리고 여기서 우리는 그것을 정의? 우리는 바로 여기 아래에 정의했습니다. 

이 모든 템플릿 렌더링 않습니다 목록 항목, 그리고 텍스트를 호출한다. 이제, 텍스트는 것 같다 도우미,하지만 난 당신을 보여 드리죠 이 여전히 실제로 그 작업의 데이터 멤버. 각을 호출 할 때, 그것은에 간다 데이터 구조 조금. foreach 루프처럼, 지금 바로 보인다 우리의 객체의 첫 번째 요소에서. 우리는 텍스트가 참조 우리의 목적에 여기에 정의. 그래서 유성 것을 알고 똑똑하다 우리는이 텍스트에 대해 얘기하고 텍스트가 아닌라는 도우미. 그냥이의 값을 가져옵니다 여기에 텍스트와 HTML 등의 표시를, 그 데이터가가는 방법 HTML에 자바 스크립트에서. 

이 예에서, 비록에 이동 우리는 열심히 그 값을 코딩. 유성 정말 두 작업을 수행 우리를 위해 좋은 일. 라이브 새로 고침 게다가 그 우리 보여, 그것은 또한 우리의 데이터베이스를 관리합니다. 당신이 PHP로 작업해야한다면, 당신은 phpMyAdmin을 구성했다. 당신은 확실히했습니다 당신의 테이블은 모든 검사에 있었다. 당신은 할 일을 많이해야했다 , 데이터가 올바르게 형식화되었는지를 확인 그리고 PHP는와 통신 할 수있다. 

이제, 유성은 새로운 패러다임을 사용합니다. 이것은 더 현대적인 방법입니다 데이터베이스의 운반. 그것은 MongoDB의라는 기술입니다. 그냥 자바 스크립트처럼, 우리는 보았다 데이터를 가지고 어떤 유형의 문제가되지 않았다. 모든 VAR했다. 그것은 charstar 아니었다. 그것은 INT 아니었다. 이 구조체 아니었다. 그것은 그 VAR, 그냥이 VAR했다. 

MongoDB를 동일한 방식의 종류를 작동한다. 당신은 당신의 테이블을 정의 할 필요가 없습니다. 당신은 테이블을 말할 필요가 없습니다 int를 가지고 이름을 가지고 있습니다. 그것은, 나도 몰라,이 십진수 달러. 그것은 바로이 자바 스크립트 객체의 이러한 모든 바르, 본질적으로. 그리고 이것은 정말 강력하다 앱을 프로토 타입 방법. 그리고 그 유성 이유 이 이용합니다. 

우리는 세 단계로 이동하는 경우, 의는 변경된 내용을 보자. 우리가 수행 할 작업의 HTML을 보면, 많은 수 없습니다. CSS는 전혀 변경되지 않았습니다. 그러나 작은 변화 우리는 HTML에서 볼 작업을 정의하는 방법을 우리가 변경 한 것입니다. 작업은 이제 기능입니다. 즉 모든 것을 의미합니다 우리가 작업을 얻고 싶은 시간, 우리는이 기능을 실행하는 것입니다. 그것은을 반환하지 않습니다 값으로 기능. 

유성은 실제로 실행하는 스마트 함수는 우리가 무엇을 얻을 볼 수 있습니다. 그리고 작업이라는 일을 반환합니다. 우리는 선 하나에서 작업을 정의한 그리고 몽고 모음입니다. 몽고는 참조한다 유성이 사용하는 데이터베이스, 이 새로운 단지 만들자 의미 새 컬렉션은, 그것을 작업을 호출합니다. MySQL의에서이 동등하게되어 테이블이라고 작업에 대한 자세한 내용은. 몽고는 수집하지 테이블이 있습니다. 그래서이는 작업을 찾습니다. 

지금, 우리의 템플릿 템플릿의 도우미, 모든 우리 모두를 얻기 위해 수행해야 작업은이 기능을 찾을 수있다 이 빈 중괄호. 이 몽고 구문에 더 특별한이다. 많이있다 방법에 대한 온라인 문서 당신이 효율적으로 만들 수 있으며, 정말 유용한 몽고는 쿼리합니다. 그러나이 같은이 좋다 단지 모든 데이터를 찾는데 충분. 

이제 문제 중 하나는 당신이 볼 수 있습니다 우리가 실제로 데이터를 추가하지 않을 것입니다. 그래서 어떻게하면 우리를 발생 실제로 세 번째 단계를 실행? 의 신속로 가자 세 단계로 유성을 실행합니다. 내가 다른 유성 있었다는 것을 주목 이 프로젝트는 다른 곳에서 실행 그래서 유성은 그렇지 않습니다. 난 단지에에 신속하게 가까운거야 컨트롤 C와 다른 유성, 세 번째 단계로 이동, 다시 유성을 실행합니다. 그것은 시작 고시 MongoDB를 때문에 MongoDB를 모든 유성 프로젝트의 일부이다. 

그래서 내 응용 프로그램에 오류가 발생했다. 즉, 유성이가 좋은 기능입니다. 그것은 확실하게 당신의 HTML을 잘 확인된다. 의 신속이 될 이유를 살펴 보자. 내가 실수로 보인다 잘못된 HTML 코드를 복사했습니다. 지금 저장하면, 유성 자동으로 서버를 다시 시작 예상대로 이제 응용 프로그램이 실행 중입니다. 이 문제를 해결하기 위해주의, 당신은 실행할 수 있습니다 두 단계에서 동일한 HTML 파일, 세 번째 단계에 복사합니다. 

우리는 우리의 로컬 호스트로 돌아갈 수 있습니다. 그리고 지금 우리는 우리가 할 일 목록 우리를 참조하십시오. 좋아요,하지만 비어있었습니다. 우리는 실제로이 없습니다 우리의 몽고 데이터베이스의 작업. 그럼에 대해 이야기하자 몇 가지 방법이 우리가 할 수 있습니다. 우리는 터미널로 돌아 가면, 우리 닫은 유성 몽고를 실행할 수 있습니다. 

당신은 잘 알고 있다면 유성의 작동 방식과, 이 실제로 액세스 할 수 있습니다 유성의 전체 MongoDB를합니다. 실행되어야한다는 주목 이 작업을 먼저 유성. 그래서 새 탭에서이 작업을 실행하는 경우, I 같은 디렉토리로 돌아갈 수 있습니다. 그리고 지금 유성은 잘 작동합니다. 이 프롬프트입니다. 내가 그것을 좀합시다 우리가 볼 수 있도록 더 큰. 이것은보다 약간 다르게 보입니다 당신이 당신에게 사용할 수 있습니다 정말 몽고를 사용할 필요가 없습니다. 내 요점은 여기 그래서 당신은 자바 스크립트를 사용할 수 있습니다. 그러나 당신이 궁금하다면, 몽고 API는하지 않습니다 SQL, 구조적 쿼리 언어를 사용합니다. 그것은 자신의 언어를 사용하는 자바 스크립트처럼 많이 보인다. 매우 빨리, 우리는 찾을 수 있습니다 db.tasks를 통해 테이블​​. 그리고 그것은 나에게 말하고 우리가 발견 실행하면 밝혀, 우리가 함께했던 것과 비슷한 종류의 유성은, 우리는 모든 요소를​​로드 할 수 있습니다. 문제는,이다 우리는하지 않습니다 실제로 정의 된 작업을해야합니다. 그래서 그들을 얻을 수 없습니다. 

우리는하지만, 삽입 할 수 있습니다. 그래서 우리는 삽입을 실행할 수 있습니다 명령 인서트. 그리고 우리는 그것을 제공 객체, 그리고 우리 단지 형식이 우리가 기대되어 있는지 확인합니다. 우리가 두 번째 단계에서 살펴보면, 우리는 모든 작업 보았다 텍스트 객체이었다 키와 어떤으로 당신의 할 항목은 변수로했다. 그래서 우리는 여기에 뭔가를 할 수 있습니다. 

우리는 작업을 삽입 할 수 있습니다 나는 몽고에서 온했다. 그리고 우리는 Enter 키를 누릅니다, 그리고 그것을 실행합니다. 우리는 다시 찾아 실행하고, 우리가 할 수있는 객체가 여기에 있다는 것을 참조하십시오. 몽고는 그것을 ID를 할당하는 당신을 정말에 대해 걱정할 필요가 없습니다. 당신에게 중요한 것은 데이터입니다 당신이 넣어, 당신은 나가 데이터입니다. 

,의 우리의 웹 사이트로 돌아 가자 이봐 요, 우리의 작업은로드. 그리고 당신은 그것을 볼 수 있습니다 유성은 매우 영리하기 때문에 항상 내가 당신을 위해 새로 고침 페이지를 터치하지 않았다. 그것은 자동으로로드. 

이제 일부 코드를 실행하자 자바 스크립트는하지만이 작업을 수행합니다. 우리는 뒤에 노드를 가지고처럼 자바 스크립트를 실행 종료, 우리는 또한 자바 스크립트를 실행할 수 있습니다 직접 우리의 브라우저에서. 당신은 기능이 작업을 수행 할 수 있습니다 요소를 검사했다. 나는 오른쪽을 클릭하면 페이지의 섹션, 옵션이있다 요소를 검사했다. 당신이 실행하는 경우 사파리, 당신 같은 브라우저 개발자를 활성화해야 당신 전에 도구는이 기능을 얻을. 

우리가 걱정하는 것은 콘솔입니다. 그래서 우리는 단지로 이동합니다 맨 아래에있는 콘솔. 이제 우리는 자바 스크립트를 실행할 수 있습니다 여기에, 자바 스크립트 등 파일은 내가 JS 예에서 보여 주었다. 하지만 지금의이 작업을 살펴​​ 보자. 우리는 우리의 명령을 실행할 수 있습니다. 그리고 잘하면 내가 할 수있을 것이다 그것은 조금 더 큰 그래서 우리는 모두 볼 수 있습니다. 

우리가 tasks.find 실행 한 경우는거야 이 동일한 코드가 볼 자바 스크립트 파일 사용 세 번째 단계에서,이 task.find. 우리는 같은 일을 실행 할 수 있습니다 지금 우리는 몇 가지 이상한 물건을 얻을. 어떻게 우리가 실제로 데이터를받을 수 있나요? 음, 우리는 이것을 실행해야 라는 명령을 가져. 

이것은 디버깅에 매우 유용합니다. 당신이 여기에서 얻을 것은 커서는,이입니다 유성이 가지고있는 좋은 방법 최적화 된 가져 오는 데이터입니다. 이 커서는 모든 기능을 가지고 있습니다 라이브 업데이트 및 페이지를 새로 고침 뭔가가 변경되었을 때. 그러나 그것은 우리에게 데이터를 얻을 수 없습니다. 우리는 가져 오기를 통해 데이터를 얻을 수 있습니다. 그리고 당신은 우리가 물체를보고, 그것은 단지 우리가 몽고에했던 일처럼 ID 및 텍스트 우리는 넣어. 

그렇다면 우리는 유성에서 항목을 삽입합니까? 음, 우리는 작업을해야합니다. 그리고 우리는 실행할 수 있습니다 같은 삽입 명령, 사전 또는 객체를 제공 동일한 형식으로, 텍스트 그리고, 나는 콘솔에서 왔습니다. 위 봐 때 때문에 I 이렇게,이 웹 사이트에 나타 자동. 

당신은 아무것도 넣을 수 있습니다 알 수 있습니다 당신은이 항목에서 원하는. 그것은 필요가 없습니다 고정 된 구조를 가지고있다. 나는에 동일을 할 수 세 번째 거짓과 동일 나. 그리고 모든 작품. 심지어 선택할 수 없습니다에 모든 텍스트를 포함한다. 이것은 단지 권장하지 않습니다 하지만 다음 유성 때문에 표시 할 항목을 알 수 없습니다. 그러나 각각의 경우에, 우리 ID를 얻는다면, 그건 사용할 수있는 객체의 ID. 

우리는 계속 같이 네 단계 다섯 단계, 튜토리얼은 당신에게 방법을 보여 것 당신이 사용하는 UI 요소를 만들 수 있습니다 당신이 알고있는 HTML 다른 작업을 만듭니다. 의 정말 빨리 네 단계를 살펴 보자. 우리는 우리가 추가 된 것을 볼 수 있습니다 이벤트에 대한 부분. 템플릿 수 있습니다 우리에게 데이터를 얻을 헬퍼,. 그러나 그것은 또한 이벤트를 호출 할 수 있습니다. 그리고 이것은 어디 물건입니다 이벤트 때문에 유용하게 당신이 클릭 할 때 어떤 일이된다 당신의 웹 사이트에 다른 것. 

여기, 우리의 코드는 말하고있다 우리는이 이벤트를 추가 할 수 있습니다. 당신이 제출 한 때 추가 클래스 새 작업 뭔가. 당신이 여기에있는 것은 CSS 선택기입니다. 그래서 그냥 HTML을 찾습니다 클래스 새 작업을이 요소입니다. 그리고 이벤트를 같은 제출 보인다. 기타 이벤트 등 호버, 클릭, 더블 클릭, 당신은 일반 HTML에서 무엇을 얻을 유사한. 

당신이 여기를 줄 이제 기능입니다. 그리고 당신은 할 수 있습니다 그 함수의 코드. 점점 끝 무엇이 기능은 이 새 작업을 제출할 때했다. 그냥 그렇게 HTML을 살펴 보자 우리 이 새 작업이 무엇인지 이해한다. 우리는 여기에 양식을 추가 한 클래스 새 작업과 함께. 그리고 그것은 텍스트를 입력받는이있다. 그리고이 어디 우리 우리의 새로운 작업을 추가합니다. 

의는 제 4 단계를 실행하자 웹 사이트는 모습을 볼 수 있습니다. 우리는 먼저 아웃을 종료 할 수 있습니다 MongoDB의의 우리는 있었다 우리의 이전에서 제어 C.와 예 그리고의는로를 변경할 수 있습니다 네 단계 디렉토리. 우리는 다시 유성을 실행하겠습니다 서버를 시작합니다. 그리고 불행하게도, 나는 유성이 있었다 다른 터미널에서 실행. 그래서 난 그냥 갈거야 이 닫혀 있는지 확인하십시오. 자,이 변화를 종료하자 제 4 부에, 네 단계. 확인을 클릭합니다. 

이제 우리의 유성 코드가 실행 중입니다. 그리고 당신은없이,이 업데이트 된 것을 볼 수있다 우리는 심지어 페이지를 새로 고침 할 필요. 여기에서 변경된 것은 지금 우리가 어떤 작업을하지 않아도, 그러나 우리는 여기에,이 양식을 가지고 텍스트 상자, 우리의 새로운 작업을 추가 할 수 있습니다. 그리고 우리는 여기에 우리의 작업을 입력 할 수 있습니다. 나는 HTML 페이지에서 왔습니다. 나는 Enter 키를 누를 때 제출 받았습니다. 

우리는 같이 무슨 일이 있었는지 볼 수 있습니다 자바 스크립트 코드에 의해 정의. 무엇이 기능 한 것은이었다 양식에서 텍스트를 가지고, 다음 그냥 tasks.insert라고 같은 우리는 콘솔했다. 또한 createdAt 날짜를 추가하기로 결정했습니다. 이 방법은 것입니다 현재 시간을 지정합니다. 그 이후로하여 폼을 클리어 확인 값은 빈 문자열입니다. 

그리고, 그것은 거짓 반환 호출 다른 있는지 아무 일도 발생하지합니다. 당신은에서 false를 반환하는 경우 실행을 중지 형태의 이벤트. 폼이 작용을 말한다 같은 PHP 페이지로 제출합니다. 당신은 반환하지 않았다면 거짓, 당신은 true를 반환 것입니다. 그것은 그 요청을 끝낼 것입니다. 거짓 차단을하고 그것은 바로 거기를 중지합니다. 

그래서 약간의 데모에 대한이었다 유성 작동하고, 우리는 얼마나 잠시 동안 튜토리얼 다음이었다. 그리고 당신은 주시기 바랍니다 수 있습니다 무료로이 일을 계속합니다. 자원의 많음이있다, 그리고 튜토리얼은 실제로 설명에 대해 매우 좋은 무슨 일인지. 나는에, 지금 보여주고 싶은 않습니다 우리는 남아있는 몇 분, 일부 무엇인가 유성의 냉각 기능, 과의 일부를 무엇 더 유용한 패키지. 유성에 대한 위대한 업적 중 하나 당신이 패키지 시스템을 가지고있다. 당신은 쉽게 코드를 통합 할 수 있습니다 개발자의 수천 전 세계적으로 작성했습니다 당신의 유성 프로젝트로. 이것의 한 예는 당신이 힘이다 튜토리얼의 9 단계에서 할 당신은 계정을 추가하려고 당신의 유성 프로젝트. 우리는 CS50의 PHP가있는 경우 프로젝트, 우리는 것 프레임 워크에 의존하는 또는 우리 자신의 코드를 만들려면 우리가 안전하게 처리 확인 사용자 이름과 패스워드 데이터베이스 기억 그리고 그 모든. 

그것은 유성 일부가 밝혀 패키지는 당신을 위해 할 일 아주 쉽게 할 수 있습니다. 우리가 할 수있는 것은 몇 가지 패키지를 추가합니다. 그럼 그 권리를하자 지금 우리의 콘솔. 내가 프로젝트를 종료하겠습니다과 지금 간단한 수행 할 작업으로 이동합니다. 이제 간단 수행 할 작업입니다 프로젝트 당신을 수행 후해야합니다 11 단계 또는 12 단계와, 이 튜토리얼의 끝에서. 그리고보고에서의 빠르게 살펴 보자 우리가 가지고있는 다양한 기능은 무엇인가. 그냥이 실행중인 있는지 확인하자. 때로는 시간이 걸립니다 새로 고침,하지만 여기있다합니다. 

우리는 숨을 우리의 옵션이 있습니다 작업을 완료는, 우리는 로그인 할 수 있습니다. 그리고이 함께 이루어졌다 유성 패키지. 그것은 좋아요. 우리는 지금 username을했다 에서와 비밀번호 로그인합니다. 우리가 추가하고자한다면하지만 로그인 메커니즘 다른 종류의? 이 전 로그인 할 필요가 있다고합시다 내 유성 계정으로. 나는 유성 추가 기능을 실행하는 것, 그리고이있어 패키지를 추가하는 구문입니다. 나는 계정 및 accounts.meteor을 말할 수있다. 지금은 찾을 것 패키지 및로드합니다. 당신은 내가하지 않은 것을 볼 수있다 오른쪽 패키지 이름을 발견했다. 

그렇다면 패키지에 대해 알 수 있습니까? 잘 만든 좋은 웹 사이트, 거기에 유성 사람들하여 사용할 수 atmospherejs.com을했다. Atmospherejs, 한 단어, 점 COM은, 좋은 저장소입니다 유성의 모든를 찾는 저장소에있는 패키지. 나는 다음 계정을 검색 할 수 있습니다 모든 관련 물건을 나에게 보여주지, 계정의 이름을 가진 모든 패키지. 

즉로드하는 동안, 우리는 시도 할 수 있습니다 다른 패키지를 추가. 아마 유성 패키지가 작동하지 않습니다 지금, 그러나 나는 페이스 북을 추가 할 수 있습니다. 나는 다음 계정을 추가 할 수 다시 유성 프로젝트를 실행합니다. 이가 시작되면, 보자 어떻게 웹 사이트에 바뀌. 당신은 내가 수도 알아요 ... 수 여기를 새로해야합니다. 

나는 버튼을 페이스 북 로그인을 구성합니다. 그리고 여기, 나는 모든이 지침 유성 당신을 위해 준비하고있다 페이스 북 응용 프로그램을 설정. 그리고 당신은 그것을 사용할 수 있습니다 정보는 사용자 ID를 추가 할 수 있습니다. 이 작업이 일단, 당신은 할 것 앱에서 작업 페이스 북 로그인. 

난 그냥 줄게 응용 프로그램 ID 및 비밀, 그냥이 작동하는 방법을 표시합니다. 당신은 페이스 북 계정이 필요합니다 페이스 북 개발자 옵션을 사용합니다. 나 그냥 빨리을 찾아 보자 필요 유성 키. 나는 또 다른 유성 프로젝트가 내가 사용하는거야 것으로, 난 그냥 걸릴거야 해당 파일에서 키. 

나는 그것을 찾을 일단, 난 그냥 할 수 있습니다 내 페이스 북에 이러한 키를 복사합니다. 그래서 여기에 키입니다. 그리고 이것은 비밀입니다. 당신은 안 사람들이 공유. 그리고 당신은 그것을 앱의 비밀을 제공합니다. 그리고이 때문에 페이스 북이다 당신은 당신입니다 알고있다. 그리고 당신은 구성을 저장합니다. 

나는 공정 I 생각 내 유성 응용 프로그램을 중지했다. 그래서 난 그냥 만들고 싶어 확실히 그것은 여전히​​있다. 좋아, 확실히 우리의 유성 서버를 만들어 보자 그래서 웹 페이지가 실행되고 실행된다. 우리는 유성을 중지하면 주목 서버는 페이지가 아직도있다. 그것은 단지 더 이상 업데이트되지 않습니다. 유성 서버가 필요하다 확실히 만들기위한 페이지가 살아 있습니다. 

OK, 나는 그것을 제출, 현재했습니다 나는 페이스 북으로 로그인 할 수 있습니다. 지금은 단지 문제 페이스 북 팝업을 갖는 귀하의 계정에 넣어 정보 및 로깅한다. 당신이 그렇게하면, 페이스 북은 수도 당신이 좀 더 보안에 대한 자성. 그래서 우리는이 중단됩니다. 중요한 점은이 완료 때 그와 함께, 당신은 페이스 북의 로그인을해야합니다. 

유성의 무리가 다른 패키지뿐만 아니라. 당신은 구글에 로그인 할 수 있습니다. 당신은 GitHub의에 로그인 할 수 있습니다. 당신은 트위터에 로그인 할 수 있습니다. 당신이 검색하는 경우 또는, 당신은거야 다른 것들을 많이 찾을 만남을, 링크드 인 등, 유성 개발자. 그래서 유성 개발자이었다 패키지 나는 찾고 있었다. 유성은 계정 - 유성 - 개발자를 추가합니다. 한편, I 또한 추천하고 싶은 프로젝트에 대한 몇 가지 다른 패키지. 그것은에 유용 할 수 있습니다 jQuery를 패키지에 포함되어 있습니다. 이것은 당신이 사용할 수 있습니다 고객의 jQuery를. 당신은 하나의 라인으로 작업을 수행하고 수 유성은 당신이 최신있어 할 것 jQuery를합니다. 또한 휴스턴 추천 : 관리자를. 

이 phpMyAdmin과 같은 종류의 것입니다 당신의 MongoDB를위한 도구 가지. 이것은 당신이 편집 할 수 있습니다 데이터를 아주 쉽게 몽고 쉘에 갈 필요없이, 같은 나는 이전 세미나했었다. 그래서 지금은 실행중인으니, 실행하자 다시 유성 우리가 무엇을 할 수 있는지. 

당신은 어떤 패키지를 추가 통지 그들에게 어떤 경고를 제시해야 할 수도 있습니다. 당신은 걱정할 필요가 없습니다 휴스턴과 그것에 대해. 그래서 우리는 이제 옵션을 가질 수있다 유성 관리자를 구성합니다. 그리고 그들은 당신에게 방향을 제공 당신은을 설정합니다. 

우리는 또한 지금 / 관리로 이동 할 수 있습니다. 이를 데려 휴스턴 패키지로 제공. 그리고 이것은 유성 관리 인터페이스입니다. 당신은 단지를 만들 관리자 계정, 같은. 페이지를 새로 고치면, 당신은 수도 일부 컬렉션 게재합니다. 

그것은 매우 유용한 도구입니다 또한 강력하게 추천합니다. 당신은 때문에 그것을 볼 수 있습니다 휴스턴은 약간의 오차가주고 있었다, 우리는 어떤 컬렉션이 없습니다 지금까지 보여. 당신이 휴스턴을 사용하는 방법은 이 기능을 가져옵니다 확인하고 당신의 간단한 수행 할 작업에했다. 그래서 휴스턴하지 않습니다 내 작업이 무엇인지 알고있다. 

우리는 몽고를 설정 수집라는 작업. 의 간단한-일하러 단지로 가자 그 자바 스크립트로 확인, 우리는 우리의 컬렉션에 작업을 추가했습니다. 우리는 지금 저장 한, 그것은으로 구축되어 응용 프로그램, 상쾌한. 그리고 보자. 이제 우리는 몇 가지 작업을해야합니다. 그리고 우리는 몇 가지 새로운 작업을 추가 할 수 있습니다. 하지만 우리가 작업을 추가 할 경우, 의 앱 자체와 함께 할 수 있습니다. 

이제 우리는 일부 데이터를 추가 할 수 있습니다. 안녕하세요, 작업입니다. 그것은 가지 이상한 것 같다 우리는 어떤 작업 표시되지 않는. 우리가 어떤을 가지고 있다면 우리는 확인 할 수 있습니다 여기에, 아니면 다른 곳에서 오류가 발생합니다. 우리가 관리자로 이동하는 경우, 그 이상한 것 같다. 당신은 저장소를 당긴다면 이 세미나 후, 나는 있는지 확인합니다 단순 수행 할 작업은 휴스턴에서 작동합니다. 불행하게도, 그것은하지 않는 것 이 순간에 작동합니다. 

다른 질문이 있습니까? 휴스턴 일반적이다 아주 잘 작동 도구입니다. 휴스턴은 특히 비트입니다 다른 것보다 buggier, 그러나 나는 그것이 작동 할 때 추천 할. 그래. 

청중 : 당신은 무엇을 할 수 페이스 북 패키지 사용자가 기록되면 자신의 페이스 북? 

로저 ZURAWICKI 일단 사용자는 로그인 당신은 페이스 북의 API를 호출 할 수 있습니다. 그 많은 더 많은 거짓말 어떻게 페이스 북은 자신의 API를 엽니 다. 유성, 당신 확인 연결을 가지고있다. 그러나 그 후 모든 문제입니다 의 페이스 북 API를 사용하는 방법을 학습합니다. 청중 : [들리지]. 로저 ZURAWICKI : 좋습니다. 대단히 감사합니다 유성이 CS50 세미나. 당신은 질문이있는 경우, 당신은 저를 이메일을 보내 수 있습니다 내 이메일 주소 세미나 아래에 나열된. 그리고 드리겠습니다 귀하의 질문에 대답합니다. 나는 또한에있을거야 CS50 핵킹 마라톤해야 당신은 당신의 유성 프로젝트와 도움이 필요합니다. 시청 해 주​​셔서 감사합니다.