윤프로 | 코드가 개발새발해

DOM 문서 객체 모델, HTML 문서 객체 구조 문서(웹 페이지)의 구조화된 표현을 제공. nodes(elements)와 objects(prpoerty, method, event)로 표현하며 tree 구조를 가짐 자바스크립트와 같은 스크립팅 언어를 이용해 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. ⇒ API(web or XML page) = DOM + JS(scripting language) 프로그래밍 언어와 독립적으로 디자인 되었음. → DOM 의 구현은 어떠한 언어에서도 가능. 표준 W3C(World Wide Web Consortium) DOM Core DOM - 모든 문서 유형에 대한 표준 모델 XML DOM - XML 문서의 표..

이번 블로그 꾸미기는 게시글 댓글이나 방명록의 글을 메신저 말풍선처럼 대화하는 모습으로 꾸미기 입니다. 여기서 포인트는 블로그 주인장의 답글만 방향이 다르도록 하는거에요! 자 그럼 함께 바꿔봅시다 템플릿은 지난번에 이어 [ Odyssey ] 를 사용하겠습니다. 스킨 편집 > 'html 편집' 으로 들어가주세요. 그 다음은 CSS 탭을 클릭 댓글 태그의 CSS를 바꿔야 하니 댓글을 담당하는 태그와 그 태그의 class 명을 알아야해요! 이전 포스팅에서 알려드린 팁을 활용해서 새창으로 블로그를 하나 띄워주시고 F12 - 개발자모드 > 요소 선택 > 댓글 부분을 누르면 댓글의 CSS 클래스명을 알 수 있답니다 (づ￣ 3￣)づ 다른 템플릿을 사용중이신 분이라면 댓글의 클래스명을 이 방법으로 찾아주시면 되겠습니당..

티스토리 블로그가 이렇게 커스텀이 자유로운지 몰랐다 ⊙.☉ 프론트엔드 개발자의 디자인 본능이 아주 드릉드릉 하구만 그래 일단, 기본 템플릿은 [ Odyssey ] 를 사용했습니다. HTML 기본 틀을 그대로 사용할거고 CSS를 위주로 바꿔서 수정할 예정이에요. 1. 헤더 고정 기존 헤더는 스크롤을 내리면 보이지 않는데요. 저는 헤더가 항상 화면 상단에 박혀있으면 좋겠거든요. 그래야 언제든 메인으로 바로 가거나, 검색을 할 수 있을테니까 자, 그럼 스킨 편집 > 'html 편집' 으로 들어가줍시다. 그 다음은 CSS 탭을 클릭 여기서 검색(Ctrl + F)으로 '.header' 를 검색해주세요. 기존에 header 의 position 이 relative 인걸 fixed로 바꿔서 짱박아줄거에요. 주석처리한 ..