스파르타 웹 개발 종합 - 4주차

heehe·2023년 1월 14일
0

Sparta-coding club

목록 보기
11/16
post-thumbnail

오늘 공부한 내용 📋


  • 스파르타 웹 개발 종합 - 4주차 진행 중
    • Flask 시작, API 생성

    • Pycharm → Preference → Python Interpreter Flask 패키지 설치

    • Flask 기초 : 서버를 구동시켜주는 편한 코드 모음

    • app.py : 서버 돌리는 파일

    • 시작 코드

      from flask import Flask
      app = Flask(__name__)
      
      @app.route('/')
      def home():
         return 'This is Home!'
      
      if __name__ == '__main__':  
         app.run('0.0.0.0',port=5000,debug=True)
      
      #Run app 후 터미널 실행 성공 메세지 
      #localhost:5000 접속시 접속 가능
  • URL 나눠보기
    • @app.route('/) ← 수정해서 나눌 수 있음

    • url 별로 함수명이 같거나, route('/')내의 주소가 같으면 안됨

      from flask import Flask
      app = Flask(__name__)
      
      @app.route('/')
      def home():
         return 'This is Home!'
      
      @app.route('/mypage')
      def mypage():  
         return 'This is My Page!'
      
      if __name__ == '__main__':  
         app.run('0.0.0.0',port=5000,debug=True)
  • Flask 서버 생성할때, 항상,
    프로젝트 폴더 안에,
    ㄴstatic 폴더 (이미지, css파일을 넣어둡니다)
    ㄴtemplates 폴더 (html파일을 넣어둡니다)
    ㄴapp.py 파일 (실행)
  • html 불러오기 (flask 내장함수 render_template를 이용)
    from flask import Flask, render_template
    app = Flask(__name__)
    
    ## URL 별로 함수명이 같거나,
    ## route('/') 등의 주소가 같으면 안됩니다.
    
    @app.route('/')
    def home():
       return render_template('index.html')
    
    if __name__ == '__main__':
       app.run('0.0.0.0', port=5000, debug=True)
  • API
    • 클라이언트가 요청 할 때에도, "방식"이 존재
    • 클라이언트는 요청할 때 HTTP request method(요청 메소드)를 통해, 어떤 요청 종류인지 응답하는 서버 쪽에 정보알려줌
      • GET → 통상적으로! 데이터 조회(Read)를 요청할 때
        예) 영화 목록 조회
        데이터 전달 : URL 뒤에 물음표를 붙여 key=value로 전달
        → 예: google.com?q=북극곰
    • POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때
      예) 회원가입, 회원탈퇴, 비밀번호 수정
      데이터 전달 : 바로 보이지 않는 HTML body에 key:value 형태로 전달
    • 시작하기 전 JQuery import 진행

      <head> </head> 사이에 넣으면 됨!
      **<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>**
  • GET, POST API 만들기 예제 완료!

  • 웹 자동화 만들기

    • 자동 댓글 달기 완성 (깃허브 공유)

회고 및 코멘트 🙏🏻


  • API 만들고 나서야 정확하게 서버 구조가 이해되는 것 같다. 진짜로!
  • 이제야 본격적으로 세팅해서 웹 구축해볼 수 있을 것 같아서 좋음!
  • 웹 자동화 만들면서 파이썬 언어 야금야금 알아는건 좋음!
profile
성장하고픈 ISFJ

0개의 댓글