🌸 AH (Algorithm Helper) 🌸

그룹원 🏵

김민창	이기훈	박진형
- 42서울을 위하여 🌵	- Just Life 🍀	- 웹풀스택 개발자를 위하여 🌱

프로젝트 기간 🌸

2020-12-17 ~ 2021-02-08

배포 🍁

일시 중단

페이지별 기능

문제 뽑기 페이지

• 알고리즘 분류, 난이도, 문제 개수를 선택하고 확인을 누르면 랜덤으로 개수만큼 랜덤으로 뽑아서 보여줍니다.

대회 일정 페이지

• 대회 일정들의 제목, 남은 시간을 실시간으로 보여줍니다.
• 로그인이 된 회원만 대회 등록과 삭제를 할 수 있습니다.

커뮤니티 페이지

• 해당 게시글에 대해 조회수, 좋아요 기능을 사용할 수 있습니다.
• 해당 게시글을 클릭시, DetailView에 선택한 게시글의 자세한 내용을 보여줍니다.
• 게시글을 생성, 삭제할 수 있습니다.
• 작성자, 해시태그에 따라 게시글을 검색할 수 있습니다.
• 게시글에 대해 무한스크롤이 적용됩니다.
• 게시글에 프로필 이미지를 클릭하면 해당 유저 정보 페이지로 이동합니다.
• 해당 게시글에 댓글을 작성 및 삭제할 수 있습니다.

로그인 페이지

• Local, Github 로그인을 할 수 있습니다.
• 로그인이 된 회원들에 대해서만 게시글 작성 및 좋아요 등 특정 작업을 진행할 수 있습니다.
• 회원가입 버튼을 클릭하면 회원가입 화면이 나오고, 회원가입을 진행할 수 있습니다.

프로필 페이지

• 자신의 프로필(자기소개, 이메일)을 수정할 수 있습니다.
• 자기가 적은 게시글의 목록을 보여줍니다.
• 게시글을 클릭하면 모달형태로 게시글을 보여줍니다.

후기

진스타그램이후 리액트를 처음 만져보게 되었다. 모든게 생소했고 한편으로는 바닐라JS로 하나하나 구현해야 했던것들이 리액트에서는 간편하게 작동되니 이래서 많은 사람들이 리액트를 사용하는구나 싶었다.
평소에 백준 사이트를 이용해 알고리즘을 공부하던 중에 문제를 몇가지 선정을 해서 풀어야하는데, 내가 풀지 않았던 문제이면서 내가 공부하고자하는 알고리즘 종류에 내가 원하는 난이도인 문제를 골라내고 싶었지만 백준 사이트에서는 지원하지 않는 기능이었다.
그렇게 해서 리액트를 배워보려던 차에 이 내용을 중심으로 SPA 형식의 웹 페이지를 만들어보자 했고 하나 하나 처음부터 구글링하며 배워나가면서 만들었다. 진행중에 문제의 번호, 난이도, 분류는 어떻게 가져올까 고민했고, 처음엔 크롤링을 할까 생각했지만 백준에서는 공식적으로 크롤링을 금지하고 있었다. Solved.ac의 제작자에게 API사용을 요청을 해서 사용하고 있다는 몇몇 사람들의 정보를 들었지만 주 목적은 리액트에 대한 공부였기 때문에 이 작업은 나중에 하기로 했다.
협업은 GitHub를 이용해 선배들과 팀을 이루어 진행을 했다.
GitHub를 활용한 협업은 처음 해보는것이었고 커밋룰, PR, Issue작성 등 하나같이 번거롭기만했다. 하지만 복잡한 프로젝트일수록 이러한 각종 규칙들이 없어선 안되는걸 알고있기 때문에 조금씩 규칙을 지켜나가며 프로젝트를 진행했다.
모든게 전문가에게 따로 배운것은 아니었다. 하지만 이렇게 조금씩 미약하게나마 체험해보는 것들이 나에게 피가되고 살이되는게 아닐까?