HTML/JS로 트위터 만들기
오늘은 CSS로 목업 구현하는데 그치지 않고 DOM을 이용하여 직접 사용해보는 시간을 가졌다. 오늘은 JSON형식으로 된 데이터를 웹페이지로 구현하는 것이 주된 것 이었는데 데이터를 템플릿 형태로 만들고, 또 그 템플릿을 여러개로 바로 출력하는 형식이었다. 코드스테이츠의 강의 자료를 보면서 페어프로그래밍을 했지만 아무래도 이해가 금방 가지 않았다. 코딩을 다 해보고 그래도 안돼서 헬프데스크를 써치하고도 틀린 이유를 몰랐는데 그 이유는 기껏 함수를 선언하고 마지막에 호출을 안해줘서... 였다... json형식의 파일로 구현하는 방법을 DOM 밑에 추가하던지 해서 개념 정리를 확실히 해야할 것 같다.
그리고 오늘 office hour 시간을 통해서 한번 더 함수를 진짜 활용을 못하고 있다는 것을 느꼈다... 함수에 대해서 하루 날 잡고 그것만 파야겠다는 생각이 든다...!
내일은 또 이름으로 filtering하는 것을 구현해야 할 것 같다 ...ㅜㅜ
-
html 코드에서 script 삽입 위치에 대한 설명을 들었는데 헤드태그 안에 넣는 경우와 바디태그 안에 맨 마지막 줄에 넣는 경우 두가지가 있었다. 전자는 DOM을 사용할 수 없고 필요없는 스크립트나 실행과 동시에 사용할 필요가 없을 때 사용하고 후자에 위치에 있어야 바디에 있는 내용을 모두 적용 시킬 수 있었다!
-
DOM에서 제거하는경우 remove메소드와 innerHTML='' 하는 방법이 있는데 remove의 경우는 자신을 포함한 자식들이 모두 제거되고 innerHTML같은 경우에는 자식들이 모두 비워지는 차이가 있다.
