이번시간에는 게시판을 활용하여 무한 스크롤을 진행하고, 포커싱 유지하는 법을 다뤄본다. 무한 스크롤은 페이지 이동시 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..

이번시간에는 게시판 리스트 출력을 무한 스크롤로 이용하여 출력을 진행해본다. 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 기반 ..