HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🤎
프론트엔드 데브코스 5기 교육생
/
조윤호팀
조윤호팀
/
🚀
알고바로(AlgoBaro) 개발 task(FE)

알고바로(AlgoBaro) 개발 task(FE)

에픽
페이지
기능명
설명
FE 작업 우선순위
담당자
상태
데드라인
스프린트
방 생성
CreateRoom
방 생성 시 제목 입력
방을 생성할 때 방 제목을 입력할 수 있다.
최상
박수현
완료
2차
방 생성
CreateRoom
방 생성 시 언어 선택
방을 생성할 때 사용 언어를 설정할 수 있다.
최상
박수현
완료
2차
방 생성
CreateRoom
방 생성 시 공개 여부 선택
방을 생성할 때 공개 / 비공개 여부를 선택할 수 있다.
최상
박수현
완료
2차
방 생성
CreateRoom
비공개 방 생성 시 암호 설정
비공개 방의 경우에는 암호를 추가 설정할 수 있다.
최상
박수현
완료
2차
방 생성
CreateRoom
방 생성 시 최대 인원 설정
방을 생성할 때 최대 수용 인원을 설정할 수 있다. - 논의 필요: 최대 인원 허용 범위 (1~6)명 / 기본값: none
상
박수현
완료
방 생성
CreateRoom
방 생성 시 난이도 설정
방 생성 시 코딩테스트 난이도를 설정할 수 있다. 사용자가 난이도 태그 추가 가능
하
구현 취소
인증
SignUp
회원가입
닉네임, 이메일, 비밀번호, 비밀번호 확인란을 입력하면 회원가입을 할 수 있다. - 논의 필요: 이메일 인증 방식 사용할지 (추후에 별도 페이지에서 가능하게)
상
조익준
완료
방장
Room
방장 권한 수동 위임
방장의 권한을 다른 참여자에게 넘겨줄 수 있다.
중
신수영
완료
방장
Room
방장 권한 자동 위임
방장이 권한을 넘겨주지 않고 방을 이탈할 경우, 참여자의 방 참여 순서대로 방장의 권한이 넘어간다.
상
신수영
완료
방장
Room
방 정보 수정
방장은 개설된 방의 정보를 수정할 수 있다.
상
신수영
완료
방장
Room
시작 버튼 클릭 시 1인 시작
방장은 혼자 시작하기를 할 수 있다.
상
신수영
완료
webRTC
Room
mediaTrack 변경하기
챌린지
신수영
작업 중
방장
Room
시작 버튼 클릭 시 인원 미달
- 논의 필요: 최대 인원 수를 맞추지 못했을 때 인원 수가 부족하다는 알림 모달을 띄울지?
논의 필요
방장
Room
시작 버튼 클릭
방장은 모든 유저가 준비 버튼을 클릭 한 경우 문제 풀이를 시작할 수 있다 - 논의 필요 : 모든 유저가 준비 버튼을 클릭하지 않은 경우, 방장이 시작 버튼을 클릭 시 모달창을 띄울지 or 시작 버튼이 disable 상태일지
최상
신수영
완료
2차
채팅
Room
방 내부 채팅
방 내부에서 유저들은 실시간으로 채팅을 할 수 있다. - 논의 필요: 스레드 or 채팅 형식
중
배건호
신수영
완료
채팅
Room
링크 클릭시 새 창 띄우기
채팅으로 링크를 남길 경우, 기존 페이지가 이동되지 않고 새 창이 띄워지게끔 설정
중
신수영
완료
참여자
Room
준비 버튼 클릭
시작을 위해 참여자는 준비 버튼을 클릭 할 수 있다.
최상
신수영
완료
2차
방장
Room
방장 사용자 강퇴
방장은 방 내 사용자를 강제 퇴장할 수 있다.
중
신수영
구현 취소
방장
Room
문제 링크 설정
방장은 풀 문제 링크를 설정할 수 있다.
최상
신수영
완료
2차
타이머
Room
타이머 시간 설정
방장은 타이머의 시간을 설정하여 제한시간을 보이게 할 수 있다.
상
신수영
완료
프로필
Profile
프로필 화면에서 보여지는 유저 정보
프로필 화면에서는 문제 풀이 수, 프로필 사진, 닉네임을 볼 수 있다.
상
조익준
완료
환경 설정
Profile
유저 정보 변경
사용자는 프로필 사진, 닉네임, 비밀번호를 변경할 수 있다.
상
조익준
완료
이전 풀이 확인
Profile
이전에 풀었던 문제 및 코드 확인
이전에 작성한 문제 및 코드를 확인할 수 있다. - 논의 필요 (방 정보 유지와 연관) - 모달( - 다른 사람의 풀이도 확인 가능하게 할지(구현 취소) - 풀이에 대한 메모도 저장을 할지(구현 취소)
중
조익준
논의 필요
타이머
ProblemSolve
타이머 카운트다운, 종료 시 알림
설정한 시간이 지난 후 타이머는 유저들에게 알림 모달을 표시한다.
상
박수현
완료
타이머
방장
ProblemSolve
종료 타이머
서버 종료 시간에 맞춰서 타이머를 구동한다.
하
박수현
완료
문제 풀이 페이지
ProblemSolve
코드 에디터 - ctrl + c, v 금지
유저는 문제 풀이 진행 도중 복사/붙여넣기 기능을 사용할 수 없다.
챌린지
조익준
작업 중
2차
문제 풀이 페이지
ProblemSolve
크롤링한 문제 정보 렌더링
유저는 해결해야 할 문제를 확인할 수 있다.
최상
조익준
2차
문제 풀이 페이지
ProblemSolve
버튼 - 제출
유저는 문제 풀이 중 제출 버튼을 클릭해 문제 풀이를 종료할 수 있다. - 논의 필요 : 프로그래머스 양식을 따라갈 것인지.
상
박수현
완료
문제 풀이 페이지
ProblemSolve
버튼 - 실행
유저는 문제 풀이 중 실행 버튼을 통해 작성한 코드에 대한 디버깅이 가능하다. - 논의 필요 : 프로그래머스 양식을 따라갈 것인지.
상
박수현
완료
문제 풀이 페이지
ProblemSolve
레퍼런스 제공
문제 풀이 중 언어별 레퍼런스를 제공한다. - 논의 필요 : 전체 or 특정 언어에 대한 레퍼런스를 제공할지
하
문제 풀이 페이지
ProblemSolve
버튼 - 포기하기
유저는 문제 풀이 중 포기하기 버튼을 클릭하여 페이지에서 벗어날 수 있다. - 논의 필요 : 예외 처리 (레벨이 너무 안맞거나 특정 시간에 참여가 불가능한 경우) (프론트엔드끼리 이상종료 버튼 논의)
최상
박수현
완료
2차
방장
ProblemShare
코드 풀이 종료
방장은 코드 풀이 페이지에서 풀이를 종료할 수 있다.
상
박수현
작업 중
제출 코드 확인
ProblemShare
다른 유저들의 제출 코드 보기
다른 유저를 선택하면 해당 유저가 제출한 코드를 볼 수 있다. - 논의 필요: 디렉터리 또는 슬라이드 구조
상
박수현
작업 중
채팅
ProblemShare
풀이 공유 방 내부 채팅
풀이 공유 방 내부에서 유저들은 실시간으로 채팅을 할 수 있다. - 논의 필요: 스레드 or 채팅 형식
중
배건호
신수영
완료
ProblemShare
다른 유저 리스트 영역 구현
중
박수현
완료
방 탐색
Main
방 목록 조회
방 목록(대기중, 입장가능)을 조회할 수 있다.
최상
배건호
완료
2차
방 필터링
Main
언어 기준 방 필터링
방을 사용 언어 기준으로 필터링할 수 있다.
중
배건호
완료
방 필터링
Main
입장 가능 상태 기준 방 필터링
입장 가능 여부에 따라 방을 필터링할 수 있다.
중
배건호
완료
방 필터링
Main
공개 여부 기준 방 필터링
방 공개 여부에 따라 필터링할 수 있다.
중
배건호
완료
방 탐색
Main
방 목록 새로고침 버튼
방 목록을 새로고침할 수 있는 버튼이 있다. 굳이 실시간은 필요 없을 것 같다.
하
배건호
작업 중
인증
Welcome
로그인
유저의 비밀번호는 서버에서 암호처리를 하여 저장한다. (수현님 밴)
최상
조익준
완료
2차
Welcome
웰컴페이지 아래쪽 설명 영역
어떤 내용 담을지는 같이 의논 MVP이 완성되어야 스크린샷
조익준
논의 필요
공용 컴포넌트
All
Button 컴포넌트
상
박수현
완료
Feb 13, 2024 → Feb 18, 2024
공용 컴포넌트
All
Tag 컴포넌트
상
조익준
완료
Feb 13, 2024 → Feb 18, 2024
1차
공용 컴포넌트
All
Input 컴포넌트
상
박수현
완료
Feb 13, 2024 → Feb 18, 2024
공용 컴포넌트
All
Avatar 컴포넌트
상
신수영
완료
Feb 13, 2024 → Feb 18, 2024
공용 컴포넌트
All
Dropdown 컴포넌트
상
조익준
완료
Feb 13, 2024 → Feb 18, 2024
1차
공용 컴포넌트
All
Checkbox 컴포넌트
상
박수현
완료
Feb 13, 2024 → Feb 18, 2024
공용 컴포넌트
All
Modal 컴포넌트
상
조익준
완료
Feb 13, 2024 → Feb 18, 2024
1차
공용 컴포넌트
All
Header 컴포넌트
중
박수현
완료
Feb 13, 2024 → Feb 18, 2024
공용 컴포넌트
All
Icon 컴포넌트
상
배건호
완료
Feb 13, 2024 → Feb 18, 2024
공용 컴포넌트
All
EllipsisText 컴포넌트
상
박수현
조익준
완료
Feb 13, 2024 → Feb 18, 2024
1차
공용 컴포넌트
All
Menu 컴포넌트
상
배건호
완료
Feb 13, 2024 → Feb 18, 2024
공용 컴포넌트
All
Message 컴포넌트
중
배건호
완료
Feb 13, 2024 → Feb 18, 2024
공용 컴포넌트
All
Image 컴포넌트
상
신수영
완료
Feb 13, 2024 → Feb 18, 2024
공용 컴포넌트
All
Spinner 컴포넌트
상
신수영
완료
Feb 13, 2024 → Feb 18, 2024
초기 설정
All
테마 설정
상
신수영
완료
Feb 13, 2024 → Feb 18, 2024
초기 설정
All
스토어 설정
상
조익준
완료
Feb 13, 2024 → Feb 18, 2024
1차
초기 설정
All
라우트 설정
상
배건호
완료
Feb 13, 2024 → Feb 18, 2024
초기 설정
All
Reset css 설정
상
박수현
완료
Feb 13, 2024 → Feb 18, 2024
환경 설정
All
다크모드/라이트모드
기본 설정은 시스템 설정을 따르되, 사용자가 변경할 수도 있다.
신수영
완료
메타 데이터 + 파비콘 수정
lighthouse 챙겨보기
SEO 최적화 챙겨보기
렌더링 로딩 시간 빠른 3G 최적화
노션 내용 정리
방 삭제
방 삭제
사용자는 방을 삭제할 수 있다. - 논의 필요: 모두가 방 나가면 자동으로 api가 방 삭제
하
완료