본문 바로가기

javascript

(5)
[Web] 웹 기초 (18) - JavaScript #11 배열 (Array), 정렬 (sort) Array 객체 자바스크립트 배열선언 배열의 길이는 가변적이다. 생성 방법 1: let a = new Array() 생성 방법 2 : let a = new Array(1,2,3); 생성 방법 3 : let a = [] 생성 방법 4 : let a = [1,2,3]; 다차원 배열은 1차원 배열의 요소를 다시 1차원 배열로 선언 let a = new Array(); a[0] = new Array(); (a의 첫번째 요소를 다시 배열로 만들기) // 기본형------------------------ let a = [1,2,3,4,5]; console.log(a[0]); // 1 console.log(a); // 배열 정보, 값 출력 //map형 --------------------------- let b = ..
[Web] 웹 기초 (17) - JavaScript #10 String 객체 (length, charAt, indexOf, replace, split, substring) String 객체 String length : 문자열의 길이 charAt(index) : index 위치의 문자 indexOf(str) | lastIndexOf(str) : str의 위치 replace(regExp, replacement) : 문자열 변경 (정규식 사용) split(seperator, limit) : 문자열을 limit의 개수만큼 분해 substring(start [, end]) : 문자열추출 // str.length : 공백 포함한 문자의 개수 let str = "abc 가나다 123 다나가"; console.log(str + ' : ', str.length); // charAt(index) 문자가 어디에 있는지 반환. 제로베이스 let c = str.charAt(1); console...
[Web] 웹 기초 (14) - JavaScript #7 함수 (function) 함수 자바스크립트에서 함수는 클래스역할과 메소드 역할을 둘 다 함. 익명함수 function에 이름이 없음 frm.btn.onclick = function() { ... } callback함수 frm.btn.onclick = abc; // function abc( ) { ... } 를 의미함. // "btn을 클릭하면 abc라는 함수를 실행하라." // 여기서는 abc() 로 쓸 수 없다. 이름만 써야함 h4.onmouseover = abc; ⇒ h4에 마우스를 올리면 abc 함수가 실행됨 선언적 함수 (+ 함수적 선언) function abc ( 매개변수 ) { ... } ※ 국비지원으로 학원에서 배울 때 강사님이 hoisting -> hoising으로 가르쳐주셔서 계속 "hoising" 으로 나오지만..
[Web] 웹 기초 (9) - JavaScript #2 if문, for문 If 예제 1 정수 하나를 폼으로부터 전달받아 60 이상이면 '합격'을, 60 미만이면 '불합격'을 textarea에 출력하라. IF 정수 하나를 폼으로부터 전달받아 60 이상이면 '합격'을, 60 미만이면 '불합격'을 textarea에 출력하라. 정수 Number( frm.su.value ) : 텍스트 필드에서 가져온 텍스트형 숫자를 실제 숫자값으로 형태변환 If 예제 2 정수 하나를 입력받아 90 이상이면 '전액 장학생' 70 이상이면 '반액 장학생' 70 미만이면 '전액 납부'가 있는 라디오 버튼의 상태값을 변경하시오. if(II) 정수 하나를 입력받아 90 이상이면 '전액 장학생' 70 이상이면 '반액 장학생' 70 미만이면 '전액 납부'가 있는 라디오 버튼의 상태값을 변경하시오. 정수 전액장학생..
[Web] 웹 기초 (8) - JavaScript #1 개요, 사용방법 javascript 개요 인터프리터 언어 (컴파일러가 없음) ⇒ 한줄번역, 한줄실행 실행환경 : 웹 브라우저 (웹 브라우저가 인터프리터를 내장하고 있다) 변수형이 없다. (지역, 전역형 변수는 존재) 지역형 변수 : var 또는 let으로 선언 var : hoisting이 됨. let : hoisting이 되지 않음. hoisting : 사용되기 전에 메모리에 탑재되는 현상 (불필요한 메모리가 들어갈 수 있음) 배열의 크기는 가변적이고, 1차원 배열만 존재한다. (1차원 쪼개서 2차원을 만들 수는 있음) 문장의 끝을 나타내는 ' ; ' (세미콜론) 은 생략 가능하다. 사용방법 안에서 작성 태그 안에서 작성 (비추천) 외부에 스크립트만 작성하여 현재 파일에서 사용하는 방법 (많이 사용) 데이터의 구조는 J..