Javascript 24

자바스크립트 데이터 입출력

자바 스크립트 데이터 입/출력  객체 :  window : 자바스크립트의 내장 객체로 브라우저 창이열릴 때마다 하나씩 만들어지는 객체이다브라우저 창 안에 존재하는 모든 요소들의 최상위 객체이다  document : 웹 문서마다 하나씩 만들어지는 객체 (HTML 문서에 대한 정보들을 가지고 있다) [window.]alert("출력하고자 하는 내용");[window].console.log("콘솔창에 출력하고자 하는 내용");document.write("화면 상에 출력하고자 하는 내용");선택한요소.innerHTML | .innerText = "선택된 요소에 출력할 내용";    alert("안녕?"); 문서가 열릴 때 뜬다.     console.log("반가워");    button onclick="doc..

Javascript 2024.08.10

자바스크립트 개요

웹튼 크게 3가지 요소가 있다  HTML :웹 문서의 큰 틀을 잡기 위한 요소  CSS :HTML로 구성된 DOM에 다양한 스타일을 적용하기 위한 요소이다  javascript : 웹 문서에서 이벤트가 발생했을 떄 실행해야 할기능(동작)을 처리하는 요소이다  자바스크립트 개요  프로그램의 동작을 사용자 요구에 맞게 수행하도록 해주는 용도이다 빠르게 배울 수 있고 짧은 소스코드로 상호작용 되도록 고안되었다. 자바스크립트 : 웹 브라우저에서 많이 사용되는 인터프리터 방식의 스크립트 언어이다 인터프리터 방식이란 ? -> 코드를 한줄씩 읽어가며 바로 실행할 수 있는 방식 (실시간으로 텍스트를 분석해서 실행이 된다.) 자바스크립트 사용법 : inline(인라인) : 태그 내에 간단한 소스코드를 작성해서 실행하는 ..

Javascript 2024.08.09

HTML 입력 양식 작성하기

폼 삽입하기 form 여러 폼 요소 method 사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄것인지 지정하는 것 get과 post가 있다 post를 좀 더 사용  name :  자바스크립트로 폼을 제어할 때 사용할 폼의 이름을 저장 action : 태그 안의 내용을 처리해 줄 서버 프로그램을 지정하는 것 target : action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 하는 것   간단한 로그인 폼 만들기 :     form>        fieldset>            label>아이디 : input type="text" id="userid" size="10" placeholder="아이디">label>            label>비밀번호 : in..

Javascript 2024.08.08

CSS 선택자 관련 자료 내용

/* body{    background-color: aqua;} 속성 선택자  *//*div 요소 중 name 속성 값이 "name1"과 일치하는 요소 */div[name=name1]{    background-color: crimson;}/* div 요소 중 name 속성 값에 "name1"이 포함되어 있는 요소(키워드 x) */div[name~="name1"]{    background-color: blue;}/* div 요소 중 class 속성 값이 "class"로 시작하는 요소(단어, -로 구분) */div[class|=class]{    background-color: plum;}/* div 요소 중 name 속성 값이 "na"로 시작하는 요소 */div[name^=na]{background-..

Javascript 2024.08.07