I'm sw engineer!

addEventListener()는 document의 특정요소(Id,class,tag 등등..)에 event를 등록할 때 사용한다. 대상객체.addEventListener('이벤트명', fuction 함수명); click – 마우스버튼을 클릭하고 버튼에서 손가락을 떼면 발생한다. mouseover – 마우스를 HTML요소 위에 올리면 발생한다. mouseout – 마우스가 HTML요소 밖으로 벗어날 때 발생한다. mousedown – 클릭을 하기 위해 마우스버튼을 누르고 아직 떼기 전인 그 순간, HTML요소를 드래그할 때 사용할 수 있다. mouseup – 마우스버튼을 떼는 그 순간, 드래그한 HTML요소를 어딘가에 놓을 때 사용할 수 있다. mousemove – 마우스가 움직일때마다 발생한다. 마우스..

a태그의 href 속성은 링크된 페이지의 URL을 명시하는 용도로 사용됩니다. URL 자리에는 1. 절대주소 2. 상대주소 3. #id값 : 같은 페이지에서 해당 id값을 가지는 요소에 연결 4. # : 의미 없는 URL을 부여 ->누르면 페이지의 상단으로 이동한다. cf. a hef = "#" : 새로운 페이지 이동 x , 누르면 페이지 상단으로 이동 a hef = "#;" : 새로운 페이지 이동 x , 누르면 페이지 상단으로 이동 x

form태그는 사용자가 입력한 내용을 서버에 넘겨주기 위해 자주 사용되는 태그인데, 태그안에 id, class, name 속성을 넣어 줄 수 있다. 각각의 차이점이 무엇인지 정확하게 알아보자. 사실 form태그가 아닌 다른 태그안에서도 똑같이 구분되어지므로 하나를 알면 백을 알게된다. ^_^ 1. id - 고유한 식별을 목적으로 하는 경우 사용 -> 페이지에서 유일하다. 2. class - 재사용을 목적으로 하는 경우 사용 -> 여러요소에 적용 가능하며 같은 클래스인 요소에 일괄적으로 같은 효과를 줄 수 있다. 3. name - form 컨트롤 요소의 값(value)을 서버로 전송하기 위해 필요 ->submit기능을 사용하지 않을 것이라면 생략 가능.

태그란? - 태그는 사용자 인터페이스(UI) 요소를 설명할 때 사용 - 보통 태그와 함께 쓰인다. - for 속성을 사용하여 다른 요소와 결합할 수 있다. - for 속성값은 결합하고자 하는 요소의 id 속성값과 같아야 한다. ( name도 가능! ) - 결합하고자 하는 요소 내부에 요소를위치시키면 for 속성을 사용하지 않더라도 해당 요소와 결합시킬 수 있습니다. + 추가 : label태그의 for 라는 속성을 삽입해서 의 id값과 일치 시키면 체크 박스의 클릭 범위를 증가시킬 수 있습니다. label에 적은 문자를 눌러도 input 안에 커서가 들어간다 !!!!!! checkbox와 같이 눌러야하는 부분이 작은경우 더욱 유용하게 쓰인다. Ex) 여러분의 나이대를 골라보세요. 남자 20대

- 태그는 사용자 인터페이스(UI) 요소의 라벨(label)을 정의할 때 사용합니다. - 요소는 for 속성을 사용하여 다른 요소와 결합할 수 있으며, 이때 요소의 for 속성값은 결합하고자 하는 요소의 id 속성값과 같아야 합니다. ( 요소를 결합하고자 하는 요소 내부에 위치시키면 for 속성을 사용하지 않더라도 해당 요소와 결합시킬 수 있습니다. ) - 이러한 요소는 브라우저에 의해 일반적인 텍스트로 랜더링되지만, 사용자가 마우스로 해당 텍스트를 클릭할 경우 요소와 연결된 요소를 곧바로 선택할 수 있어 사용자의 편의성을 높일 수 있습니다. - 요소를 사용할 수 있는 요소 : , , , , , ,