-
[항해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()확인 해주기***
'sparta > 웹개발' 카테고리의 다른 글
[항해99]00사전준비/4주차★추가 (0) 2021.06.05 [항해99]00사전준비/4주차★GET연습 (0) 2021.06.05 [항해99]00사전준비/4주차 (0) 2021.06.04 [항해99]00사전준비/3주차 (0) 2021.06.04 [항해99]00사전준비/2주차 (0) 2021.06.03