React(29)
-
[무한 스크롤] 게시판 리스트 출력 [1] - 사전 준비
이번시간에는 게시판 리스트 출력을 무한 스크롤로 이용하여 출력을 진행해본다. Github 저장소 : https://github.com/BerkleyLim/scroll_project GitHub - BerkleyLim/scroll_project: Front : React 기반, Back : spring boot를 이용하여 데이터를 받고 게시판 내 Front : React 기반, Back : spring boot를 이용하여 데이터를 받고 게시판 내용을 해당 리스트 출력을 해보고, 선택 후 이전화면으로 돌아갈 시 선택된 데이터에 포커싱을 맞춘다. - GitHub - BerkleyLim/scroll_p github.com 개발 환경은 Front : React 기반 Back-End : Spring Boot 기반 ..
2023.07.08 -
(10) TodoList 드래그앤드롭 적용하기
지난 시간에는 클린 코딩을 작성하는 것으로 마치였습니다. 지금 부터 드래그앤 드롭으로 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...
2023.06.11 -
(9) Todo List 클린 코드로 리팩토링 및 고도화 작업 (코드줄 줄이기, 분할, 필요없는 주석 제거 등)
이전 시간 (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 적용까지 진행을 하였습니다. 이번 시간에는 지금까지 짠 코드들의 대해 클린 코딩 작업을 진행을 하며, 모듈화를 하고 지..
2023.06.10 -
(8) Todolist 메인 부분 이외의 상세부분의 대해 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..
2023.06.10 -
(7) Todo List Redux - Local Storage로 state 리팩토링
지금까지 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..
2023.06.09 -
(6) Todo List 기본 기능 CRUD 추가 - 3 (삭제)
지난시간에는 갱신의 대해서 다뤄봤습니다. 갱신 부터 진행 후 다음은 삭제에 대해 다루겠습니다. (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를..
2023.06.08