300 lines
14 KiB
Dart
300 lines
14 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:http/http.dart' as http; // http 패키지 임포트
|
|
import 'dart:convert'; // JSON 변환을 위해 임포트
|
|
import 'login_page.dart'; // 로그인 페이지 임포트 추가
|
|
import 'dart:convert' show utf8; // UTF-8 디코딩을 위해 임포트
|
|
import 'package:crypto/crypto.dart'; // crypto 패키지 임포트
|
|
|
|
class SignUpPage extends StatefulWidget {
|
|
const SignUpPage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
_SignUpPageState createState() => _SignUpPageState();
|
|
}
|
|
|
|
class _SignUpPageState extends State<SignUpPage> {
|
|
// 상태 변수
|
|
bool _isAgreed = false; // 개인정보 수집 동의 체크박스 상태
|
|
String _username = '', _password = '', _confirmPassword = '', _nickname = '', _email = '';
|
|
String _department = '', _introduceMyself = ''; // 소속 및 자기소개
|
|
String? _usernameError, _passwordError, _confirmPasswordError, _nicknameError, _emailError;
|
|
|
|
// 유효성 검사
|
|
bool _isUsernameValid(String username) => RegExp(r'^(?![0-9])[A-Za-z0-9]{6,20}$').hasMatch(username);
|
|
bool _isPasswordValidPattern(String password) => RegExp(r'^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,20}$').hasMatch(password);
|
|
bool _isEmailValid(String email) => RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$').hasMatch(email);
|
|
bool _isNicknameValid(String nickname) => RegExp(r'^[A-Za-z가-힣0-9]{2,20}$').hasMatch(nickname);
|
|
|
|
// 입력값 검증
|
|
void _validateInput(String label) {
|
|
setState(() {
|
|
if (label == '아이디') {
|
|
_usernameError = _isUsernameValid(_username) ? null : '아이디는 6~20자 영문 대소문자와 숫자 조합이어야 하며, 숫자로 시작할 수 없습니다.';
|
|
} else if (label == '비밀번호') {
|
|
_passwordError = _isPasswordValidPattern(_password) ? null : '비밀번호는 8~20자 영문과 숫자가 반드시 포함된 조합이어야 합니다.';
|
|
} else if (label == '비밀번호 확인') {
|
|
_confirmPasswordError = _password == _confirmPassword ? null : '비밀번호가 일치하지 않습니다.';
|
|
} else if (label == '닉네임') {
|
|
_nicknameError = _isNicknameValid(_nickname) ? null : '* 닉네임은 2~20자 영문, 한글, 숫자만 사용할 수 있습니다.';
|
|
} else if (label == '이메일') {
|
|
_emailError = _isEmailValid(_email) ? null : (_email.isNotEmpty ? '올바른 이메일 형식을 입력해주세요.' : null);
|
|
}
|
|
});
|
|
}
|
|
|
|
// 회원가입 요청
|
|
Future<void> _signUp() async {
|
|
final url = 'https://eldsoft.com:8097/user/signup';
|
|
|
|
// 체크박스 상태에 따라 mandatory_terms_yn 값 설정
|
|
final mandatoryTermsYn = _isAgreed ? 'Y' : 'N';
|
|
|
|
// 비밀번호를 SHA-256으로 해싱
|
|
final hashedPassword = _hashPassword(_password);
|
|
|
|
final body = {
|
|
"user_id": _username,
|
|
"user_pw": hashedPassword, // 해싱된 비밀번호 사용
|
|
"nickname": _nickname,
|
|
"user_email": _email,
|
|
"department": _department,
|
|
"introduce_myself": _introduceMyself,
|
|
"mandatory_terms_yn": mandatoryTermsYn // 체크박스 상태에 따라 값 설정
|
|
};
|
|
|
|
try {
|
|
final response = await http.post(
|
|
Uri.parse(url),
|
|
headers: {'Content-Type': 'application/json'},
|
|
body: json.encode(body),
|
|
);
|
|
|
|
// 응답 body를 UTF-8로 디코딩하여 변수에 저장
|
|
final resBody = json.decode(utf8.decode(response.bodyBytes));
|
|
|
|
if (response.statusCode == 200) {
|
|
// result가 OK이어야만 성공여부 판단 가능
|
|
print(resBody);
|
|
if (resBody['result'] == 'OK') {
|
|
if (resBody['response_info']['msg_type'] == 'OK') {
|
|
_showDialog('회원가입 성공', '회원가입이 완료되었습니다.');
|
|
} else {
|
|
_showDialog('회원가입 실패', '${resBody['response_info']['msg_content']}');
|
|
}
|
|
} else {
|
|
_showDialog('회원가입 실패', '${resBody['response_info']['msg_content']}');
|
|
}
|
|
} else {
|
|
final errorData = json.decode(response.body);
|
|
_showDialog('회원가입 실패', errorData['message'] ?? '회원가입 실패');
|
|
}
|
|
} catch (error) {
|
|
_showDialog('네트워크 오류', '네트워크 오류: $error');
|
|
}
|
|
}
|
|
|
|
// 모밀번호 해싱 함수
|
|
String _hashPassword(String password) {
|
|
final bytes = utf8.encode(password); // 비밀번호를 바이트로 변환
|
|
final digest = sha256.convert(bytes); // SHA-256 해싱
|
|
return digest.toString(); // 해싱된 비밀번호를 문자열로 반환
|
|
}
|
|
|
|
// 모달 창 표시
|
|
void _showDialog(String title, String message) {
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return AlertDialog(
|
|
backgroundColor: Colors.white, // 배경색
|
|
title: Text(
|
|
title,
|
|
style: const TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black, // 제목 색상
|
|
),
|
|
),
|
|
content: Column(
|
|
mainAxisSize: MainAxisSize.min, // 내용 크기에 맞게 조정
|
|
children: [
|
|
Text(
|
|
message,
|
|
style: const TextStyle(
|
|
fontSize: 16,
|
|
color: Colors.black, // 내용 색상
|
|
),
|
|
),
|
|
const SizedBox(height: 20), // 여백 추가
|
|
TextButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop(); // 모달 닫기
|
|
if (title == '회원가입 성공') {
|
|
Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => LoginPage())); // 로그인 페이지로 이동
|
|
}
|
|
// '회원가입 성공'이 아닐 경우 아무 동작도 하지 않음
|
|
},
|
|
style: TextButton.styleFrom(
|
|
foregroundColor: Colors.white, // 버튼 텍스트 색상
|
|
backgroundColor: Colors.black, // 버튼 배경색
|
|
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10), // 버튼 패딩
|
|
),
|
|
child: const Text('확인'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
// 입력 필드 위젯
|
|
Widget _buildTextField(String label, Function(String) onChanged, {bool obscureText = false, String? errorText}) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
TextField(
|
|
onChanged: (value) {
|
|
onChanged(value);
|
|
_validateInput(label); // label에 따라 유효성 검사 수행
|
|
},
|
|
obscureText: obscureText,
|
|
decoration: InputDecoration(
|
|
labelText: label,
|
|
labelStyle: const TextStyle(color: Colors.black),
|
|
border: OutlineInputBorder(),
|
|
focusedBorder: OutlineInputBorder(borderSide: const BorderSide(color: Colors.black, width: 2.0)),
|
|
errorStyle: const TextStyle(color: Colors.red, fontSize: 12),
|
|
),
|
|
),
|
|
if (errorText != null)
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 8.0),
|
|
child: Text(errorText, style: const TextStyle(color: Colors.red, fontSize: 12)),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: Colors.white,
|
|
appBar: AppBar(
|
|
title: const Text('ALL SCORE', style: TextStyle(color: Colors.white)),
|
|
backgroundColor: Colors.black,
|
|
leading: IconButton(
|
|
icon: const Icon(Icons.chevron_left, color: Colors.white),
|
|
onPressed: () => Navigator.pop(context),
|
|
),
|
|
),
|
|
body: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
const Text('회원가입', style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold, color: Colors.black)),
|
|
const SizedBox(height: 32),
|
|
_buildTextField('아이디', (value) => _username = value, errorText: _usernameError),
|
|
_buildTextField('비밀번호', (value) => _password = value, obscureText: true, errorText: _passwordError),
|
|
_buildTextField('비밀번호 확인', (value) => _confirmPassword = value, obscureText: true, errorText: _confirmPasswordError),
|
|
_buildTextField('닉네임', (value) => _nickname = value, errorText: _nicknameError),
|
|
_buildTextField('이메일', (value) => _email = value, errorText: _emailError),
|
|
_buildTextField('소속(선택사항)', (value) => _department = value),
|
|
_buildTextField('자기소개(선택사항)', (value) => _introduceMyself = value),
|
|
const SizedBox(height: 16),
|
|
const Text('개인정보 수집 및 이용 동의서', style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: Colors.black)),
|
|
const SizedBox(height: 8),
|
|
Container(
|
|
height: 200,
|
|
decoration: BoxDecoration(border: Border.all(color: Colors.black.withOpacity(0.5)), borderRadius: BorderRadius.circular(8)),
|
|
child: Scrollbar(
|
|
thickness: 5,
|
|
radius: const Radius.circular(5),
|
|
child: SingleChildScrollView(
|
|
child: const Padding(
|
|
padding: EdgeInsets.all(15.0),
|
|
child: Text(
|
|
'올스코어(이하 "회사"라 합니다)는 이용자의 개인정보를 중요시하며, '
|
|
'「개인정보 보호법」 등 관련 법령을 준수하고 있습니다. '
|
|
'회사는 개인정보 수집 및 이용에 관한 사항을 아래와 같이 안내드리오니, '
|
|
'내용을 충분히 숙지하신 후 동의하여 주시기 바랍니다.\n\n'
|
|
'1. 수집하는 개인정보 항목\n'
|
|
'필수 항목: 아이디(ID), 비밀번호(PW), 닉네임(실명 아님), 이메일 주소\n'
|
|
'선택 항목: 소속, 자기소개\n\n'
|
|
'2. 개인정보의 수집 및 이용 목적\n'
|
|
'회원 관리\n'
|
|
'회원 식별 및 인증\n'
|
|
'부정 이용 방지 및 비인가 사용 방지\n'
|
|
'서비스 이용에 따른 문의 사항 처리\n'
|
|
'서비스 제공\n'
|
|
'게임 생성 및 참여 등 기본 서비스 제공\n'
|
|
'통계 및 순위 제공 등 부가 서비스 제공\n'
|
|
'고객 지원 및 공지사항 전달\n'
|
|
'서비스 관련 중요한 공지사항 전달\n'
|
|
'이용자 문의 및 불만 처리\n\n'
|
|
'3. 개인정보의 보유 및 이용 기간\n'
|
|
'회원 탈퇴 시: 수집된 모든 개인정보는 회원 탈퇴 즉시 파기합니다.\n'
|
|
'관련 법령에 따른 보관: 전자상거래 등에서의 소비자 보호에 관한 법률 등 관계 법령의 규정에 따라 일정 기간 보관이 필요한 경우 해당 기간 동안 보관합니다.\n'
|
|
'계약 또는 청약 철회 등에 관한 기록: 5년 보관\n'
|
|
'대금 결제 및 재화 등의 공급에 관한 기록: 5년 보관\n'
|
|
'소비자의 불만 또는 분쟁 처리에 관한 기록: 3년 보관\n\n'
|
|
'4. 개인정보의 파기 절차 및 방법\n'
|
|
'파기 절차\n'
|
|
'회원 탈퇴 요청 또는 개인정보 수집 및 이용 목적이 달성된 후 지체 없이 해당 정보를 파기합니다.\n'
|
|
'파기 방법\n'
|
|
'전자적 파일 형태: 복구 및 재생이 불가능한 방법으로 영구 삭제\n'
|
|
'종이 문서 형태: 분쇄하거나 소각\n\n'
|
|
'5. 이용자의 권리 및 행사 방법\n'
|
|
'이용자는 언제든지 자신의 개인정보에 대해 열람, 수정, 삭제, 처리 정지를 요구할 수 있습니다.\n'
|
|
'회원 탈퇴를 원하시는 경우, 서비스 내의 "회원 탈퇴" 기능을 이용하시거나 고객센터를 통해 요청하실 수 있습니다.\n\n'
|
|
'6. 동의를 거부할 권리 및 거부 시 불이익\n'
|
|
'이용자는 개인정보 수집 및 이용에 대한 동의를 거부할 권리가 있습니다.\n'
|
|
'그러나 필수 항목에 대한 동의를 거부하실 경우 서비스 이용이 제한될 수 있습니다.\n\n'
|
|
'7. 개인정보 보호책임자\n'
|
|
'이름: 여정훈\n'
|
|
'연락처: eld_yeojh@naver.com\n\n'
|
|
'8. 개인정보의 안전성 확보 조치\n'
|
|
'회사는 개인정보의 안전한 처리를 위하여 기술적, 관리적 보호조치를 시행하고 있습니다.\n'
|
|
'개인정보의 암호화\n'
|
|
'해킹 등에 대비한 대책\n'
|
|
'접근 통제 장치의 설치 및 운영',
|
|
textAlign: TextAlign.left,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
// 동의 체크박스
|
|
Row(
|
|
children: [
|
|
Checkbox(
|
|
value: _isAgreed,
|
|
onChanged: (value) {
|
|
setState(() {
|
|
_isAgreed = value ?? false; // 체크박스 상태 업데이트
|
|
});
|
|
},
|
|
),
|
|
const Text('개인정보 수집 및 이용에 동의합니다.'),
|
|
],
|
|
),
|
|
const SizedBox(height: 16),
|
|
ElevatedButton(
|
|
onPressed: _signUp, // 회원가입 로직 추가
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.black,
|
|
foregroundColor: Colors.white,
|
|
),
|
|
child: const Text('ALL SCORE 회원가입'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
} |