7월 2일 (목)

오늘 학습 내용

1. git hub에서 PRE-twittler 과제를 가지고 와서 전날 만들었던 웹페이지의 구현 기능들을 만드는 작업을 하였다.

  1) 먼저 만들었던 HTML 과 CSS 작업한 것을 복사, 붙여넣기 하여 어제 만들었던 것과 같은 틀을 구성하였다.

  2) 이후 DOM에서 사용하여야 할 것들을 변수 선언하였다.

let nameBox = document.querySelector("#nameBox")
let commentBox = document.querySelector("#commentBox")
let tweetButton = document.querySelector("#tweetButton")
let refreshButton = document.querySelector("#refreshButton")
let tweetName = document.querySelector(".tweetName")
let date = document.querySelector(".date")
let comment = document.querySelector(".comment")

  3) 문제는 여기서부터 시작되었다. 강의를 듣고 구글에서 검색도 해보았지만 도저히 DOM을 어떻게 사용하여서 HTML에 표현해야

      하는지 알 수가 없었다. 결국 페어와의 작업이 끝나고 이후에 같은 수강생 중 페어를 함께 했었던 수강생에게 물어 알게 되었다.

  4) 그에 대한 내용은 아직 학습이 부족해 복습 후 다음날 작성하도록 하겠다.

 

2. 아래는 HTML & CSS & JS 를 사용하여 Test 할 수 있는 사이트 주소이다.    

 

https://codepen.io/pen/