- 이 과제를 제출하는 것은 다음 코스(Frameworks) 수강 신청을 하는 것으로 간주됩니다. 다음 코스 수강을 원하시는 분만 제출해주세요.
- 이 과제의 결과와 그 동안의 과제 수행 결과를 종합적으로 판단하여 다음 코스 수강이 결정됩니다. 결과에 따라 수강이 불가능할 수 있습니다.
- 과제에 대한 결과는 과제 제출(8/14 자정 마감) 후, 이틀 내(8/16까지)로 알려드립니다.
- 과제에 대한 리뷰는 없고, 합격/불합격으로만 알려드립니다. 합격되시면 8/26까지 결제를 완료해주시면 됩니다.
- 아래의 안내 문서를 반드시 상세히 읽어주세요.
회원가입 위자드 만들기
가입 위자드를 만들어보는 과제입니다. 위자드는 총 4개의 화면으로 구성됩니다.
요구 사항
- 화면 1 (
/steps/1
)- 약관에 동의를 하면 버튼이 활성화되어 화면 2로 넘어갈 수 있습니다.
- 화면 2 (
/steps/2
)- 이메일을 입력하지 않은 경우 에러 메시지를 표시합니다.
- 이메일 형식이 맞지 않은 경우 에러 메시지를 표시합니다.
- 암호를 입력하지 않은 경우 에러 메시지를 표시합니다.
- 암호가 6자 미만인 경우 에러 메시지를 표시합니다.
- 암호 확인 값이 일치하지 않은 경우 에러 메시지를 표시합니다.
- 모든 값이 올바른 경우 버튼이 활성화되어 화면 3으로 넘어갈 수 있습니다.
- 화면 3 (
/steps/3
)- 이름/전화번호는 필수입니다.
- 전화번호 형식이 맞지 않은 경우 에러 메시지를 표시합니다.
- 홈페이지 주소의 형식이 맞지 않은 경우 에러 메시지를 표시합니다.
- 모든 값이 올바른 경우 버튼이 활성화되어 화면 4로 넘어갈 수 있습니다.
- 화면 4 (
/steps/4
)- 지금까지 입력한 값을 표시합니다.
모든 에러 메시지는 컨트롤 밑에 표시합니다.
주의 사항
- Javascript 관련해서는 어떠한 프레임워크도 사용해서는 안됩니다. (underscore, lodash, async 제외)
- 화면상의 페이지 전환은 Javascript를 이용하여 이루어져야 합니다. URL 해쉬 사용 여부는 자유입니다.
- UI의 미려함은 필수사항이 아닙니다. CSS를 위해 Bootstrap같은 프레임워크를 사용해도 괜찮습니다.
- 주어진 템플릿 파일은 어디까지나 각 페이지당 내용을 위한 참고일 뿐입니다. 각 템플릿의 내용을 한 파일로 통합해도 괜찮습니다.
- 과제에 대한 질문은 개인당 1회, 질문 3개까지 할 수 있습니다. 슬랙을 통해 개인메시지로 해주세요. (오프라인 질문 안됩니다.)
채점 기준
- 첫째도 둘째도 셋째도 기능 구현
제출 방법
- 마감 시한(8/14 자정)전에 슬랙을 통해 @ken 개인 메시지로 본인 작업물을 압축하여 보내주세요.
- 압축파일의 이름은 다음과 같은 형식으로 해주세요.
4기_감동란_최종과제.zip