사용자 등록 양식 제출
설명: 이 프로젝트에는 등록을 위해 사용자로부터 정보를 수집하는 웹 양식을 만드는 작업이 포함됩니다. 사용자가 정보를 입력하면 양식은 처리를 위해 수신된 정보를 지정된 이메일 주소로 보냅니다.
목차
- 특징
- 기술
- 당신은
- 개인 정보 보호 및 보안
- 자동 로드 파일 생성 및 포함
특징:
- 사용자 데이터 입력을 위한 간단하고 사용자 친화적인 웹 양식 인터페이스
- 이름, 이메일 주소, 연락처 등 사용자 정보를 수집하는 항목
- 입력된 정보의 정확성과 완전성을 보장하기 위한 양식 검증
- 처리를 위해 수집된 정보를 지정된 이메일 주소로 보내는 이메일 기능
- 수집된 정보를 명확하고 체계적으로 포맷하기 위한 템플릿 설정
기술:
- 클라이언트 측 개발을 위한 HTML, CSS 및 JavaScript
- 양식 처리 및 이메일 기능을 위한 서버측 PHP 프로그래밍 언어
- PHP 종속성 관리를 위한 Composer 라이브러리
- 애플리케이션 배포 및 테스트를 위한 Open Server 로컬 서버
- 전반적으로 이 프로젝트는 등록을 위한 사용자 정보를 수집하고 등록 프로세스를 간소화하는 간단하고 효과적인 방법을 제공합니다.
Github 페이지에서 호스팅한 프로젝트의 데모 버전을 여러분에게 선보이게 되어 기쁘게 생각합니다. 프로젝트의 데모 버전 링크를 따라가서 확인해 보세요.
양식을 이메일로 보내려면 다음을 수행해야 합니다.
- 컴퓨터에 Composer를 설치합니다.
- SMTP 공급자가 이메일 전송을 차단하는지 확인하세요.
- Windows를 사용하는 경우 OS가 SMTP 전송을 차단하는지 확인하세요.
- Open Server 또는 이메일 전송을 지원하는 기타 로컬 서버를 설치합니다.
- 이 저장소를 복제하세요.
- 양식을 사용하기 전에 mail.php 파일에서 이메일 설정을 구성해야 한다는 점에 유의하세요.
이메일 양식 제출을 설정하는 방법
전제 조건
시작하기 전에 다음 필수 구성 요소가 있는지 확인하세요.
- 컴퓨터에 Composer가 설치되어 있습니다.
- 이메일 전송을 지원하는 로컬 서버(예: Open Server)
- 이메일 전송이 차단되었는지 확인하기 위해 SMTP 공급자에 액세스
- OS에 액세스하여 SMTP 전송이 차단되었는지 확인(Windows에만 해당)
설치
이메일 양식 제출을 설정하려면 다음 단계를 따르세요.
- 이 저장소를 로컬 머신에 복제하세요.
- Composer를 아직 설치하지 않았다면 설치하세요.
- SMTP 공급자가 이메일 전송을 차단하는지 확인하세요.
- Windows를 사용하는 경우 OS가 SMTP 전송을 차단하는지 확인하세요.
- Open Server 또는 이메일 전송을 지원하는 기타 로컬 서버를 설치합니다.
- 다음과 같은 방법으로
mail.php
파일을 구성합니다.- "try {" 블록을 찾고 "// config.php" 주석을 찾으세요.
- 값을 편집합니다.
$mail->Username
에 이메일 주소(예: " [email protected] ")를 설정하고 $mail->setFrom(EMAIL_FROM)
에 복제합니다. -
$mail->addAddress(EMAIL_TO)
줄에서 EMAIL_TO
인수를 양식 제출을 받을 이메일 주소로 바꿉니다(테스트 목적으로 자신의 이메일을 사용할 수 있습니다). - 마지막으로
SMTP_PASSWORD
를 다음 단계에서 생성한 비밀번호로 바꾸세요.
- Google 계정에서 앱 비밀번호를 생성하세요.
- "계정"(Gmail 계정이 아니라 Google 계정)으로 이동합니다.
- 검색창에 '앱 비밀번호'를 입력하세요.
- 방향을 정하려면 이름을 선택하세요.
- '사용자 비밀번호' 대괄호 안에
SMTP_PASSWORD
대신 복사하여 붙여넣어야 하는 비밀번호가 제공됩니다. - 비밀번호를 다시 볼 수 없으므로 비밀번호를 사용할 때까지 이 브라우저 탭을 닫지 마세요.
이메일 양식 제출에 대한 개인정보 보호 및 보안 조치
개인 정보 보호는 이메일 양식 제출을 설정할 때 중요한 측면입니다. 민감한 정보의 개인 정보 보호를 보장하려면 다음 예방 조치를 취하는 것이 좋습니다.
- 이메일 전송 비밀번호를 공유하지 마세요. 이메일이나 채팅, 메시지 등 기타 커뮤니케이션 방법을 통해 이메일 전송 비밀번호를 공유하지 마세요. 귀하만이 접근할 수 있는 안전한 장소에 비밀번호를 보관하십시오.
- 공개 리소스에 구성 파일을 게시하지 마세요. GitHub나 기타 호스팅 서비스와 같은 공개 리소스에 구성 파일(예: mail.php)을 게시하지 마세요. 대신, 구성 데이터를 저장하기 위한 변수를 생성할 수 있는 config.php 파일을 사용하십시오. 또한 GitHub에 업로드할 때 저장소에서 제외하려면
config.php
파일을 .gitignore
에 추가하는 것이 좋습니다.
이러한 예방 조치를 따르면 개인 정보를 보호하고 잠재적인 위협으로부터 프로젝트를 보호하는 데 도움이 됩니다. 이메일 양식 제출을 설정할 때 이러한 권장 사항을 준수하십시오.
자동 로드 파일 생성 및 포함
프로젝트 설정을 완료하려면 터미널에서 composer dumpautoload
명령을 실행해야 합니다. 그러면 새로운 파일 vendor/autoload.php
생성됩니다. 이 파일에는 모든 클래스와 해당 위치 목록이 포함되어 있으며 클래스가 사용될 때 자동으로 로드되도록 코드( mail.php
)에 이미 포함되어 있습니다.
이 명령을 실행하면 composer.json
파일에 나열된 모든 필수 클래스를 프로젝트에 추가할 수 있습니다.
그게 다야! 이제 이메일을 통해 양식 제출을 받을 준비가 되었습니다.
프런트엔드 멘토 - 가입 양식 솔루션이 포함된 소개 구성 요소
이는 Frontend Mentor의 가입 양식 문제가 포함된 소개 구성 요소에 대한 솔루션입니다. 프론트엔드 멘토 챌린지는 현실적인 프로젝트를 구축하여 코딩 기술을 향상시키는 데 도움이 됩니다.