본문 바로가기

튜토리얼2

React + RESTful API로 이메일 인증 구현 안녕하세요! 이 튜토리얼에서는 전자 메일 + 암호에 의존하는 인증 시스템을 설정하는 방법에 대해 알아보겠습니다. 프런트엔 리액트, 백엔드엔 Node.js를 사용할 예정입니다. 지원되는 워크플로우는 다음과 같습니다. 가입: 사용자가 로그인에 사용할 자격 증명을 제출합니다. 사용자가 전자 메일을 확인합니다. 이제 로그인할 수 있습니다. 로그인: 사용자가 전자 메일/암호 제출 사용자가 존재하는 경우 세션이 작성되고 기본 정보가 표시된 페이지로 이동합니다. 사용자가 페이지를 새로 고칠 수 있으며 여전히 로그인되어 있습니다. 로그아웃: 사용자가 세션을 취소하여 로그아웃을 요청할 수 있습니다. 우리의 디렉토리를 설정하자. 다음을 실행합니다. mkdir email_auth_tutorial && cd email_aut.. 2022. 1. 19.
작업 목록(목록, 여백, 확인란)을 표시하는 아름다운 할 일 목록 앱을 Vuetify에서 작성 Vuetify.js를 사용하여 처음부터 끝까지 할 일 앱을 만드는 진행 중인 튜토리얼 시리즈에 오신 것을 환영합니다. 지난 회에서 우리는 앱의 툴바를 만드는 것으로 시작했습니다. 오늘은 데이터를 표시하고 상호 작용을 추가할 것입니다. 먼저 생성할 목록을 채울 샘플 작업을 만들어 보겠습니다. 이후 튜토리얼에서는 사용자가 직접 작업을 추가할 수 있도록 할 것이지만, 현재 샘플 데이터는 다음과 같은 작업을 수행해야 합니다. src/App.vue Tasks JavaScript 배열 맵() 방법을 사용하여 각각 고유한 ID, 제목 및 참고를 가진 10개의 샘플 작업 목록을 자동으로 생성합니다. 태스크 목록 표시 v-list 구성 요소 및 기타 하위 구성 요소를 사용하여 작업 목록을 표시합니다. v-list는 v-.. 2021. 12. 30.