본문 바로가기

cs,코딩,알고리즘/스파르타코딩(불꽃대학반)웹개발일지

#4. 스파르타 4주차 개발일지(Flask)//스파르타 프로젝트 발제

728x90

저번까지는 html, css, java script로 서버로부터 갖다줄 파일을 미리 만든 것!

이제는 서버를 만들어서 요청을 받고 파일을 갖다주거나 db와 연결을 해주는 것을 할 것!(백앤드 프론트앤드연결)

로컬개발환경 : 내가 서버를 만들고 또 내 컴퓨터 브라우저로 접속을해!

 

flask_ API만들기

flask 프레임워크 : 서버를 구동시켜주는 코드 모음

app.py라는 파이썬 창에 flask에서 정해둔 render_template()함수를 쓰면 template 폴더 안에 있는 index.html이라는 파일을 클라이언트한테 가져다준다
파이썬으로 9줄만에 서버를 만들었다...! (물론 라이브러리에서 가져온..ㅋㅋ)

index.html로 만든거를 서버가 가져다 주는 것!

 

API : 은행의 창구느낌->규칙이 있고 그에 해당하는 주소도 존재

우리가 만들 2가지의 API:

Get-데이터 조회 요청=>카드들 만들고 (URL 뒤에 물음표를 붙여 key=value로 전달) 페이지 정보 찾고 저장하기...AJAX로 콜...

Post- 데이터 만든거나 변경하거나 삭제할 떄 ex-회원가입=>저장된 카드 보여주기

미니프로젝트_모두의 책리뷰

title, author, review받아야해

1. post(리뷰 저장)

서버app.py

클라이언트가 입력한 title, author, review받아오고/ DB에 doc으로 정보 삽입/ 성공메세지 반환

클라이언트코드 index.html

1. input에서 title, author, bookreview 내용 가져오고

2. ajax로 보내줘야 하는데 이때 서버가 명칭한 대로 title_give는 title값을 가져가고, author_give는 author값을 가져가고 review_give는 review값을 가져가고

만약에 data값을 서버로 다 잘 가져갔다면, 서버의 DB에서 저장도 끝내고 서버에서 저장완료를 내면 클라이언트의 response가 msg로 alert한다.

2. GET(리뷰 보여주기)

흐아아앙...또 길을 잃었다.... 살려주세요ㅠㅠㅠ

 

 

 

=>음 엄 원리는 단순한 것 같다. 서버롸 클라이언트를 연결해주면 되니까.. 근데 하나도,,,익숙하지가 않다 어렵다.. 다른 사람들은 어떻게 하고 있으려나.. 앞부분에 놓친 것들이 매우 신경쓰이면서 이 수업에 집중이 잘 안되는 거 같기도 하고,, 흐아아앙 매우매우 절망스럽구만

소화력이 부족한 것 같다 항해 99 수강하시는 분들보다 적으니 앞부분 그래도 한번 더 해봐야 겠다,, 약간 수업 듣고 다 내 몸 밖으로 나간 느낌이랄까..엉엉  

 

 

 

 

https://www.notion.so/teamsparta/4-682b2d244357441f8469b861562781fc

 

[스파르타코딩클럽] 웹개발 종합반 - 4주차

매 주차 강의자료 시작에 PDF파일을 올려두었어요!

www.notion.so

 

 

스터디 및 프로젝트 발제

우왕..!!... 드디어...되었다.... 진짜 싱기방기.... 이모티콘고 보내고 허허// 왜 사람들이 게더타운할 때 줌을 많이 언급하는지도 알겠당 약간 줌이랑 게임을 섞은 느낌이랄까..?..
프로젝트 진행 발제!! 세상 설렌다.. 크흐흐 옛발부터 만들어보고 싶은 웹페이지가 있었는데 진짜 이번 방학 후회안되게 만들어봐야지!!

수업들으면서 이거 어떻게 소화해,,,하면서 걱정만 했었는데,, 범규님이 항해99 수강하시는 분들말해주면서 하루죙일 붙들고 계신다고 했다.. 나는 역시,, 병아리,,삐약삐야,,ㄱ,,, 그리고 수업도 코딩 달달달 외울 필요 없다고 하셨다. 그냥 웹 페이지를 보고 어떻게 했는지 과정정도만 기억 날똥말똥하면 된다고,,ㅋㅋㅋㅋ 프로젝트 진행할 때 왔다리갔다리 하면 된다고 하셨다.. 화이팅!!!..