본문 바로가기

리엑트2

축구팀 관리 프로젝트 26일차 - 경기장 조회 페이지네이션 적용 축구팀 관리 프로젝트 26일차 - 경기장 조회 페이지네이션 적용 전날 경기장 데이터를 새로 Mysql에 저장하는 작업을 했습니다. 전국 경기장 데이터가 담긴 csv 파일을 파싱해서 Mysql에 넣었는데 데이터량이 필터를 했음에도 10,000건이 넘어갔습니다. 그래서 경기장 조회 화면에 페이지네이션을 적용하였습니다. 경기장 조회 화면 페이지네이션 적용 이전 경기장 조회 화면은 다음과 같았습니다. 기존에 있던 자료에는 경기장 목록이 50건 이하였습니다. 하지만 전날 작업한 csv 파일 안에 있는 경기장 목록은 3만건 정도가 있었습니다. * 파싱한 전국 경기장 데이터가 담긴 csv 파일 경기장 정보를 담는 테이블이 location과 soccer_fields가 있는데 아래 깃허브 프로젝트에 있는 파일로 csv .. 2024. 2. 6.
축구팀 관리 프로젝트 23일차 - 리엑트 반응형으로 화면 비율 고정 축구팀 관리 프로젝트 23일차 - 리엑트 반응형으로 화면 비율 고정 리엑트로 웹프로젝트 개발하면서 화면의 페이지 비율 변경시 만들어놓은 몇몇 컴포넌트들이 깨지는 현상을 발견하게 되었습니다. 이를 해결하기 위해 다양한 방법을 찾아보았습니다. 리엑트 반응형으로 화면 비율 고정하는법 [React] 반응형으로 화면 비율 고정하기: 화면 크기가 변해도 해상도 유지하기 React로 게임 형식의 웹 프로젝트를 개발하면서 웹 페이지 반응형으로 고정 비율로만 화면이 보이게 하는 기능을 개발했다.이 기능을 개발하게 된 이유는 사실 작년에 비슷한 게임 형식의 웹 페 velog.io 위 페이지에서 많은 인사이트를 만날 수 있었습니다. 페이지에선 아래처럼 화면을 일정 비율로 조정하는 모듈을 만들어 사용하도록 하였습니다. imp.. 2024. 2. 4.