다음은 기존 UI 가 이쁘지 않아 디자인을 첨부한 코드를 진행하고자 한다. 우선 나는 Reactstrap, bootstrap-icons, 순수 CSS로만 디자인을 진행하였다. 그리고, 하는 김에 리팩토링을 진행해 보았다. 이 글은 10번까지 따라 한 후에 가장 나중에 반영 하기를 바란다. https://github.com/BerkleyLim/Todolist GitHub - BerkleyLim/Todolist: 리액트 기반 투두리스트 만들기리액트 기반 투두리스트 만들기. Contribute to BerkleyLim/Todolist development by creating an account on GitHub.github.com   [1,200px 이상 기준]   [600 ~ 1,200px 기준]  [60..

지난 시간에는 클린 코딩을 작성하는 것으로 마치였습니다. 지금 부터 드래그앤 드롭으로 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..

지난시간에는 갱신의 대해서 다뤄봤습니다. 갱신 부터 진행 후 다음은 삭제에 대해 다루겠습니다. (5) Todo List 기본 기능 CRUD 추가 - 2 (갱신) : https://berkley.tistory.com/9 (5) Todo List 기본 기능 CRUD 추가 - 2 (갱신) 지난시간 CRUD의 읽기, 쓰기의 대해서 다뤄봤습니다. (4) Todo List 기본 기능 CRUD 추가 - 1 (읽기, 쓰기) : https://berkley.tistory.com/8 (4) Todo List 기본 기능 CRUD 추가 - 1 (읽기, 쓰기) 지난 시간 반응형 웹&앱 U berkley.tistory.com 이어서, 각 기능별로 삭제에 대해 다루고자 합니다. UI 부분은 차후 다룰 예정이니, 지금은 React를..