양재동 코드랩 강의-1

유튜브에서 우연히 발견했는데 설명을 엄청 쉽게 해주신다!

이거는 유튜브

https://www.youtube.com/watch?v=EklH54kysps&list=PLs_XsVQJKaBk_JN5RctLmmVrGwEzpzqaj 

 

더 많은 코드랩 영상을 보고 싶으면 아래의 홈페이지로 ! 

www.codelabs.kr  

블로그 글 작성 중에 그냥 한번 들어가봤는데 와 강의를 무료로 해주시네요 

배우고 싶은 과목이 있다면 찾아보셔도 좋을듯!

 

다시 본론으로 돌아와서..

필기 슥슥

2강에서는 Angular js에서 제공하는 내장 directive 설명한다고 하셨따

---

AngularJS 공식 사이트 : https://docs.angularjs.org/guide/concepts

AngularJS

역시 뭐든지 공부하려면 영문서이지만.. 공식 홈페이지를 들어가봐야 하는 것 같다. 

나는 들어갈 생각을 못함 ㅠㅠ

중요한 기능들을 찝어주셨는데 들리는 내용들을 필기로 함.

Directives : 확장된 HTML, Custom속성과 elements로 되어 있음.

웹 개발을 할 때 html을 많이 사용하는데 angular는 이러한 태그, 태그의 속성을 직접 정의할 수 있음

 

자바스크립트에서는 변수와 함수를 만들 수 있는데 만약 html파일에서 자바스크립트에 있는 데이터를 출력해야 되는 경우?

=> Expression 기법을 이용하여 출력할 수 있음.

ex) <p> hello {{name}}!<p/> 만약 name변수에 chris가 들어있다면 hello chris!!가 출력될 것

 

Module : directive, controller, service 등 기능들이 많이 있는데 비슷한 기능들을 모아서 하나로 합친 것. 서로 의존관계가 있는 경우에 다른 모드를 주입해서 사용할 수 있음

 

Controller : html 뒤에 위치하고 html view를 조절. !!!비즈니스를 구현하는데만 사용함.!!!

 

Controller는 사용할 때 주의할 점이 있음!

html DOM, input 필드, filter out(값을 출력할 때 값을 변경할 경우가 발생하는데 그 경우) ==> 사용하면 안됨

service : 컨트롤러처럼 비즈니스로직인데, 차이점은 재사용할 수 있음. 싱글 톤으로 구현되어 있기 때문에 어플리케이션의 데이터를 관리하는 용도로 사용하는 것이 좋음

 

다음장에서는 개발환경에 대해 애기하는데, Plunker를 사용한다고 함

나도 처음들어봤는데, Plunker == 간단한 프론트엔드 코드를 작성하고 공유할 수 있다고 한다.