🗂️ Day29 프로젝트: 패스워드 매니저 GUI

Tkinter 모듈로 패스워드를 생성하고 텍스트 파일에 저장하는 프로그램

1. 이미지를 다루고 캔버스 설정하기

🔍 유의 사항

• Canvas documentation on TkDocs 참고

⌨️ main.py

from tkinter import *

# ---------------------------- UI SETUP ------------------------------- #
window = Tk()
window.title("Passwork Manager")
window.config(padx=20, pady=20)

canvas = Canvas(width=200, height=200)
logo_img = PhotoImage(file="logo.png")
canvas.create_image(100, 100, image=logo_img)
canvas.grid()

window.mainloop()

2. grid()와 columnspan으로 사용자 인터페이스 완성하기

🔍 유의 사항

• 레이아웃 : 5행 3열
• 위젯 하나가 여러 열을 걸치도록 설정해야 한다
  widget.grid( …, columnspan=num ) : grid의 속성으로, 해당 위젯이 $num$개의 열에 걸쳐짐

from tkinter import *
window = Tk()
# 빨강색 상자
r = Label(bg="red", width=20, height=5)
r.grid(row=0, column=0)
# 초록색 상자
g = Label(bg="green", width=20, height=5)
g.grid(row=1, column=1)
# 파란색 상자
b = Label(bg="blue", width=40, height=5)
b.grid(row=2, column=0, columnspan=2)

⌨️ main.py

from tkinter import *

# ---------------------------- UI SETUP ------------------------------- #
window = Tk()
window.title("Passwork Manager")
window.config(padx=50, pady=50)

# 캔버스
canvas = Canvas(width=200, height=200)
logo_img = PhotoImage(file="logo.png")
canvas.create_image(130, 100, image=logo_img)
canvas.grid(row=0, column=1)

# 레이블
website_label = Label(text="Website:")
website_label.grid(row=1, column=0)
email_label = Label(text="Email/Username:")
email_label.grid(row=2, column=0)
password_label = Label(text="Password:")
password_label.grid(row=3, column=0)

# 엔트리
website_entry = Entry(width=38)
website_entry.grid(row=1, column=1, columnspan=2)
email_entry = Entry(width=38)
email_entry.grid(row=2, column=1, columnspan=2)
password_entry = Entry(width=21)
password_entry.grid(row=3, column=1)

# 버튼
generate_password_button = Button(text="Generate Password")
generate_password_button.grid(row=3, column=2)
add_button = Button(text="Add", width=36)
add_button.grid(row=4, column=1, columnspan=2)

window.mainloop()

3. 데이터를 파일에 저장하기

🔍 유의 사항

• 시작하자마자 커서가 website를 입력하는 부분에서 활성화되도록 바꾸기
  entry.focus() : 커서를 해당 엔트리 입력 필드로 포커싱
• email 필드는 미리 입력해 놓기
  entry.insert( index, string ) : 주어진 인덱스에 문자열을 삽입
  • index : 커서의 위치
    • 0 : 엔트리 시작 부분(맨 앞)에 문자열 삽입
    • END : 입력 필드 안의 맨 마지막 문자를 나타내는 상수
  • string : 삽입하려는 문자열
• add 버튼을 누르면 data.txt 파일에 입력한 정보들을 저장하기
  entry.get( ) : 해당 엔트리 필드의 컨텐츠를 문자열로 반환
• add 버튼을 누르고 나면, 입력 필드에 있던 것들을 초기화하기
  entry.delete( first, last=None ) : 주어진 범위의 문자들을 삭제
  • first : 범위의 시작
  • last : 범위의 끝으로, 생략 시 문자 하나만 지워짐

⌨️ main.py

from tkinter import *

# ---------------------------- SAVE PASSWORD ------------------------------- #
def save():
    website = website_entry.get()
    email = email_entry.get()
    password = password_entry.get()

    with open("data.txt", 'a') as data_file:
        data_file.write(f"{website}  |  {email}  |  {password}\n")
        website_entry.delete(0, END)
        password_entry.delete(0, END)

# ---------------------------- UI SETUP ------------------------------- #
…
add_button = Button(text="Add", width=36, command=save)
…

📄 data.txt

Amazon  |  example@gmail.com  |  123456
Facebook  |  example@gmail.com  |  Qwerty
Google  |  example@gmail.com  |  Zxcvbn

4. 메시지 박스와 팝업창

🔍 유의 사항

• 사용자가 Add버튼을 누를 때, 그냥 저장되는 것이 아니라 세부정보를 알 수 있어야 한다
• Tkinter 팝업창(standard diglogs)의 메시지 박스(message boxes)
  (클래스가 아니기 때문에 *로 tkinter를 임포트했어도 따로 임포트 해야 함)
  • messeagebox.showinfo( title=text, message=text, **options… )
  • messeagebox.showwarning( title=text, message=text, **options… )
  • messeagebox.showerror( title=text, message=text, **options… )
  • messeagebox.askquestion( title=text, message=text, **options… )
  • messeagebox.askokcancel( title=text, message=text, **options… )
  • messeagebox.askretrycalcel( title=text, message=text, **options… )
• 사용자가 Add버튼을 누를 때, 웹사이트나 비밀번호가 미작성됐다면 이를 알려야 한다
  • 웹사이트나 비밀번호 필드에 작성한 콘텐츠의 길이가 0일 때를 의미

