프로그래밍124 앵귤러 기초(Angular basic) 4.angular bootstrap 앵귤러 컴포넌트는 웹에서 어떻게 시작되어 동작 하는 걸까요? 앵귤러 컴포넌트의 부트스트랩에 대해 알아보겠습니다. 이번 포스트에서는 아래 내용을 다루고 있습니다. Angular Bootstrap 과정 Angular module이란 Bootstrap이란 무엇일까요? 기술적으로 프로그래밍 분야에서는 로드 및 시작 프로세스를 의미 합니다. 동명의 bootstrap이란 프레임워크도 있지만 잠시 잊어주세요:) 우리는 Angular에게 bootstraping이라고 불리는 프로세스를 통해 루트 컴포넌트를 로드하라고 지시해야 합니다. 간단히 부트스트랩 하기 위해 해야할 일은 다음과 같습니다. Index.html 파일을 설정한 후 애플리케이션을 호스팅 하기 컴포넌트를 부트스트랩 하기 위해 루트 Angular 모듈에 정의하.. 2022. 1. 14. 앵귤러 기초(Angular basic) 3.angular component 지난 두 번의 포스트를 통해 앵귤러 환경구축을 했습니다. 그리고 angular cli를 이용하여 앵귤러 앱을 만들고 기동을 해보았습니다. 이번 포스트에선 angular component에 대해 알아보도록 하겠습니다. 이번 포스트에서는 아래 내용을 다루고 있습니다. component란 무엇인가 클래스 파악하기 Import문의 역할 Component 란 무엇인가 Component의 구성요소는 다음과 같습니다. template class decorator Angular Component는 템플릿으로 정의된 뷰, 클래스, 데코레이터로 정의된 메타데이터로 이루어져 있습니다. Template 템플릿은 애플리케이션 뷰를 표현하는 레이아웃으로 component의 구성 요소 중 하나 입니다. HTML로 작성을 하며 페이.. 2022. 1. 13. 앵귤러 기초(Angular basic) 2.앵귤러 개발 환경 구축 앵귤러 개발에 필요한 환경 구축을 해보겠습니다. 이번 포스트에서는 아래 내용을 다루고 있습니다. 코드 편집기(VS Code) 설치 npm설치 및 npm 이해하기 Angular CLI를 이용한 앵귤러 애플리케이션 작성 및 실행 코드 편집기 설치 하기 타입스크립트를 지원하거나 플러그인을 통해 지원하는 많은 편집기가 있습니다. 많은 웹 개발자와 앵귤러 개발자들이 많이 사용하는 Visual Studio Code(이하 VS Code)를 선택하기로 하겠습니다. 다른 편집기를 사용해도 상관없지만, 타입스크립트를 지원하는 편집기를 고르면 앵귤러 코딩이 더욱 편하고 즐거워집니다. VS Code란 무엇일까요? 마이크로소프트에서 만든 코드 편집기입니다. Mac에서 Linux, Windows 및 OS X에서 실행됩니다. 자동.. 2022. 1. 13. 앵귤러 기초(Angular basic) 1.앵귤러 시작하기 Angular는 웹을 구축하기 위한 프레임워크 입니다. 앵귤러를 사용하면 가벼운 웹사이트를 구축하거나, 기업에서 요구하는 수준의 제품을 구축 할 수 있습니다. 앞으로 포스팅을 통해서 그동안 프로젝트에서 해왔던 앵귤러를 정리 해보려고 합니다. 앵귤러의 구성요소, HTML배치, 데이터 바인딩, 서비스가 필요한 이유, Angular 애리케이션을 만드는 과정 등을 정리할 계획 입니다. 이번 포스트는 앵귤러, 자바스크립트, 타입스크립트의 기본적인 배경에 대해 이야기합니다. Angular란 무엇인가? 간단히 말해 Angular는 클라이언트 측 애플리케이션을 만들기 위한 자바스크립트(javascript) 프레임워크입니다. 이렇게 만들어진 애플리케이션은 브라우저에서 실행 됩니다. 모두가 쉽게 접할수 있는 HTML, C.. 2022. 1. 12. 이전 1 ··· 28 29 30 31 다음
