Github 저장소 :https://github.com/BerkleyLim/project_board GitHub - BerkleyLim/project_board: Spring Boot + React CRUD형 게시판 만들기 프로젝트 안내서 Spring Boot + React CRUD형 게시판 만들기 프로젝트 안내서. Contribute to BerkleyLim/project_board development by creating an account on GitHub. github.com 개발 환경은 Front : React 기반 Back-End : Spring Boot 기반 DB : My-SQL 기반 Nodejs 및 npm 패키지 / java와 maven 이 미리 설치를 한 상태로 먼저 환경 설정을 셋팅을..

Github 저장소 :https://github.com/BerkleyLim/project_board GitHub - BerkleyLim/project_board: Spring Boot + React CRUD형 게시판 만들기 프로젝트 안내서 Spring Boot + React CRUD형 게시판 만들기 프로젝트 안내서. Contribute to BerkleyLim/project_board development by creating an account on GitHub. github.com 개발 환경은 Front : React 기반 Back-End : Spring Boot 기반 DB : My-SQL 기반 Nodejs 및 npm 패키지 / java와 maven 이 미리 설치를 한 상태로 먼저 환경 설정을 셋팅을..

Github 저장소 : https://github.com/BerkleyLim/project_board GitHub - BerkleyLim/project_board: Spring Boot + React CRUD형 게시판 만들기 프로젝트 안내서 Spring Boot + React CRUD형 게시판 만들기 프로젝트 안내서. Contribute to BerkleyLim/project_board development by creating an account on GitHub. github.com 개발 환경은 Front : React 기반 Back-End : Spring Boot 기반 DB : My-SQL 기반 Nodejs 및 npm 패키지 / java와 maven 이 미리 설치를 한 상태로 먼저 환경 설정을 셋팅..

이번시간에는 게시판을 활용하여 무한 스크롤을 진행하고, 포커싱 유지하는 법을 다뤄본다. 무한 스크롤은 페이지 이동시 state 값이 다시 리렌더링이 되기 때문에 이전화면으로 돌아가서 이미 내려간 스크롤 위치를 기억하기 쉽지 않기 때문에 모달을 이용하여 포커싱 유지하는 것으로 꼼수를 쓴다. 이 프로젝트를 실습할 때에는 ex 디렉토리로 들어가서 front부분을 제외한 나머지는 sql 작업과 back-end 서버를 그대로 구동 시킨 후 front-end에 있는 App.js에서 실습을 시행합니다. Github 저장소 : https://github.com/BerkleyLim/scroll_project GitHub - BerkleyLim/scroll_project: Front : React 기반, Back : sp..

지난시간에는 갱신의 대해서 다뤄봤습니다. 갱신 부터 진행 후 다음은 삭제에 대해 다루겠습니다. (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를..

지난시간 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..