오늘은 정말 삽질의 연속이었다.
html과 css로 구현되어 있는 버튼들에 기능을 넣는다는게 간단해보였지만 정말 어려웠다.
기존에 저장되어 있는 자료들을 가져오는데에는 정말 많은 시간이 걸렸다.
data.js에 있는 내용들을 어떻게 가져오지?라는 문제를 해결하기 위해 정말 고민을 많이 했었는데 이미 data.js는 html파일에 연결되어있어서 뭔가 허무했다...
기존에 있는 내용들이 data.js파일에 DATA라는 배열안에 있었기 때문에 새로운 list를 만들어서 각각의 새로운 div태그 안에 이름, 내용, 트윗시간을 appendChild를 통해 list에 넣고
html과 css에서 구현해놓은 unlist에 appendChild를 통해 html에서 보여질 수 있도록했다.
새로운 트윗을 입력하면 추가될 수 있게 하기 위해서 텍스트박스의 내용을 tweet버튼을 누르면 data.js안에 DATA배열안에 추가하고, 기존내용을 모두 지운 후 새로 띄워서 방금tweet한 내용이 보여지도록 함수를 짰다.
그다음 check new tweet버튼을 누르면 랜덤한 트윗을 생성하는 것은
자비롭게도 기존에 구현되어있는 generateNewTweet함수를 통해 생성된 랜덤트윗을 DATA배열에 추가한 후 기존 내용을 지우고 새로 띄우는 방식으로 해결할 수 있었다.
그렇게 거의 끝난 줄 알았는데 이름을 클릭했을 때, 이름을 기준으로 필터링을 해주는 기능만 구현하면 되는데
아무리해도 이름에 onclick이벤트를 넣을 수가 없어서 오늘은 여기까지만 하고 각자 공부한 후 내일 다시 구현해 보기로 했다.
