웹개발 플러스 1주차

yg lim·2022년 6월 30일
0

웹개발

목록 보기
6/7
  1. html로 뼈대만들기
  • 부트스트랩, 구글폰트, css, jquary 등을 활용하여 꾸미기
  • 새로배운 사항은 파일업로드 기능임.
    • 파일업로드 기능은
      1) 스크립트에 추가 : bsCustomFileInput.init(), 로딩시 활성화필요
      2) 헤드에 태그 추가: script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.js"></script
      3) 폼 추가 : div class="custom-file">
      input type="file" class="custom-file-input" id="customFile">
      label class="custom-file-label" for="customFile">Choose file</label</div
  1. flask로 (로컬)서버만들기
  • 패키지 설치 : flask, pymongo
  • 포스팅 기능 구현
    • html: posting 함수 설정, 파일업로드시에는 form_data형식으로 모두 보냄, 함수기능이 적용되는 곳에 넣어야 함.
    • py: save 함수 설정, 받은 것을 잘 처리하여 저장함.
      • 업로드된 파일을 받는 것이므로, 파일확장자 및 파일명(중복이되지 않게 시간으로 설정)을 설정함. 시간을 설정하기 위해서는 datetime 패키지를 사전세팅하는 것이 필요함. 이 처리된 것을 디렉토리 형식으로 지정하여 pymongo에 저장함.
  • 리스팅 기능 구현
    • py: show 함수 설정, db에 있는 것을 어떻게 보여줄 것인지(오름차순, 내림차순, 조건설정 등) 설정 후 통으로(?) 보냄
    • html: listing 함수 설정, 받아온 것을 하나씩 잘 발라내어서(?) 변수처리를 한 후, temp_html기능을 사용하여 최신화될 수 있도록 함.
  1. 서버에 올리기
  • 아마존서버 : 서울!!!인지 확인하기
  • git bash : 터미널프로그램, 세팅, 패키지설치 등 명령 진행
  • filezilla : ftp프로그램, 파일업로드 및 변경
  • 포트개방 : 80포트가 기본임,80->5000으로 보내주는 원리
  • nohup python app.py & 로 계속 서버 돌게하기
  • ps -ef | greq 'app.py' kill 9 ##### 로 서버 프로세스 종료하기
  • 도메인연결
profile
who want to find sth new!

0개의 댓글