소개
이 프로젝트에서는 Vue.js 와 Element-UI 라이브러리를 사용하여 "소원 메모" 애플리케이션을 만드는 방법을 배우게 됩니다. 이 프로젝트는 사람들이 안전하고 비밀스러운 방식으로 자신의 목표, 이상, 그리고 열망을 표현할 수 있는 익명적이고 편리한 플랫폼을 제공하는 것을 목표로 합니다.
👀 미리보기
필드 유효성 검사 조건을 충족하지 못하면 다음과 같은 오류가 보고됩니다.
조건을 충족하고 소원을 게시한 후의 효과는 다음과 같습니다.
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다.
- 프로젝트 구조를 설정하고 필요한 파일과 폴더를 준비하는 방법.
- 소원 벽에 완성된 양식을 렌더링하는 방법.
- 입력 필드가 필요한 기준을 충족하는지 확인하기 위해 양식 유효성 검사를 구현하는 방법.
- 양식 제출 및 재설정 기능을 처리하는 방법.
- 이미지 업로드 및 미리보기 기능을 구현하는 방법.
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다.
- Vue.js 프로젝트를 구조화하고 구성합니다.
- Element-UI 라이브러리를 사용하여 양식을 만들고 사용자 상호 작용을 처리합니다.
- Element-UI 유효성 검사 규칙을 사용하여 양식 유효성 검사를 구현합니다.
- Vue.js 애플리케이션에서 파일 업로드 및 이미지 미리보기를 처리합니다.
- 상태를 관리하고 사용자 작업에 따라 UI 를 업데이트합니다.
