목록전체 글 (104)
에러 탈출 일지
- javascript의 DOM 객체를 사용한 html, css, event, animation 처리를 위한 라이브러리 - javascript 창시: 1995년, 브랜던 아이크 - jQuery 창시: 2006년, 존 레식 1. jQuery 라이브러리를 다운로드하여 사용하는 방식 2. jQuery 라이브러리를 네트워크로 연결하여 사용하는 방식 (최근에 선호), CDN 방식 CDN(Content Delivery Network): 네트워크를 통해서 데이트럴 전달하는 방식 repository: 데이터 저장소. 네트워크 상에 데이터를 저장해 놓은 저장소 1. DOM 객체 저리 함수 - hthml() - html의 태그를 포함하..
1 2 - ctrlKey: control Key를 눌렀는 지의 여부. (true/false) - shiftKey: shift key를 눌렀는 지의 여부. (true.false) - altKey: alt key를 눌렀는 지의 여부. (true.false) - code: 키의 이름 - keyCode: 키에 대한 숫자 값(아스키코드값), 키보드를 제어할 수 있음. 위 아래 우 좌 방향키 38 40 39 37 숫자 키패드 104 98 102 100 3
head > scrpt > finction insertCountry() 안에 작성 (1→2→3) 1. 입력 전 처리 - 입력 값이 없을 때, 메시지 보여줌 입력 값의 유효성 검사 (입력 유무 확인) 2. ul태그 안에 li를 만들어 추가 3.입력 후 처리 - 입력 값 제거, 포커스 삽입
1. location 객체: window의 하위(자식) 객체 - 웹브라우저의 url, 페이지의 이동을 제어하는 객체 2. 웹페이지의 이동 location.href='웹페이지' → 웹페이지로 이동하는 프로퍼티 location='웹페이지' → 웹페이지로 이동, href가 생략된 형태 location.assign('웹페이지') → 웹페이지로 이동하는 메소드, 히스토리에 기록 location.replace('웹페이지') → 웹페이지로 대체하는 메소드, 히스토리에서 제거 location.reload() → 웹페이지를 리로딩하는 메소드, F5 페이지별로 color, border 색상만 변경해주기 location파일 3개 만들기..
Window 객체: 웹브라우저 창의 생성, 소멸, 크기 등을 제어하는 객체 - BOM과 DOM의 상위(부모) 객체 BOM (Browser Object Model) 웹브라우저를 조작하는 다양한 객체 - location, history, navigator, screen DOM (Document Object Model) 웹브라우저의 내용(html, css)을 조작하는 객체 ★★★★★ - document 객체 - Document Object Model - document 객체 - 문서를 제어하는 객체 - 웹페이지의 내용(html,css)를 제어하는 객체 - 웹페이지의 모든 요소(태그)의 내용, 속성, css스타일을 변경 - 웹페이지에 새로운 내용 추가, 삭제, 변경..
1. 중복 값 허용하지 않음 (유일한 값 보장) 2. 인덱스 존재 X 1. 하나의 데이터는 키와 값의 쌍으로 구성 2. 키를 통해 값을 찾음 3. 키: 중복 X 4. 값: 중복 O 5. 인덱스 존재 X 6. 키와 값을 하나의 데이로 취급 → 이 데이터는 배열로 저장됨.
1. Math.random(): 0 ~ 1 미만의 난수를 생성하는 메소드 2. Math.round(): 반올림 메소드 3. ceil() 무조건 올림하여 정수로 만드는 메소드 4. floor() 무조건 내림하여 정수로 만드는 메소드 5. trunc() 무조건 버림하여 점수로 만드는 메소드 6. Math.sign() 숫자의 양수(1), 음수(-1), 0(0)인지의 여부를 판단하는 메소드 7. Math.pow() 숫자의 승수값을 알려주는 메소드 8. Math.sqrt() 숫자에 대한 루트값을 알려주는 메소드 9. Math.abs() 숫자의 절대값을 알려주는 메소드 10. Math.max(), Math.min() 10-1. 배열의 최댓값, 최솟값 11. Math.PI 원주율
1. function 키워드와 함수명을 사용하여 명시적으로 생성하는 방법 2. Function() 생성자 함수를 사용하는 방법 - 파라미터를 차례대로 나열하고, 마지막에 리턴값을 설정 - 단점: 함수 생성을 객체로 취급하므로 시간이 걸리고 효율이 떨어짐 - 간단하게 만들어 사용하는 장점은 있지만 빈번하게 호출하면 효율 떨어지므로 권장 x - 반드시 함수 생성 위치 이후에 사용해야 함. 그렇지 않으면 에러 발생 (2번 방법) 3. 익명함수(anonymous function)로 사용하는 방법, 함수 리터럴로 사용하는 방법 - function(){ } 을 사용하여 변수에 대입하여 사용하는 방법 - 다양한 변형 방법으로 응용하여 사용하게 됨 - 반드시 함수 생성 위치 이후에 사용해야..
문제1) 이등변삼각형의 면적을 구하는 clacTriangle 함수를 정의하고 사용하시오. 함수의 파라미터는 width, height를 사용하시오 문제2) 학생들의 점수를 지정한 scores 배열을 매개변수로 하여 평균을 계산하는 calcAve() 함수를 정의하고 사용하시오. let scores = [95,87,72,68,77] 방법1. 배열의 요소를 각각 전달하는 방법(비효율적) 방법2. 배열을 그대로 전달하는 벙법(효율적) - 3가지 for문 中 택1 1. 전개 연산자 - ...연산자 - 배열이 파라미터로 전달될 때 배열의 값을 펼쳐서 사용하도록 하는 매개변수 2. 기본 파라미터(default parameter) - 파라미터 자리에 값을 설정하여, 파라미터로 값이 전달되지 않았을 때 사용하도록 하는 파..