angular 썸네일형 리스트형 3.Angular 프로젝트 첫걸음 프로젝트 생성 이후 visual studio code에서 새로 만든 프로젝트를 열어보았습니다. 프로젝트를 열면 configuration에 관련된 많은 파일들이 있는데요. 가장 중요한 건 angular.json 파일로 angular.json 파일은 Angular프로젝트에 대한 전체적인 설정 파일이라고 볼 수 있습니다. 주요 옵션을 살펴보자면, index : 처음 시작하는 파일 outputPath : angular cli가 빌드시 프로젝트 내에서 사용되는 자바스크립트나 css파일들을 웹팩을 통해 번들링 한 후 그 번들링 한 파일을 동적으로 추가시키는 경로, 배포용 파일이 생성되는 곳 main : 어플리케이션에서 처음으로 호출하는 스크립트 파일 제일 먼저 시작되는 파일인 main.ts 파일을 확인해 보겠습니다.. 더보기 2. Angular CLI 설치(앵귤러 ) Angular CLI Angular CLI는 Comand Line Interface의 준말로 terminal이나 console에서 명령어를 입력하면 입력한 명령어에 따라 프로젝트를 만들어준다던가 컴포넌트나 라우터, 서비스를 생성해주는 것입니다. Angualr 및 Angular CLI설치 방법은 Angular 공식 사이트에 더 자세히 나와있습니다. https://angularjs.org/ 더보기 1. Angular의 개념 Angular의 개념 설명에 앞서 Angular js의 등장 배경에 대해서 설명하겠습니다. 1. 웹 개발의 변화 웹 개발 방식은 Ajax - MVC - Web Component 순으로 변화하였습니다. 먼저 일반적인 웹 페이지 로딩 절차를 말씀드리자면 아래와 같습니다. 사용자 : 브라우저의 url 입력 브라우저 : url의 웹페이지 요청 서버 : 객체와 템플릿으로 응답을 보냄(서버사이드 기술) 브라우저 : 서버로 받은 응답 데이터로 화면을 그림 서버의 사용자 세션을 이용하였고 이후 사용자가 데이터를 요청할 때마다 서버에서 처리 후 응답을 보내면 브라우저에서는 받은 데이터로 화면을 새로 그려 사용자의 요청사항을 반영하였습니다. Ajax 웹 페이지 로딩 절차는 사용자의 최초 요청에 대한 처리는 일반적인 웹 페.. 더보기 이전 1 다음
