Array객체 메서드indexOf(item, start) item : 찾는 문자start : 시작 index (생략시 0부터)lastIndexOf(item, start)중복된 item index 찾기 (반복문 이용) while(true){ index = 배열.indexOf(fruit, vidx); if(index== -1){ // index=-1이면 더이상 찾지못함 break; } index++; // 찾은 인덱스부터 검색하면 무한루프가 되어버리기 때문에 꼭 다음 인덱스부터 검색}push(item1, item2, item3 ...) pop()마지막에 저장된 데이터 1개를 꺼냄반환값 : 꺼내진 문자slice(start, end) (기존 배열 유지)start ..
웹프로그래밍/HTML CSS JavaScript
리터럴 객체const 이름 = { key : "value" (변수 추가)메서드 이름: function() { }메서드 이름() { }}메서드 속성 선언 이후 추가시객체이름.변수이름 = 객체이름.메서드 이름 = function(){ } 리터럴 객체 생성 const rect = { key : "value" } 리터럴 객체 생성 const rect = { key : "value" }가로세로를 입력받음 리터럴 객체 생성 const rect = { key : "value" }name과 color를 추가 객체 const 밖에서 속성을 선언하는 것도 가능하다 리터럴 객체 생성 const rect = { key : "value" } ..
배열자바스크립트의 배열 크기는 동적이다 const arr = []const arr = new Array() 배열을 출력하는 법 : 배열(arr)일 경우값을 직접 찍는 방법document.getElementById(res).innerHTML=arr;for문을 활용하여 문자열에 저장for(let i=0; istr+=arr[i]+" "; }forEach(function(문자열, 순서) {} )arr.forEach(function(ar, index){str += ` ${index} 번째 : ${ar} `; })for(x in arr){str += arr[x] + " ";} const arr = [] const arr = new Array() 함수함수 선언식 function 함수이름(매개변수){ ..
출력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) > 상위클래스에서 객체를 생성하는 인..
