기능정의.md

기능정의

---

Main - 로그인 안 한 메인 화면

1. 로고를 클릭하면 메인창으로 이동한다.(메인창이어도 다시 새로고침)
2. 로그인창으로 이동한다.
3. 회원가입창으로 이동한다.
4. 코딩 트레이닝 페이지로 이동한다.
5. 사이트의 테마 애니메이션을 보여준다.
6. 언어를 선택할 수 있다.
7. 7번에 작성한 코드를 실행해준다.
8. 코드를 입력할 수 있다.
9. 7번에 작성한 코드를 실행한 결과물을 출력한다.

Main - 로그인 한 메인 화면

1. 메인 페이지로 이동한다.
2. 코드를 실행할 수 있는 코드 트리 페이지로 이동한다.
3. 코딩 테스트 연습 페이지로 이동한다.
4. 코딩 트레이닝 페이지로 이동한다.
5. 사용자의 마이페이지로 넘어간다.
6. 로그아웃되고 '로그인 안 한 메인 화면' 페이지로 이동한다.
7. 언어를 선택할 수 있다.
8. 코드를 입력할 수 있다.
9. 7번에 작성한 코드를 실행해준다.
10. 실행시킨 코드를 컴파일 한 출력 결과를 나타낸다.
11. 페이지의 상단으로 이동한다.

---

Code Tree - 1

1. 사용자의 닉네임이 나타난다.
2. 사용자가 추가한 문제집 리스트가 나타난다.
3. 클릭 시 2번 영역이 화면에서 왼쪽으로 슬라이드로 사라진다.
4. 언어를 선택할 수 있다.
5. 작성된 코드를 실행한다.
6. 코드를 기존 상태로 초기화한다.
7. 작성된 코드를 저장한다.
8. 코드를 입력할 수 있다.
9. 실행한 코드의 결과를 출력한다.
10. 실행중인 코드를 정지한다.
11. 클릭 시 채점 페이지로 이동한다.

Code Tree - 2

1. 해당 카테고리의 문제 리스트가 나타난다.
2. 문제 제목을 클릭할 수 있다.
3. 2번을 클릭 시 3번에 문제의 내용이 나타난다.

Code Tree - 3

1. 사용자가 작성한 코드가 나타난다.
2. 문제의 정답 코드가 나타난다.

---

Coding Test - 1

1. 인증번호를 입력한다.
2. 클릭 시 입력한 인증번호가 맞는지 여부를 확인한다.
3. 클릭 시 취소 후, 메인 페이지로 이동한다.
4. 클릭 시 개인 정보 입력 팝업이 나타난다.

Coding Test - 2

1. 이름을 입력한다.
2. 생년월일을 입력한다.
3. 클릭 시 취소 후, 메인 페이지로 이동한다.
4. 클릭 시 코딩 테스트가 시작된다.

Coding Test - 3

1. 테스트명이 나타난다.
2. 클릭 시 문제의 내용이 3번에 나타난다.
3. 문제의 내용이 나타난다.
4. 언어를 선택할 수 있다.
5. 작성된 코드를 실행한다.
6. 코드를 기존 상태로 초기화한다.
7. 작성된 코드를 저장한다.
8. 작성된 코드를 제출한다.
9. 코드를 작성할 수 있다.
10. 코드를 실행한 결과를 출력해준다.
11. 코드를 제출한 결과가 나타난다.
12. 실행중인 코드가 정지된다.

---

Coding Training - 1

1. Level 별로 분류되어, 사용자가 보고싶은 분류를 선택할 수 있다.

2. 테스트를 주최하는 카테고리로 분류되어 있다.

   2-1. 기업

   2-2. 개인

   2-3. 학원

   2-4. 학교

   2-5. 기타

3. 코딩 테스트의 이름이 나타난다.

4. 문제 작성 페이지로 이동한다.

Coding Training - 2

1. 문제의 번호를 보여준다.
2. 문제를 추천할 수 있다.
3. 문제 리스트가 나타나고, 문제의 제목 클릭 시 그 문제의 내용이 펼쳐진다.
4. 클릭 시 사용자의 코드 트리로 자동으로 추가되고, 코드 트리 페이지로 이동한다.
5. 문제 작성자일 시 버튼이 활성화되고, 클릭 시 문제 수정 페이지로 이동한다.

Coding Training - 문제 작성

