Yeonee's Story

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

DOCTYPE html> 데이터입출력 자바스크립트에서의 데이터 입/출력 1. 데이터를 출력하는 기본 구문 1) window.alert("알림창에 출력할 문구"); 2) window.console.log("콘솔창에 출력할 문구"); 3) document.write("화면에 출력할 문구"); 4) 선택한요소.innerHTML/innerText = "해당 요소에 출력할 문구"; 3) document.write("화면에 출력할 문구"); 화면에 출력 function documentWrite(){ //document.write("출력 잘 되고 있 습니까?"); //document.write("흠... 잘출력되나?? 귀여워"); // 화면에 출력할 문자열에 html태그가 있을경우 진짜 html태그로 해석되서 보여짐..

안녕하세요. #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, ..

* 웹의 3대 요소 - HTML : 웹 문서의 큰 틀(뼈대) - CSS : 스타일 (색상, 테두리, 디자인 등등) - JavaScript : 웹 문서 상에 이벤트가 발생했을 때 실행해야할 동작들 처리(동적인 효과) (자바라는 언어와는 아예 연관이 없다) 1. 스크립트 언어란? 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도 매우 매우 빠르게 배우고 짧은 소스코드로 상호작용 되도록 고안됨 2. 자바스크립트 언어란? 웹 브라우저에서 가장 많이 가장 기본적으로 사용되는 "인터프리터 방식"의 스크립트 언어 - 자바 : 컴파일 방식 -> 컴파일을 거친 후 실행됨 - 자바스크립트 : 인터프리터방식 -> 컴파일을 거치지 않고 곧바로 실행됨 (브라우저에서 html문서가 로딩 될 때 코드를 한줄씩 읽어내는..

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