반딧불이 코딩

DOM(document object model) 문서 객체 모델 문서의 구조화된 표현. DOM은 웹페이지의 객체 지향 표현 예)var paragraphs = document.getElementsByTagName("P"); // name으로 특정한 tag의 값을 가져오기 : document.form_name.tag_name.value // id 선택자로 element 가져오기 : document.getElementById("id") onclick 이벤트 버튼과 텍스트 같은것을 클릭을 하면 발생하는 이벤트. onload 이벤트 현재 문서가 브라우저에 로딩될 때 자동으로 수행되는 이벤트 mouseover 이벤트 마우스를 올려두면 발생하는 이벤트 title.onmouse = function(){ title.st..

마크다운에 대해 알아보았는데 아쉽게도 티스토리는 100% 지원을 해주고 있진 않는것 같다. 기본적인 문법은 아래와 같은데 직관적이고 빠르게 작성할 수 있을것 같아 적응하면 블로깅을 하는데 큰 도움이 될것 같다. 제목 (header) html에서 h1~h6 와 똑같이 표현할 수 있다. 실제 를 이용하여 태그를 작성할 수도 있으며 #을 이용하여 작성할 수도 있다. #의갯수가 많아질수록 크기가 작아진다. # h1 ## h2 ### h3 #### h4 ##### h5 ###### h6h1 h2 ... == (h1)와 --(h2)를 사용하는것도 가능하다. h1 h2 = -h1 h2 리스트를 작성하는 방법 앞에 숫자가 있는 리스트를 작성하고 싶다면 숫자와 . 을 이용하면 할 수 있다. 1. 첫번째 2. 두번째 3...

for문 for문은 while문과 같은 반복문인데 둘의 차이점이 있다면 for문은 조건식에 초기식, 조건식, 증감식을 모두 쓰는 것이다. for(var i=0; i

오늘은 자바스크립트의 변수선언과 초기화 prompt와 document.write를 이용하여 브라우저에서 입출력을 하였고 연산자와 데이터 타입에 대해 배웠다.(String, Number, Boolean, function, object). 문자열을 숫자로 형변환 해주는 정수 : parseInt() 실수 : parseFloat() 자동 : Number() if문과 다중 if ~ else 문, switch문과 while(do~while)문에 대해 공부했다. 마크다운문법에 대해 찾아봤는데 아직은 익숙치 않아서 사용하지 못하겠다.

오늘은 css에 대해서 배웠다. 태그에 를 만들어 css를 적용시키기도, .css파일을 따로 만들어 html파일과 연결시켜 스타일을 적용시키기도 그리고 인라인 방식으로 직접 태그내에 속성을 주어 스타일을 주기도 하였다. 태그를 선택하여 스타일을 주는법, id와 class를 선택하여 스타일을 주는법도 하였고 css 문법을 이해하여 여러가지 속성과 값을 넣어보기도 하였다.