해당 포스트는 Inflearn AngularJS 강좌를 기반으로 작성되었으며, 언급되는 개념 및 실습 과정을 담았습니다. 따라서, 코드는 단계적으로 작성되어 이전 코드와 연결되어 있습니다. > AngularJS 학습(1) 포스트 보러가기 > AngularJS 학습(2) 포스트 보러가기 AngularJS Service Controller의 분리 이전 포스트에서 Controller, Directives, app을 분리했었는데 이번엔 Controller 내부의 코드를 분리하는 작업을 할 것이다. Controller의 역할 Data 관리 기능 View 관리 기능 이 두가지를 분리할 것인데, Data 관리(조작)하는 부분을 Angular의 Service 기능을 사용해서 분리할 것이다. Angular Service..

해당 포스트는 Inflearn AngularJS 강좌를 기반으로 작성되었으며, 언급되는 개념 및 실습 과정을 담았습니다. 따라서, 코드는 단계적으로 작성되어 이전 코드와 연결되어 있습니다. > AngularJS 학습(1) 포스트 보러가기 AngularJS 폼 폼 만들기 목표 최종 결과물은 다음과 같다. 사진과 같은 폼을 생성한다 페이지 리플레쉬할 때 자동으로 커서가 가르키도록 한다. placeholder에 친절한 안내메세지를 작성한다. 텍스트 입력 후 추가 버튼을 눌렀을 때 아래와 같이 새로운 투두가 추가되도록 한다. 새로운 투두는 입력 받은 값 / 현재 시간 / 완료되지 않음으로 표시한다. input text는 지워주도록 한다. html 코드 짜기 index.html 1. 2. 3. 4. 5. 6. 7..

해당 포스트는 Inflearn AngularJS 강좌를 기반으로 작성되었으며, 언급되는 개념 및 실습 과정을 담았습니다. 따라서, 코드는 단계적으로 작성되어 이전 코드와 연결되어 있습니다. AngularJS AngularJS 1. AngularJS 개념 개발 환경 구성 2. Controller index.html로 시작하기 module & controller & 출력하기 3. 내장 Directive ng-repeat ng-filter ng-Click Filter Button 1. AngularJS 개념 공식 페이지의 Coceptual Overview를 보면 개념들이 정의되어 있다. Directives : 확장된 HTML로, custom 속성과 elements를 뜻함 directives를 사용해 직접 태그..