AngularJS 시작하기 튜토리얼(Zero): Bootstrap_AngularJS

이제 AngularJS 애플리케이션인 Phonecat을 작성할 준비가 되었습니다. 이 단계(0단계)에서는 중요한 소스 코드 파일에 익숙해지고, AngularJS 시드 프로젝트가 포함된 개발 환경을 시작하고, 브라우저에서 애플리케이션을 실행하는 방법을 배웁니다.

angular-phonecat 디렉토리에 들어가서 다음 명령을 실행하세요:

코드 복사 코드는 다음과 같습니다.

git checkout -f step-0

이 명령은 Phonecat 프로젝트의 작업 디렉터리를 재설정합니다. 각 학습 단계에서 이 명령을 실행하고 명령의 숫자를 학습 단계에 해당하는 숫자로 변경하는 것이 좋습니다. 작업 디렉토리에서 변경되었습니다.

다음 명령을 실행하세요:

코드 복사 코드는 다음과 같습니다.

노드 스크립트/web-server.js

서버를 시작하면 명령줄 터미널에 http://localhost:8000에서 실행 중인 Http Server가 표시됩니다. 터미널을 닫으면 서버가 종료됩니다. Phonecat 애플리케이션에 액세스하려면 브라우저에 http://localhost:8000/app/index.html을 입력하세요.

이제 브라우저에서 초기 애플리케이션을 봤어야 합니다. 매우 간단하지만 프로젝트를 실행할 준비가 되었음을 보여줍니다.

애플리케이션에 표시되는 "아직 아무것도 없습니다!"는 다음 HTML 코드로 구성됩니다. 이 코드에는 우리가 배워야 할 AngularJS의 핵심 요소가 포함되어 있습니다.

app/index.html

코드 복사 코드는 다음과 같습니다.

아직 아무것도 없습니다 {{'아직'!'}}