⌨️ main.py

from tkinter import *
from tkinter import messagebox

# ---------------------------- SAVE PASSWORD ------------------------------- #
def save():
    website = website_entry.get()
    email = email_entry.get()
    password = password_entry.get()

    # 유효성 검사를 하는 메시지 박스
    if len(website) == 0 or len(password) == 0:
        messagebox.showwarning(message="Please make sure "
                                       "you haven't left any fields empty.")
    else:
        # 입력한 정보를 다시 확인 후, ok를 누르면 저장하고 calcel을 누르면 취소하는 메시지 박스
        is_ok = messagebox.askokcancel(title=website,
                                       message=f"these are the details entered:\n"
                                               f"Email: {email}\nPassword: {password}\n"
                                               f"Is it ok to save?")
        if is_ok:
            with open("data.txt", 'a') as data_file:
                data_file.write(f"{website}  |  {email}  |  {password}\n")
                website_entry.delete(0, END)
                password_entry.delete(0, END)

# ---------------------------- UI SETUP ------------------------------- #
…
add_button = Button(text="Add", width=36, command=save)
…

• 해당 Mac OS에서 title은 출력 안됨
• 정렬, 폰트, 창 크기 등 디테일한 설정은 메시지 박스에서 불가능

5. 패스워드를 생성하고 클립보드에 복사하기

🔍 유의 사항

• 🗂️ Day5 프로젝트 : 비밀번호 생성기 코드 재활용 및 수정
  • 원하는 자리수를 입력하는 대신 지정
    (문자 : 8 - 10자리, 기호 : 2 - 4자리, 숫자 : 2 - 4자리)
  • 리스트 컴프리헨션으로 코드 단축
  • string.join( iterable ) : 시퀀스의 모든 원소를 string으로 구분하여 이은 새 문자열 생성
    • 원소들을 빈 칸 없이 하나로 결합하려면 string 자리에 빈 문자열 입력
• Generate Password 버튼을 누르면, Password 필드에 자동 생성되도록 변경
• pyperclip (pypi 링크)
  • 기능1 : 클립보드에 지정한 텍스트를 바로 복사
  • 기능2 : 클립보드의 내용을 바로 붙여넣기

⌨️ main.py

from tkinter import *
from tkinter import messagebox
from random import choice, randint, shuffle
import pyperclip

# ---------------------------- PASSWORD GENERATOR ------------------------------- #
def generate_password():
    # 이미 생성된 패스워드가 있는 상태에서 또 버튼을 누를 경우 패스워드 엔트리 비우기
    password_entry.delete(0, END)
    
    # Day5 코드 재활용 및 수정
    letters = [
        'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o',
        'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D',
        'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S',
        'T', 'U', 'V', 'W', 'X', 'Y', 'Z'
    ]
    numbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9']
    symbols = ['!', '#', '$', '%', '&', '(', ')', '*', '+']

    password_list = [choice(letters) for _ in range(randint(8, 10))]
    password_list += [choice(symbols) for _ in range(randint(2, 4))]
    password_list += [choice(numbers) for _ in range(randint(2, 4))]

    shuffle(password_list)

    password = "".join(password_list)
    password_entry.insert(0, password)
    pyperclip.copy(password)
# ---------------------------- SAVE PASSWORD ------------------------------- #
def save():
    website = website_entry.get()
    email = email_entry.get()
    password = password_entry.get()

    if len(website) == 0 or len(password) == 0:
        messagebox.showwarning(message="Please make sure "
                                       "you haven't left any fields empty.")
    else:
        is_ok = messagebox.askokcancel(title=website,
                                       message=f"these are the details entered:\n"
                                               f"Email: {email}\nPassword: {password}\n"
                                               f"Is it ok to save?")
        if is_ok:
            with open("data.txt", 'a') as data_file:
                data_file.write(f"{website}  |  {email}  |  {password}\n")
                website_entry.delete(0, END)
                password_entry.delete(0, END)

# ---------------------------- UI SETUP ------------------------------- #
window = Tk()
window.title("Passwork Manager")
window.config(padx=50, pady=50)

canvas = Canvas(width=200, height=200)
logo_img = PhotoImage(file="logo.png")
canvas.create_image(130, 100, image=logo_img)
canvas.grid(row=0, column=1)

website_label = Label(text="Website:")
website_label.grid(row=1, column=0)
email_label = Label(text="Email/Username:")
email_label.grid(row=2, column=0)
password_label = Label(text="Password:")
password_label.grid(row=3, column=0)

website_entry = Entry(width=38)
website_entry.grid(row=1, column=1, columnspan=2)
website_entry.focus()
email_entry = Entry(width=38)
email_entry.grid(row=2, column=1, columnspan=2)
email_entry.insert(0, "example@gmail.com")
password_entry = Entry(width=21)
password_entry.grid(row=3, column=1)

generate_password_button = Button(text="Generate Password", command=generate_password)
generate_password_button.grid(row=3, column=2)
add_button = Button(text="Add", width=36, command=save)
add_button.grid(row=4, column=1, columnspan=2)


window.mainloop()

▷ Angela Yu, [Python 부트캠프 : 100개의 프로젝트로 Python 개발 완전 정복], Udemy, https://www.udemy.com/course/best-100-days-python/?couponCode=ST3MT72524