2022년 7월 13일 수요일 11:50 AM42gg 오픈배포 당일 아무런 사건 사고도 버그도 없이 잘 마무리된 생애 첫 프로젝트였다. 베타 버전이 배포되었고 이제 시작이다. 끝이 보이지 않는 성장이 기다리고 있다.해서 조금은 늦었지만 프로젝트를 진행하며 학습한 내용들
프로젝트에서 처음 주어진 과제는 랭킹 페이지 구현이었다. 랭크 리스트는 무한 스크롤이나 페이지네이션 등을 통해 나타낼 수 있다. 이번 포스트에서는 무한 스크롤 구현에 대해 설명한다. 무한 스크롤 무한 스크롤을 구현하기 위해 React Query을 사용한다. 리액트 쿼
지난 무한 스크롤 포스트에 이어 이번에는 페이지네이션 구현에 대한 내용이다.실시간 통신을 하지 않는 서비스에서는 무한 스크롤이 가지는 단점이 커서 프로젝트에서는 페이지네이션으로 변경해주었다.페이지네이션은 리스트를 페이지별로 나누어서 보여주는 기능이다. 프로젝트에서는 패
랭크 페이지에는 내 순위로 이동하는 기능이 필요하다.페이지 내에 있는 내 순위를 탭 또는 클릭하면 페이지와 스크롤을 이동시켜 내 순위로 이동한다.프로젝트에서 랭크 리스트는 페이지당 20개씩 보여준다. 해서 내 순위가 위치하는 페이지를 찾고, 페이지내이션을 통해 페이지를
로그인 페이지를 담당하게 되었다. Oauth를 사용하여 로그인을 구현하기로 했다. 42gg는 42서울 카뎃들만 사용할 수 있는 사이트이다. 하여 42API에서 제공하는 Oauth 인증을 통해 로그인 시스템을 구현하였다. 1.Oauth > OAuth는 사용자가
이번에는 에러페이지를 구현하게 되었다.axios 데이터 요청 시 발생하는 문제들, 잘못된 url나 의도적으로 query문을 넣어 접근하는 문제 등을 에러페이지로 넘겨주었다.더불어 에러는 아니지만, 사용자가 입력을 잘못하거나 의도치 않은 동작을 실행하는 경우 alert창
42gg의 마지막 단계는 도메인과 서버를 연결하여 접속할 수 있도록 만들어주는 단계다. 처음 접하는 개념들이고 처음해보는 상태라 일단 쭉 따라가보면서 서버를 연결해보았다. 📁 EC2 인스턴스 생성 1. 인스턴스 이름 설정 2. 인스턴스 유형 설정 3. 키페어 생
오랜만에 42gg 다같이 모여서 작업했다.그런데...!!잘나오던 이미지가 안나오기 시작했다. 왜일까? 왜 안나올까?uri부터 확인해보니 우리가 넣어주지 않는 쿼리문이 붙어서 동작을 하고 있었다.쿼리문이 있어서 이미지를 찾지 못하고 있던 것이다!!원인을 찾아보니 Next