Todo list MVC
1.[Todo List] 1. Vanila JS를 이용한 기본 Todo list 구현
React 라이브러리를 사용한 토이 프로젝트를 몇번 시도했었지만 JavaScript의 문법과 객체 지향 프로그래밍, MVC 패턴 등의 내용들을 제대로 알고 있지 못했어서 일정 수준 이상으로 구현을 할 수도 없었고 이해가 안가는 부분도 많았다. 다시 순수 JS만을 이용하여 Todolist를 만들어봄으로써 MVC 패턴은 무엇인지, JS의 prototype은 어...
2.[Todo List] 2. Todo list에서의 MVC 아키텍쳐 역할
2. Todo list에서의 MVC 아키텍쳐 역할 > MVC 는 Model-View-Controller로 각각의 역할을 나누어 작업하고자 하는 일을 분담 시키는 것을 말한다. - Model은 어플리케이션 로직을 담당하는 부분으로 Database나 Legacy System 과의 로직을 담당하는 부분을 말하며 어플리케이션으로 부터 UI가 분리된다. View는...
3.[Todo List] 3. Todo list 수정하기
Todolist item을 수정하기 사용자는 리스트를 더블클릭해서 내용 수정하고 싶음! 아래의 과정은 더블클릭해서 해당 리스트가 input 태그로 바뀌고 input 값에 리스트의 내용이 value로 나타나기까지의 과정이다. MVC 패턴에서 Controller는 Model과 View를 조작하는 역할을 한다. 1) Controller.js | this.vi...
4.[Todo List] React를 이용하여 구현한 Todolist (Add, Remove, Modify)
TodoMVC에서 React를 이용한 투두리스트는 ES6가 아니였기 때문에 React-todoMVC를 참고하였습니다. Todo 를 Storage에 저장하지 않았기 때문에 MVC 패턴으로 구현한 것은 아닙니다. 1. Add TodoTextInput에서 submit 되는 값을 App의 state : todos 에 추가한다. todos는 json 임 2. R...