Frontend/JavaScript

[JS] 실습_채팅창 만들기

보호되어 있는 글입니다.

[Javascript] 07 이벤트, 이벤트리스너,이벤트핸들러 /인라인·고전·표준모델

보호되어 있는 글입니다.

[Javascript] 문자열,숫자,형변환,연산자

보호되어 있는 글입니다.

[Javascript] 변수 선언 , 자료형

보호되어 있는 글입니다.

[Javascript] 요소접근방법

요소접근방법 1. id로 요소 접근하기 document.getElementById("id 속성값"); 2. class로 요소 접근하기 document.getElementsByClassName("클래스 속성값"); 3. Tag Name으로 요소 접근하기 document.getElementsByTagName("태그명"); 4. name으로 요소 접근하기 document.getElementsByName("name 속성값"); 5. CSS 선택자를 이용하여 요소 접근하기 1) document.querySelector("css 선택자"); 2) document.querySelectorAll("css 선택자") 1. id로 요소 접근하기 document.getElementById("id 속성값"); : id가 일치..

[Javascript] 데이터 입출력

innerText/ innerHTML을 이용한 요소 내용(content) 입/출력 innerText : 요소에 작성된 내용을 읽거나 변경할 때 innerText 속성을 사용한다. innerText 확인하기 innerHTML 확인하기 document : 현재 웹 문서( 현재 HTML ) .getElementById("id명") : 현재 문서 내에서 id 속성값이 "area1"인 요소를 얻어왔다(== 선택했다) const area1 : 상수형 변수 area1 선언 ➡ 현재 문서 내에서 id속성 값이 "area1"인 요소를 얻어와 상수형 변수 area1에 대입 console.log(area1); 로 설정해두면 자동으로 console창에 뜬다. console.log( area1.innerText); consol..

[Javascript] 1_개요, inline, internal, external

✍script 언어 : 응용 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 제어하는 용도의 언어 ex) 브라우저(응용프로그램)을 제어하는 Javascript 특징 별도의 소스코드의 컴파일을 진행하지 않고 인터프리터(Interpreter)를 이용하여 소스코드를 한 줄씩 읽어 바로 실행한다. 인터프리터(Interpreter) 소스코드 컴파일을 하지 않고 바로 수행한다 컴파일에 소요되는 시간이 없지만, 프로그램 수행에 시간이 소요된다. ✍ JS (Javascript) : 웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체 지향 프로그래밍 언어 - ECMA Script 표준을 따르는 대표적인 웹 기술이다. (ECMA : European Computer Manufacturers Association) 특징 ..