본문 바로가기

728x90

Angular Js

(5)
양재동 코드랩 강의-4 # ng-click button directive에 추가하며, 클릭했을 때 동작하는 것을 handler라고 하는데 angular js에서는 ng-click이라고 한다. ng-click에 remove라는 함수를 넣어 삭제를 클릭했을 때 목록이 사라지는 이벤트를 발생시키려고 한다. remove라는 함수를 TodoCtrl4에 정의하면 된다 ! 삭제 해야 할 개체를 넘겨주어야 하므로 remove(todo1)을 작성하면 된다. 코드 자체가 ng-repeat 반복문에 의해 todos라는 배열에 있는 하나의 todo1에 접근할 수 있기 때문에 todo1을 넘겨준다. todos라는 함수를 scope변수에 할당했듯이 똑같이 scope변수에 remove라는 함수를 만들어주면 된다. remove 함수에서 html에서 넘겨준..
양재동 코드랩 강의-3 강의를 들으면서 작성한 내용이므로 잘못된 점이나 보완해야 할 점은 댓글로 ! 오늘은 ng-repeat에 대해 공부한당 angularjs 공식 문서 홈페이지에 가면 나와있는 ng-repeat에 대한 설명이다 쉽게 말하면 ng-repeat는 배열이랑 같이 사용할 때 좋고 일종의 for문처럼 사용할 수 있다고 한다 js파일에 위의 사진처럼 객체를 배열 형태로 작성하였다` 그러면 이런 결과가 나온다 ! 시간은 유닉스 시간표시법이라 저렇게 나오는것.. 부트스트랩으로 꾸며봤는데 왜 적용이 안되는지 모르겠다 bootstrap import도 했는데.. list-unstyled로하면 앞에 점이 나오면 안되는데 나온다 ㅠ_ㅠ 시간은 맞는데 16030..어쩌구로 나오니까 현재 시간이 우리는 몇시인지 알 수 없다 그래서 이번..
양재동 코드랩 강의-2 강의를 들으면서 필기한 내용입니다. 잘못된 점이나 부족한 점 있이 있을 수 있으며 알려주시면 감사! Plunker https://plnkr.co/ Plunker - Helping you build the web Plunker is loading… Everything will be all right. plnkr.co 간단한 프론트엔드 코드를 작성할 수 있고 그 코드를 서로 공유할 수 있는 홈페이지라고 한다ㅏ! 강의는 2016년도라서 그때와는 홈페이지가 조금 다르게 구성되어있어 엄청 헤맸다 ㅎㅎ..ㅎㅎ new를 누르고 원하는 기본 템플릿을 생성하면 된당. 나도 안써봐서 더 자세한 기능은 잘 모르겠으니 검색.. 그나저나 plunker 너무 편함.. 이런게 있었다니 나는 진짜 아무것도 모르고 살았넹 하지만 10..
양재동 코드랩 강의-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 Loading … There was ..
Angular 기본과 간단한 To-Do 어플리케이션 만들기 1강 Angular 기본과 간단한 To-Do 어플리케이션 만들기(인프런) 강의 보면서 필기하기. 웹개발 흐름 : Ajax -> SPA(MVC) -> Web Component 사용자가 브라우저URL을 입력하면 브라우저가 해당 url의 웹페이지를 서버에 요청함. 자바의 객체와 jsp 템플릿을 가지고 브라우저가 인식하는 html 페이지를 만들어서 응답을 보냄. 각 페이지별로 전달되어야 하는 데이터들은 서버쪽 세션에 저장되어 있다가 페이지 요청이 올 때 사용자 세션에서 사용자 데이터 정보를 읽고 jsp단에서 화면을 보여줌. 서버부터 웹페이지로 받아옴 사용자가 특정 행위(버튼클릭)를 했을 때 서버로부터 페이지를 요청받아 하는게 아니라 DOM API를 통하여 페이지를 요청하거나 수정하거나 하는 행위 == >Javascr..

728x90