출력document.write('출력할 메세지')이미 실행된 document를 덮어 씌워버리므로사용하지 않음document.querySelector('').innerText = "출력할 메세지"주소값을 찾아 해당 곳에 출력하는 메세지를 띄움document.write("곧 수업끝나요");실제 실행시에는 사용하면 안된다이미 실행된 document를 새로운 document로 덮어진다hello확인변수변수재선언 가능 여부값 변경 가능varOOletXOconstXX변수 범위전역변수함수 밖에서 선언된 변수모든 함수에서 변수를 사용할 수 있다.var / let / const지역변수함수 내부에서 선언된 변수선언된 함수(블럭) 내부에서만 사용할 수 있다. 확인입력window.prompt('알림', '기본값')팝업창을 띄워..
웹프로그래밍
레이아웃display 속성확인 다람쥐 헌 쳇바퀴에 올라타 레이아웃 위치position 속성요소의 위치를 지정하는 유형 설정static (정적 위치)정적으로 배치된다 ( 기본 값 )relative (상대 위치)정적인 위치를 기준으로 배치된다absolute (절대 위치)컨테이너를 기준으로 배치된다fixed (고정 위치)항상 같은 위치(컨테이너 원점)에 배치된다d1d2d3d4d5d6d7d8d9d10d11d12z-index글씨는 기본 z-index=0;d1d2d3d4미국의 약사인 존 스티스 펨버턴(John Stith Pemberton, 1831~1888)[11]에 의해 만들어진 것으로, 원래는 포도주를 주 원료로 해 당대의 인기 음료였던 뱅 마리아니(Vin Mariani)를 베낀 제품이었다. 당시 이름은 펨버..
박스의 크기 계산높이(height) 및 너비(width) 속성에는 padding, border, margin 값이 포함되지 않음요소의 전체 크기 계산 시content 너비 + padding, border, margin 값을 추가해야한다box-shadowbox-shadow : horizontal vertical blur color; (오른쪽 아래 선명도 색)정보처리기사GoF(Gang of Four) 디자인 패턴목적으로 분류 시 생성, 구조, 행위로 분류(생구행)생 추빌팩프싱 / 구 어브컴데퍼플프 / 행 1. 생성 (객체 생성) 추상 팩토리 패턴(abstract factory) 빌더 패턴(builder) 팩토리 메소드 패턴(factory method) > 상위클래스에서 객체를 생성하는 인..
선택자(selector) : 스타일을 지정할 HTML요소를 선택속성 클래스무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다CSS 속성가상클래스가상클래스 : 의사클래스 클래스가 이미 정해져있다:link - a 태그가 처음 만들어졌을 때:visited - a 태그에서 방문한 페이지:hover - 요소에 마우스를 올려놓았을 때:active - 요소를 누르는 시점 가상클래스 : 의사클래스클래스가 이미 정해져있다:link - a 태그가 처음 만들어졌을 때:visited - a 태그에서 방문한 페이지:hover - 요소에 마우스를 올려놓았을 때:active - 요소를 누르는 시점 네이버 다..
모든 document 출력 후 코드 실행하기window.onload=function(){ }수식 (숫자수식 / date수식)변수이름.toLocaleString()함수 선언 방법function aa() { }const aa = function(){ }const aa =() => { } // 화살표 함수스크립트( javascript )에서 html요소로 접근하기document객체 변환 ( String name)값을 가져오기 전에 객체로 먼저 가져와야한다내장 객체 - 문서 - 실행하면 body태그에 코딩된 html요소들이 document객체의 하위 객체로 변환실행된 문서를 document라고 함id 이름을 이용한 접근document.getElementById('id이름');document.querySelect..
HTML 입력양식일방적으로 보여주는 방식과 사용자가 서버에 데이터를 보내는 두가지 방식으로 분류할 수 있음form사용자 입력을 위한 양식을 생성비밀번호 타입은 type="password"로 둘 것methodget방식 아이디 이름 비밀번호 JSP : Java Server Page서버내에서 실행되는 스크립트형식의 파일html코드와 java 문장을 사용할 수 있다.java코드를 기술하기 위해서는 <% %> 기호내에 기술한다클라이언트가 전송한 데이터(id, password, name)를 받아서 처리한 후 결과를 클라이언트로 전송해준다클라이언트가 전송한 데이터(id, password, name)를 받을 때 : request 내장 객체를 이용한다.결과 생성 - html코드를 이용한다 아이디 이름 ..
