Interests [관심사]/Angular 썸네일형 리스트형 Step 4 Angular, Data Binding ! Data Binding ( 원본 출처 : https://moon9342.github.io/angular-lecture-databinding ) Angular는 View와 Component에서 발생한 데이터의 변경 사항을 자동으로 일치시키는 기능을 제공하는데 이를 Data Binding( 데이터 바인딩 )이라고 합니다. Angular의 데이터 바인딩은 다음과 같이 크게 두가지 종류가 있습니다. - Two-Way Data Binding : 일반적으로 양방향 바인딩이라고 합니다. Component와 View의 상태 정보를 자동으로 일치시켜 주는 기능입니다. - One-Way Data Binding : 일반적으로 단방향 바인딩이라고 합니다. Component에서 View쪽으로 혹은 View에서 Component.. Step 3 Angular with Bootstrap :-) Angular 프로젝트에서 Bootstrap 을 사용 해 보겠습니다. 아주 쉬워요 :-) npm 으로 Bootstrap 을 해당 프로젝트 경로에 설치 해 줍니다~~ npm i bootstrap 그리고 angular.json 파일을 열어 style 부분에 css 경로를 추가해주세요 ~~ "styles": [ "node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.css" ] 그럼 끝! 참 쉽죠 :-) Bootstrap 으로 페이지를 좀 꾸며 보았습니다. 물론 내용은 아무 상관없는 템플릿입니다 ^^;; HOME My First Bootstrap Page Resize this responsive page to see the effect! Column.. Step 2 Angular, Module, Component 생성 오늘은 모듈(Module) 과 컴포넌트(Component) 를 생성 해 보도록 하겠습니다. 쉽게말해서 View(Component의 단위) 를 생성한다고 생각하시면 될 것 같습니다. 오늘 우리는 2개의 View ( intro, history ) 를 추가 할 예정입니다 ~~^^ CLI 사용방법은 이전 블로그 포스팅을 참고 해 주세요 !!! 2018/09/11 - Step 1 Development Environment Setting ng new webProject 새 프로젝트를 생성합니다. 대 소문자로 이루어져야 합니다. 프로젝트 생성 완료 ng generate module app-routing Routing Module 사용을 위하여 app-routing Module 을 생성정상적으로 실행되면 src/app.. Step 1 Angular, Development Environment Setting 일단 따라하고 봅시다 :-) 첫 번 째 단계는 개발환경 세팅입니다. 저 역시 무작정 따라하면서 배워가고 있으니, 제가 따로 습득하게 된 사항은 추가로 포스팅 할게요 !저는 주로 이분의 블로그를 참고?... 가 아니라 거의 따라하였습니다 ㅎㅎ;;출처를 남기도록 할게요 ~~ https://moon9342.github.io/ Just follow this and learn :-) Step 1 Development Environment Setting 아래와 같이 여러가지 단계가 필요합니다.참고로 Git 설치도 필요하니 이전 포스트 참고해주세용 ~~ 저는 Git 설치 안했다가 부랴부랴 설치했답니당 ㅠㅠ [ 2018/09/11 - Git install in Windows10, 윈도우10에 Git 설치하기 ~~ ] .. Angular Google에서 개발한 자바스크립트 기반의 웹 어플리케이션 프레임워크로..........MVC,MVVM 프레임워크를 이용하여 체계적이고 구조화 된 웹 어플리케이션을 손쉽게 구현할 수 있는 프레임워크 제공 여러가지 장점들이 존재... 하지만 여전히 정리가 안되서 다음번에 포스팅하는걸로 ^^;;; 이전 1 2 다음
