Yeonee's Story

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> Document div{ background-color: aqua; margin: 10px; padding : 10px; } #container{ width: 100%; height: 100%; background-color: pink; margin: 0 auto; padding: 0; border: 1px solid black; display: flex; /* flex-direction: column; align-items: center; */ } .justify-content-test{ justify-content: space-between; } .flex-direction-test{ flex-direction: column-..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> Document div{ border: 1px solid blue; box-sizing: border-box; } /* 임시 스타일 부여*/ #nav{ width: 1000px; height: 40px; } #navi{ border:1px solid red; list-style-type: none; margin:0; padding:0; /* ul요소도 기본적으로 위, 아래에 margin이존재 ul요소에 padding도 존재함. */ height: 100%; } #navi>li{ border:1px solid blue; float:left; width:15%; height: 100%; text-align : center; } #na..