Yeonee's Story

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 문자열과 숫자 문자열과 숫자 * 문자열 관련 메소드 문자열 처리 메소드 function showStringMethod(){ let str1 = "Hello World"; const area1 = document.getElementById("area1"); area1.innerHTML = "str1 : "+str1+" "; area1.innerHTML += `toUpperCase() : ${str1.toUpperCase()} `; area1.innerHTML += `toLowerCase() : ${str1.toLowerCase()} `; area1.innerHTML += `문자열의 길이 : ${str1.length} `; for(l..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 요소 가져오기 HTML 요소에 접근하기(해당 요소객체 가져오기) 1) ID로 가져오기(접근하기) 아이디로 접근 function accessId(){ // 아이디로 요소에 접근할때 // document.getElementById("아이디명") const area1 = document.getElementById("area1"); console.log(area1); console.dir(area1); // 접근가능한 속성들에대해 살펴볼때 //선택된 요소에 속성들에 접근해서 값을 가져온다거나 변경 가능 // 속성에 접근하고자 한다면 => 선택된 요소.접근하고자하는 속성명 area1.innerHTML = "아이디로 접근성공함!!"; // ..

안녕하세요. #yeoneeblog 여니입니다 :) 오늘은 자바스크립트에서의 데이터 입/출력에 대해 알아보겠습니다. 1. 데이터를 출력하는 기본 구문 1) window.alert("알림창에 출력할 문구"); 2) window.console.log("콘솔창에 출력할 문구"); 3) document.write("화면에 출력할 문구"); 4) 선택한요소.innerHTML/innerText = "해당 요소에 출력할 문구"; *3) document.write("화면에 출력할 문구"); 화면에 출력 *4) 선택한 요소.innerHTML/innerText = "해당 요소에 출력할 문구"; 자바스크립트에서 어떤 요소(HTML element)안의 값(content값)을 가지고 온다거나 변경하고자 할때 innerHTML, ..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 자바스크립트개요 자바스크립트 개요 1. 스크립트 언어란? 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도 매우 매우 빠르게 배우고 짧은 소스코드로 상호작용 되도록 고안됨 2. 자바스크립트란? 웹 브라우저에서 가장 많이, 가장 기본적으로 사용되는 "인터프리터 방식"의 스크립트 언어 - 자바 : 컴파일 방식 => 컴파일을 거치고 나서 실행 된다. - 자바스크립트 : 인터프리터방식 => 컴파일을 거치지 않고 곧바로 실행이 된다. (브라우저에서 html문서가 로딩 될 때 코드를 한줄씩 읽어내는 방식) 3. 장단점 * 장점 요소에 이벤트가 발생했을 때 코드를 한줄씩 읽어 나가면서 수행되기 때문에 수행속도가 빠름 간단한 코드 ..