2020.06.29:: 오늘의 TIL

오늘의 한 일

---

• 인스타그램 클론코딩 ( 로그인구현, 댓글기능 구현, 하트버튼 누르면 빨갛게 변하는 기능 구현)

 

 

 

새롭게 배운 것

---

• form태그에서 button의 submit 막는 방법  

form 태그 안에 있는 button은 무조건 submit 이벤트가 일어난다. 

submit을 하지 않고 button 기능구현만 하고 싶다면, button의 type을 아래와 같이 button으로 주면된다. 

<button type="button">버튼</button>

 

• 자바스크립트 DOM에서 getElementsByClassName 으로 html의 태그를 가져오려면,  인덱스 값을 넣어주어야 한다. 

className은 복수의 데이터를 가져올 수 있기 때문에 그 classname이 1개더라도 옆에 인덱스 [0]을 붙여서 호출해야한다.

const commentBtn = document.getElementsByClassName('comment__btn')[0];

 

• span tag 안의 텍스트에 접근하기

let spanText = document.getElmentById('span').innerText;

 

 

보완해야할 부분 

---

• 함수(객체)  블로그 포스팅

 

 

위코드 라이프

 

---