본문 바로가기
초보도 할 수 있는 코딩

여권 , 민증 , 운전면허증 프로그램 만들기 2단계

by mammothbbang 2025. 4. 13.
반응형

사진 도우미 #2 – 프로그램의 집 만들기

오늘은 우리가 만들 사진 도우미 프로그램의 기초 틀, 즉 '집'을 짓는 날이에요! 폴더 구조를 정리하고, 필요한 파일들을 하나씩 만들어볼 거예요. 처음이지만 걱정 마세요! 하나씩 따라만 오시면 됩니다. 😊


1️⃣ 프로그램의 집 짓기 – 폴더 만들기

먼저, 컴퓨터 안에 PHOTO_ID_CONVERTER라는 폴더를 만들어주세요.
그 안에 다음 3개의 폴더를 함께 만들어주세요.

  • templates – 거실 (화면이 보이는 곳)
  • static – 장난감방 (CSS, 이미지, JS)
  • utils – 도구방 (기능 파일 모음)

이 폴더 구조가 프로그램의 뼈대가 됩니다!


🧰 필요한 도구들 – requirements.txt 만들기

메모장을 열고 아래 내용을 복사해서 requirements.txt라는 이름으로 저장해 주세요.


flask
opencv-python
pillow
numpy

이 파일은 프로그램이 필요한 도구(라이브러리)를 정리한 설명서예요.


🚪 현관문 만들기 – main.py

이제 손님이 들어오는 입구, main.py를 만들 차례입니다.


from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True)

이 코드는 아주 간단한 웹페이지를 실행하는 기본 코드입니다. Flask라는 도구를 사용해서 웹서버를 띄워요.


🖼️ 거실 만들기 – index.html

templates 폴더 안에 index.html이라는 파일을 만들어서 아래 내용을 넣어주세요.





  
  사진 도우미

안녕하세요! 사진 도우미입니다.이제 곧 사진을 업로드할 수 있어요!


이 파일은 사용자에게 보여질 웹화면이에요. 나중에 사진 업로드 기능도 여기에 추가할 거예요.


▶ 실행해보기

이제 프로그램이 제대로 실행되는지 확인해볼 차례입니다!

  1. 명령 프롬프트(cmd)를 엽니다
  2. PHOTO_ID_CONVERTER 폴더로 이동합니다
  3. 아래 명령어를 입력해보세요:

pip install -r requirements.txt
python main.py

브라우저에서 http://127.0.0.1:5000을 열면 “안녕하세요! 사진 도우미입니다.”라는 화면이 보일 거예요. 그럼 성공입니다! 👏


다음에 할 일

기초 틀을 만들었으니 이제 기능 추가를 하나씩 해볼 차례예요!

  • 📤 사진 업로드 기능
  • 📏 사진 크기 자동 조정
  • 😎 얼굴 인식 후 자동 자르기

차근차근 하나씩 만들어보면서 개발자 감각을 익혀보세요. 문제가 생기면 댓글로 질문 주세요!


✅ 다양한 GPT 툴을 무료로 체험해보고 싶다면 → 이곳에서 바로 사용해보세요

반응형