1. dom이란? => 문서 객체 모델이라고 불리우며, 문서의 구성 요소들을 객체로 구조화 하여 표현 한 것. 쉽게 설명하면 문서 전체에 html 태그를 tree dom으로 구성함 2. Virtual dom => Dom을 추상화한 가상의 객체, 즉 직접 dom을 접근하지 않고, 가상의 공간에서 dom을 사용하는 것. 즉, 직접 dom에 접근하지 않아 성능 향상에 개편됨 3. Virtual Dom 동작 원리 => DOM을 추상화 한 객체를 메모리에 저장고, 이는 Javascript 객체를 건드는 행위이기 때문에 변경 사항 발생 시 메모리 변경으로 처리 되기 때문에 즉시 반영된다. 이 과정은 재조정을 한다라고 표현한다. 4. 재조정이란? => Batch Update 방식으로 처리하여 변경 사항을 모든 Ele..

지난 시간에는 클린 코딩을 작성하는 것으로 마치였습니다. 지금 부터 드래그앤 드롭으로 TodoList의 순서를 변경하도록 적용하겠습니다. 이전시간에 이어서 진행하도록 하겠습니다. (9) Todo List 클린 코드로 리팩토리 및 고도화 작업 : https://berkley.tistory.com/13 (9) Todo List 클린 코드로 리팩토링 및 고도화 작업 (코드줄 줄이기, 분할, 필요없는 주석 제거 등) 이전 시간 (8) Todolist 메인 부분 이외의 상세부분의 대해 CRUD 작성 : https://berkley.tistory.com/12 (8) Todolist 메인 부분 이외의 상세부분의 대해 CRUD 작성 지금까지 TodoList CRUD 및 UI 반응형 웹앱, Redux까지 berkley...

이전 시간 (8) Todolist 메인 부분 이외의 상세부분의 대해 CRUD 작성 : https://berkley.tistory.com/12 (8) Todolist 메인 부분 이외의 상세부분의 대해 CRUD 작성 지금까지 TodoList CRUD 및 UI 반응형 웹앱, Redux까지 반영을 시켰습니다. Redux 반영에 대해서는 링크 참조 바랍니다. https://berkley.tistory.com/11 (7) Todo List Redux - Local Storage로 state 리팩토링 지금까지 CRUD berkley.tistory.com 안녕하세요. 지난시간에 이어서 소분류 CRUD 적용까지 진행을 하였습니다. 이번 시간에는 지금까지 짠 코드들의 대해 클린 코딩 작업을 진행을 하며, 모듈화를 하고 지..

지금까지 TodoList CRUD 및 UI 반응형 웹앱, Redux까지 반영을 시켰습니다. Redux 반영에 대해서는 링크 참조 바랍니다. https://berkley.tistory.com/11 (7) Todo List Redux - Local Storage로 state 리팩토링 지금까지 CRUD 전체를 다루는 연습을 하였습니다. 이번 시간에는 Redux 설치 및 적용, Local Storage를 다루는 시간으로 활용 하겠습니다. 지금까지 따라오신 후 이 글을 확인하시기 바랍니다. (6) Todo Li berkley.tistory.com 지금까지 React의 대해 기초를 다룰기 위해 Todolist 상위 분류만 CRUD를 적용을 시켰다면 다음은 소분류 CRUD 작성하는 시간을 가지겠습니다. 1. Todo..

지금까지 CRUD 전체를 다루는 연습을 하였습니다. 이번 시간에는 Redux 설치 및 적용, Local Storage를 다루는 시간으로 활용 하겠습니다. 지금까지 따라오신 후 이 글을 확인하시기 바랍니다. (6) Todo List 기본 기능(삭제) : https://berkley.tistory.com/10 (6) Todo List 기본 기능 CRUD 추가 - 3 (삭제) 지난시간에는 갱신의 대해서 다뤄봤습니다. 갱신 부터 진행 후 다음은 삭제에 대해 다루겠습니다. (5) Todo List 기본 기능 CRUD 추가 - 2 (갱신) : https://berkley.tistory.com/9 (5) Todo List 기본 기능 CRUD 추가 berkley.tistory.com 그럼 작업 전 Redux와 Stor..

지난시간 CRUD의 읽기, 쓰기의 대해서 다뤄봤습니다. (4) Todo List 기본 기능 CRUD 추가 - 1 (읽기, 쓰기) : https://berkley.tistory.com/8 (4) Todo List 기본 기능 CRUD 추가 - 1 (읽기, 쓰기) 지난 시간 반응형 웹&앱 UI 작성편을 이어서 기능 추가를 진행하였습니다. 이 글을 보기 전, 아래의 링크를 먼저 수행 하신 후 다음 단계로 넘어가시면 되겠습니다. (3) 반응형 Todolist UI 작업 진행 berkley.tistory.com 이번 시간에는 갱신의 대해서 다뤄보겠습니다. 1. Todo List CRUD 중 갱신 기존의 state 변수 todoList에 필드 "title, contents" 만 설정 되어있다. 여기서 file에 is..