Search Man

Angular를 빠르게 사용해보기 위해 이 튜토리얼은 로컬 환경설정을 생략하고 StackBlitz에서 직접 진행합니다. StackBlitz는 브라우저 기반의 개발 환경이기 때문에 웹 브라우저에서 바로 애플리케이션을 생성하고 저장할 수 있으며, 자유롭게 공유할 수 있습니다.

예제 프로젝트 생성하기link

예제 프로젝트를 생성하려면 StackBlitz에 이미 만들어져 있는 프로젝트에 접속하세요. 그리고 이렇게 진행하면 됩니다:

1. StackBlitz에 로그인합니다.
2. 프로젝트를 포크합니다.
3. 주기적으로 저장합니다.

StackBlitz에서 오른쪽 패널을 보면 예제 애플리케이션이 어떻게 실행되는지 확인할 수 있습니다. 이 애플리케이션은 두 영역으로 구분할 수 있습니다.

• 최상단에 온라인 샵 이름이  My Store  라고 표시되며 주문 버튼이 표시됩니다.
• 상품 목록의 헤더에 해당하는  Products  가 표시됩니다.

그리고 왼쪽 프로젝트 섹션을 보면 이 애플리케이션을 구성하는 소스 파일들을 확인할 수 있습니다. 개발환경 설정파일과 애플리케이션 환경설정 파일도 확인할 수 있습니다.

StackBlitz 예제 애플리케이션을 생성하고 나면 StackBlitz 프로젝트에 기본 파일들과 목 데이터가 있는 것도 확인할 수 있습니다. 이 튜토리얼을 진행하면서 작업할 파일들은  src  폴더 안에 있습니다.

StackBlitz에 대해 자세하게 알아보려면 StackBlitz 문서를 참고하세요.