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

1.클라이언트와 서버연결 확인(POST연습과 유사)

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

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

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

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

⑤ index.html에서 해당 함수가 어디에 위치하는지 확인.

 

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

① 클라이언트로부터 데이터 받을 필요 없음. (모인 데이터를 보여주기만 할뿐.)

② dbprac에서 여러개 찾기 가져와서 변수, 컬렉션명 수정. find 조건없으면 비움.

    *mongo DB에서 자료 내려주는 것.

③ 내려줄 정보만 return jasonify 작성.

'all_orders'는 index.html에서 response값

 

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

① index.html의 서버 대응부분으로 가서 (서버에게 주는 정보 없으니 ?이하 삭제)

② reponse에 app.py에 대응하는 함수가 잘 작동하는지 확인.(콘솔창)

③ 콘솔창 보고 보여줄 정보 작성. (let 변수명 = response['app.py의 키'] ... )

    *all_orders는 app.py에서 받음

④ for문으로 돌려서 붙일 정보들 받고 

⑤ append로 temp_html붙이기.

    *2주차 ajax와 같음(temp_html이 들어갈 곳 body에서 찾아서 가져옴)

 

4.확인

브라우저 작동해서 확인.

 

 

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

***괄호나 들여쓰기 신경쓰기***