[항해99]00사전준비/4주차★POST연습

• 코드 관리를 위해 폴더세팅 먼저.
• 파이참 열고 세팅에서 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()확인 해주기***