1. 분류를 선택할 수 있다.
2. 언어를 선택할 수 있다.
3. 제목을 입력할 수 있다.
4. 문제의 내용을 입력할 수 있다.
5. 예제의 입력을 입력할 수 있다.
6. 예제의 출력을 입력할 수 있다.
7. 문제 작성이 취소되고, 문제 리스트 페이지로 이동한다.
8. 문제 등록이 되고, 문제 리스트 페이지로 이동한다.
9. 클릭 시 문제 한개를 더 추가할 수 있게 아래로 폼이 펼쳐진다.
10. 정답 코드를 입력할 수 있다.

---

마이페이지 - 랭킹

1. 사용자의 랭킹이 나타난다.
2. 맞힌 문제의 리스트가 나타난다.
3. 틀린 문제의 리스트가 나타난다.

마이페이지 - 계정 관리

1. 사진을 클릭 시 프로필 사진을 변경할 수 있는 파일 탐색기가 나타난다.
2. 사용자의 등급이 나타난다.
3. 버튼 클릭 시 닉네임 변경창이 나타난다.
4. 버튼 클릭 시 비밀번호 변경창이 나타난다.
5. 클릭 시마다 계정 공개 여부를 공개 / 비공개로 바뀐다.
6. 회원 탈퇴할 수 있는 창이 나타난다.

마이페이지 - 계정 관리 3의 변경창

1. 변경할 닉네임을 입력한다.
2. 닉네임의 중복 확인을 해준다.
3. 닉네임 변경을 취소한다.
4. 닉네임을 변경해준다.

마이페이지 - 계정 관리 4의 변경창

1. 현재 비밀번호를 입력한다.
2. 변경할 비밀번호를 입력한다.
3. 비밀번호 2차 확인을 해준다.
4. 비밀번호 변경을 취소한다.
5. 비밀번호를 변경해준다.

마이페이지 - 회원 탈퇴창

1. 현재 비밀번호를 입력한다.
2. 회원 탈퇴를 취소한다.
3. 회원 탈퇴 처리된다.

마이페이지 - 문제 관리

1. 작성한 문제의 번호를 보여준다.
2. 작성한 문제의 제목을 보여준다.
3. 작성한 문제의 조회수를 보여준다.
4. 작성한 문제의 추천수를 보여준다.
5. 작성한 문제를 삭제할 수 있는 팝업창이 뜬다.
6. 스크롤을 내리면 자동으로 다음 리스트들이 아래로 추가된다.
7. 페이지의 상단으로 이동한다.

마이페이지 - 문제 관리 - 삭제

1. 문제 삭제를 취소한다.
2. 문제 삭제 처리한다.

---

User - 로그인

1. 이메일을 입력하는 부분이다.

2. 비밀번호를 입력하는 부분이다.

3. 클릭 시 1번과 2번에서 입력한 유저 정보가 맞는지 확인한다.

   3-1. 맞으면 로그인되어 메인 화면 페이지로 이동한다.

   3-2. 틀리면 페이지 이동 없이 어떤게 틀렸는지 나타난다.

4. 클릭 시 회원가입 페이지로 이동한다.

5. 비밀번호 찾기 페이지로 이동한다.

User - 회원가입 - 임시 저장

1. 닉네임을 입력하는 부분이다.
2. 클릭 시 중복된 닉네임인지 확인한다.
3. 이메일을 입력하는 부분이다.
4. 클릭 시 중복된 이메일인지 확인한다.
5. 비밀번호를 입력한다.
6. 비밀번호를 확인 차 다시 입력한다.
7. 클릭 시 이메일 인증 페이지로 이동하고, 입력한 이메일로 인증 메일을 전송한다.
8. 회원 가입이 취소되고 메인 페이지로 이동한다.

User - 회원가입 - 최종 저장

1. 사용자가 입력한 이메일로 온 메일의 인증 번호를 입력한다.

2. 클릭 시 이메일로 인증 번호를 재전송한다.

3. 클릭 시 인증 번호가 맞는지 확인한다.

   3-1. 맞으면 메인 페이지로 이동한다.

   3-2. 틀리면 페이지 이동 없이 인증 번호가 틀렸다고 나타난다.

User - 비밀번호 찾기

1. 사용자가 가입했던 이메일을 입력한다.
2. 1번에 입력된 이메일로 비밀번호 재설정 링크를 보내준다.

User - 비밀번호 재설정

1. 재설정할 비밀번호를 입력할 수 있다.
2. 재설정할 비밀번호를 다시 입력하여 확인한다.