ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [항해99]00사전준비/4주차★POST연습
    sparta/웹개발 2021. 6. 5. 01:33
    • 코드 관리를 위해 폴더세팅 먼저.
    • 파이참 열고 세팅에서 flask 및 pymongo 설치.
    • static 폴더, templates 폴더(안에 index.html 파일 만들기), app.py 파일 만들고 시작.
    • app.py 파일과 index.html 파일 준비되면 app.py 구동시키고 localhost:5000으로 브라우저 열기.

    1.클라이언트와 서버연결 확인

    ① 새로고침 하고 app.py 파일에서 POST 함수부분을 index.html 파일에서 연결되는 곳 찾기.

    ② (없으면 기존 코드 참고해서 새로 작성.)

    ③ 해당 부분의 함수 기능(버튼이면 클릭해서) 결과값(alert창 등)이 나오는지 연결 확인.

    ④ (결과값의 내부 메세지는 app.py로 돌아와서 확인.

     

    2.서버만들기 (app.py 파일)

    ① 서버가 전달받아야 하는 정보 작성해서 받고

    ② (받은 데이터 크롤링 해오기 - 나홀로메모장과 같은 상황일때)

    ③ 데이터 저장을 위해 dbprac(참고할 코드 파일) 열어서 insert 코드 작성.

    ④ 새로운 db 컬렉션 이름 만들어서 넣어 줌.

    doc의 value는 ①의 변수명

     

    3.클라이언트 만들기 (index.html 파일)

    ① index.html의 서버 대응 부분으로 가서 클라이언트가 가져가야 할 데이터 작성.

    ② (없으면 기존 코드 참고해서 새로 작성.)

    ③ ajax의 data 딕셔너리 app.py 파일에서 request 한 것으로 변경.

        *data의 key는 app.py에서, value는 ①의 변수명.

    $('#')은 해당 input박스등의 id

     

    4.확인

    Robo 3T 실행해서 데이터 들어왔나 확인.

     

     

    ***중간중간 console.log()확인 해주기***

    댓글

Designed by Tistory.