[웹개발 입문 강의] [프로젝트 실습] 팬명록 페이지

스파르타 코딩클럽 웹개발 종합반 인강 - 공부 기록

 

수강 시작 ~ 

2023. 06. 06 ~ 

 

https://github.com/hotdog7778/sparta

---

팬명록 프로젝트의 폴더 및 파일 생성

• templates/index.html
• app.py
• venv

라이브러리 설치

• pip install flask pymongo dnspython

뼈대 만들기

• 기본 코드를 작성 후 (app.py, index.html)
• localhost:5001 접속
• GET, POST 연결 확인

 

온도 API 사용하기

function set_temp() {
            fetch("<http://spartacodingclub.shop/sparta_api/weather/seoul>").then((res) => res.json()).then((data) => {
                // console.log(data['temp'])
                
                let temp = data['temp']
                $('#temp').text(temp)
            });
        }

 

 

POST

댓글 남기기를 누르면 데이터를 DB로 전달 > 저장 완료 메세지 까지 출력

 

GET

db에서 데이터를 가져온다음 댓글들을 화면에 보여준다.

 

og 태그

내 페이지 공유시 정보가 나오도록 og태그를 달아보자.

<!-- og 태그 -->
    <meta property="og:title" content="안지영 팬명록" />
    <meta property="og:description" content="아티스트에게 응원 한마디" />
    <meta property="og:image" content="https://dispatch.cdnser.be/wp-content/uploads/2017/10/20171007234800_0322f355098fjzuba159.jpg" />

 

 

코드

https://github.com/hotdog7778/sparta/tree/main/project/05.fan