이벤트(Event) 이벤트 : - 브라우저에서 동작, 행위 click, keydown, keypress, keyup, mouseover, mouseout, mouseleve, mouseenter, change, submit.... 이벤트 리스너(Event Listener) - 이벤트가 발생하는 것을 대기하고 있다가 이벤트 발생이 감지되면 연...

1) 기본 [html] 첫 번째 값 : <input type = "number" id = "num1"> <br> 두 번째 값 : <input type = "number" id = "num2"> <br> <button onclick = "plus()"> + </button> <...

1) 변수 선언 위치에 따른 구분 (JAVA) public class Student{ // 필드 (멤버변수) private String name; // 인스턴스 변수 public static String schollName; // static 변수, 클래스변수 // 메서드 public void method( String na...

DOM(Document Object Model) 웹 문서(HTML)의 모든 요소를 객체 형식으로 표현하는 방법 => 문서 내 특정 요소에 접근하는 방법을 제공 DOM을 이용한 요소 접근 방법(얻어오는 방법) 1. id 속성값으로 접근하기 document.getElementById("id 속성값"); 2. class 속성값으로 접근하...

1. inner 1) innerHTML 자바스크립트에서 요소 전체를 읽어 들이거나 변경하는 속성 - 내용을 읽어올 때 태그 + 속성 + 내용을 모두 포함한다 - 내용을 변경할 때 태그 HTML 요소로 해석됨 (HTML 해석 o) 2) innerHTML 응용 3) innerText 자바스크립트에서 요소에 작성...

1) 스크립트 언어(script) - 기본 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도의 언어 - 별도로 소스코드를 컴파일 하지 않고 인터프리터(interpreter)를 이용하여 소스코드를 한 줄씩 읽어 바로 실행 => 컴파일에 소요되는 시간이 없음. 대신 프로그램 실행 시간이 느림 - 짧은 소스코드 파일로 상호작용 ...

시맨틱(Semantic, 의미) 태그 (== 의미있는 태그) ✔️ 기존 영역 분할에 주로 사용되던 div, span 등의 태그는 나눈다는 것 이외의 의미를 파악하기 어려움 → 태그만 봤을 때 태그의 목적을 알 수 없어 id 또는 class 반드시 추가해야 한다 ✔️ 이런 문제점을 해결하고자 1. 태그 이름만으로 어느정도 어떤 역할을 하는지 알...

1) HTML 코드 2) CSS 코드

✔️ transform : 변형과 관련된 속성 css 속성 작성 시 크로스 브라우저(브라우저가 달라지는 경우) 처리 방법 -ms- : 마이크로 소프트 (익스플로러, 엣지) -webkit- : 크롬, 사파리 -o- : 오페라 -moz- : 파이어폭스 1) 2차원 변형 2) 3차원 변형 3) 변형 사이에 지연...

1) font-size : 글꼴의 크기를 지정하는 속성 ✔️ px : 픽셀(화면 해상도) ✔️ pt : 포인트(1pt = 0.72인치) ✔️ % : 상위 요소 크기에 대한 백분율 ✔️ em : 1em == 100% 2) font-weight : 글꼴의 굵기(두께)를 지정하는 속성 ✔️ 숫자 : (얇음) 100 ~ 900 (두꺼움...