22.07.13 TIL 항해 99 3일차

오늘은 내일 첫 발표 프로젝트 마감날이어서 포스팅을 새벽에 진행 중이다.

오늘은 간소히 적고 

확실하게 포스팅하는 하는 하루의 시간을 뺴놓아야 겠따.

 

기록이 곧힘이라는 포스팅 주제에 맞지를 않은것 같다.ㅜㅜ

 

 

그리고 

코딩량이 미친듯이 증가하게되니깐 무엇이 어떤기능인지를 다시 파악하기가 힘들어졌다.

주석을 잘 달아놓고나

코드를 깔끔하게 정리 해두어야 겠다고 절실히 느겼다.

 

추가로 깃을 하는법에 대해서도 깊게 공부 해보아야겠다.

 

 

 

---

오늘 알게된점

 

getElementByClassName는 단순히 clss 선택자가 아니다.

 

버튼 기능에서 뒤로가기 버튼실행방법을 깨달았음

 

---

document.getElementById('aad').src ="{{ url_for('static', filename=user_info.profile_pic_real) }}";

js에서아래 두가지 경우가 단순히 요소에서 id 또는 class를 선택하는건줄 알아서

getElementByClassName을 사용하였는데 자꾸 undefind이 나오는것이었다.

 

그래서 

getElementById를 사용해보니 되길래 왜 이건되고 저건 안되지 생각해보니 아래 블로그 를 통해 답을 얻을수있었다.

 

getElementsByClassName

getElementById

https://www.delftstack.com/ko/howto/javascript/javascript-get-element-by-class/

JavaScript에서 클래스 이름을 기반으로 요소 가져오기

 

---

https://bulma.io/documentation/components/breadcrumb/#

Bulma: Free, open source, and modern CSS framework based on Flexbox

---

뒤로가기 버튼실행방법이다.

<div class="mytitle">
    <h1>동네 어때</h1>
    <button onclick=window.history.back()>뒤로 가기</button>
</div>