팀 소개 웹페이지 제작하기 세번째

 

튜터님이 python 학습이 가장 중요하다고 하신다

 

그리고 개발자의 중요한 역량인 협업/커뮤니케이션!!

 

Git에 익숙해지는 중. 호호

 

 

포토샵 장인 팀원분께서 내 게더 캐릭터 따주셨당ㅋㅋ 캄솨합뉘다~.~~

 

 

div, section, span

 

div와 section의 차이 : 의미의 차이

 

section은 섹션을 나누기 위해, div는 원하는 레이아웃을 얻기 위해 나누는 것?

 

span 인라인블록 주위에 스타일 및 스크립트용 후크를 추가하는데 사용할 수 있는 인라인 요소.

 

---

 

alert 하이퍼링크

 

오늘 알게 된 사실.

 

alert 창에서는 링크가 하이퍼링크 작동이 안 된다.

 

Y/N를 통해 Y값을 누르면 링크로 이동하게는 가능

 

alert 창에서 줄 바꾸기는 \n

 

---

 

mongoDB 5명

mongoDB를 각 사람에게 적용되게 하기 위하여

 

 

빨간 동그라미처럼 다 붙여줬는데 localhost:5000이 실행 안 되는 것!

 

Traceback (most recent call last): File "c:/Users/KK/Desktop/sparta/spartauniversity/app.py", line 75, in <module> def comment_post(): File "c:\Users\KK\Desktop\sparta\spartauniversity\venv\lib\site-packages\flask\scaffold.py", line 449, in decorator self.add_url_rule(rule, endpoint, f, **options) File "c:\Users\KK\Desktop\sparta\spartauniversity\venv\lib\site-packages\flask\scaffold.py", line 50, in wrapper_func return f(self, *args, **kwargs) File "c:\Users\KK\Desktop\sparta\spartauniversity\venv\lib\site-packages\flask\app.py", line 1361, in add_url_rule raise AssertionError( AssertionError: View function mapping is overwriting an existing endpoint function: comment_post (venv) C:\Users\KK\Desktop\sparta\spartauniversity> 

 

이런 오류가 떠서 챗GPT에게 물어보니,

 

Flask 앱에서 이미 존재하는 엔드포인트 함수 이름을 사용하여 다른 엔드포인트 함수를 매핑하려고 할 때 발생합니다. 즉, 같은 함수 이름으로 두 개의 엔드포인트 함수가 정의되어 있는 경우입니다.

해결 방법으로는 엔드포인트 함수의 이름을 변경하거나 이미 정의된 함수를 삭제하면 됩니다. 또는 Flask 앱의 URL 매핑 코드를 수정하여 중복되는 엔드포인트 함수 이름을 사용하지 않도록 할 수도 있습니다.

 

라고 하여, 분홍 밑줄에도 숫자를 다 붙여주었더니 다시 실행이 되었다.

 

다른 쌈박한 방법이 없을까

 

---

 

하트 카운트

 

 

하트 숫자 빠바방 하고 싶었는데 다음에 재도전하겠다..

 

오늘은 누르면 이 두 하트가 왔다갔다 하는 것까지 완성!

 

 

 

주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고

 

이를 나타내는 element 객체로 반환해주는 메서드.

 

id가 없는 요소에 접근하려면 Document.querySelector()

 

<img onclick="changeImg()" id="imgheart" class="heart-bt" src="/static/favorite_border.svg" />

 

<button onclick="heart_box()" type="button" class="btn btn-outline-dark" style="margin-bottom: 15px;">하트 남기기
	<img id="imgheart" class="heart-bt" src="/static/favorite_border.svg" /></button>

----------------------------------

//클릭할 때마다 하트 이미지 바뀌기
var prevImgUrl = document.getElementById("imgheart").src; //이전 하트 이미지 변수에 저장
var prevBgUrl = document.body.style.backgroundImage; //이전 배경 이미지 변수에 저장

function heart_box() {
    var heartImg = document.getElementById("imgheart");
    if (heartImg.src.indexOf("/static/favorite.svg") != -1) {
      heartImg.src = prevImgUrl;
      document.body.style.backgroundImage = prevBgUrl;
    } else {
      prevImgUrl = heartImg.src;
      prevBgUrl = document.body.style.backgroundImage;
      heartImg.src = "/static/favorite.svg";
      document.body.style.backgroundImage = "url('/static/backimage.jpg')";
    }
}