Github 프로젝트(41)
-
[1] CRUD 게시판 프로젝트 - React 셋팅
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 이 미리 설치를 한 상태로 먼저 환경 설정을 셋팅..
2023.07.11 -
[무한 스크롤] 게시판 리스트 출력 [2] - 스크롤 구현 후 포커싱 유지
이번시간에는 게시판을 활용하여 무한 스크롤을 진행하고, 포커싱 유지하는 법을 다뤄본다. 무한 스크롤은 페이지 이동시 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..
2023.07.10 -
[무한 스크롤] 게시판 리스트 출력 [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 -
(4) [Android Studio] 네이티브 환경에서 외부 링크 통신하기
※ 저장소 : https://github.com/BerkleyLim/android_project GitHub - BerkleyLim/android_project: 이 프로젝트는 안드로이드 스튜디오 프로젝트를 입문하여 연습하기 이 프로젝트는 안드로이드 스튜디오 프로젝트를 입문하여 연습하기 위해 제작하였습니다. Contribute to BerkleyLim/android_project development by creating an account on GitHub. github.com 이번 시간에는 지난시간에 이어서 Web View 와 Native 간 통신 하는 것을 다뤄보겠습니다. Web View란 지난 시간의 내용과 같이 Html css js 등과 뛰우거나 http 혹은 https를 띄우는 역할을 하였습니..
2023.06.24 -
(3) [Android Studio] 버튼 입력시 페이지 넘기고 외부파일 불려오기
※ 저장소 : https://github.com/BerkleyLim/android_project GitHub - BerkleyLim/android_project: 이 프로젝트는 안드로이드 스튜디오 프로젝트를 입문하여 연습하기 이 프로젝트는 안드로이드 스튜디오 프로젝트를 입문하여 연습하기 위해 제작하였습니다. Contribute to BerkleyLim/android_project development by creating an account on GitHub. github.com 지난 시간에는 버튼 추가까지 하였습니다. 이번 시간에는 버튼에 기능을 넣으면서 텍스트 Input을 하여 화면 넘기기를 진행 해보겠습니다. 1. 사전 작업 먼저 아래와 같이 resource 폴더에 layout에 마우스 오른쪽 버튼..
2023.06.22 -
(2) [Android Studio] 버튼 바꾸고 위치까지 맞춰보기
※ 저장소 : https://github.com/BerkleyLim/android_project GitHub - BerkleyLim/android_project: 이 프로젝트는 안드로이드 스튜디오 프로젝트를 입문하여 연습하기 이 프로젝트는 안드로이드 스튜디오 프로젝트를 입문하여 연습하기 위해 제작하였습니다. Contribute to BerkleyLim/android_project development by creating an account on GitHub. github.com 이번시간에는 간단한 버튼 추가하여 위치 조절까지 진행을 해봅니다. 1. Android Studio에서 첫 프로젝트 생성 후 디자인 해보기 아래의 xml 파일을 엽니다. app/src/main/res/layout/activity_..
2023.06.21