Flask 기반 ATM 시뮬레이터 프로젝트 요약

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• 초보자~중급 Python/Flask 개발자
• 웹 애플리케이션 개발에 관심 있는 학습자
• 프론트엔드/백엔드 통합 구현 사례를 참고하고자 하는 개발자
• 난이도: 기초~중급 (Flask 기초 구조 및 HTML/CSS/JS 활용)

핵심 요약

• Flask 기반의 완전한 ATM 시뮬레이터 웹 애플리케이션 구현 (Python 3.10+, Flask 2.0+)
• 핵심 기능: 해시 처리된 PIN 인증, 관리자 권한 시스템, JSON 기반 가상 데이터베이스, 토글 가능한 다크 모드
• 기술 스택: Flask, Jinja2 템플릿, HTML/CSS/JS 활용한 클라이언트-서버 통신

섹션별 세부 요약

1. 주요 기능 개요

• 사용자 인증 시스템:

- 해시 처리된 PIN/비밀번호 기반 로그인/회원가입 기능 구현

- 사용자/관리자 권한 분리 (Role-based Access Control)

• 기본 ATM 기능:

- 입금, 출금, 잔액 확인 기능 포함

- 관리자 패널에서 사용자 생성/삭제 가능

• UX/UI 요소:

- localStorage를 활용한 다크 모드 전환 기능

- 세션 관리 및 플래시 메시지 처리 구현

2. 기술 스택 및 구현 방식

• 백엔드:

- Python과 Flask 프레임워크를 사용한 서버 구축

- Jinja2 템플릿 엔진을 통한 HTML 렌더링

• 프론트엔드:

- HTML, CSS, JavaScript로 구성된 클라이언트 인터페이스

- localStorage를 활용한 사용자 설정 저장

• 데이터 저장:

- JSON 파일을 가상 데이터베이스로 사용 (데이터베이스 연동 없음)

3. 피드백 요청 사항

• 코드 구조/보안:

- 해시 처리 방식, 세션 관리, 보안 취약점 점검 요청

• UI/UX 개선:

- 레이아웃 최적화, 사용자 친화성 향상 제안 요청

• 기능 개선:

- 추가 기능 (예: 이체, 이력 조회) 및 기능 개선 요청

결론

• 실무 적용 팁: Flask 기반 웹 앱 개발 시 Jinja2 템플릿과 localStorage 활용이 유용하며, 보안 처리는 해시 알고리즘(bcrypt 등) 사용을 권장
• 프로젝트 핵심: 기초 기능부터 확장성까지 고려한 간단한 웹 애플리케이션 구현 예시로, 초보자에게 추천
• 추가 개선 방향: JSON 대신 SQLite/PostgreSQL 연동, 보안 강화, 테스트 코드 추가 등이 실무 적용 시 필요