라라리라

클래스3_개념01_상속.html /* [상속] [1] 개념 서로 다른 클래스 두개는 상속이라는 키워드를 통해 부모 자식 관계를 형성할 수 있다. 이는 게임으로 설명하면 이해하기 쉽다. 플레이어 라는 클래스가 있고, 몬스터 늑대, 박쥐, 호랑이가 있다고 했을 때 플레이어와 몬스터 늑대 박쥐 호랑이는 각각 특성이 다르지만, 체력, 공격력, 방어력, 레벨, 등등의 공통 데이터가 존재한다. 또한 게임이기 때문에 공격하기, 공격 당하기, 사망 등의 기능도 공통이다. 각 클래스마다 중복되는 데이터와 기능은 상속으로 처리하면 코드가 간결해진다. [2] 상속하는방법 자식 클래스 extends 부모클래스명 {} [예시] class Player extends Unit{} */ class unit { name = ""; l..

클래스2_개념01_클래스내부함수.html /* [개념] 클래스 내부 함수 [1] 클래스 내부 함수 정의 = 메서드 함수명(매개변수) { 내용 } [예시] setData(num, name, kor, math) { // 실행할 내용 } [2] 클래스 내부 함수에서는 클래스 내부 변수들도 사용할 수 있다. 단, 사용할 때 변수 앞에 this.을 붙여야 한다. [3] 클래스 내부의 함수를 메서드(=인스턴스 함수)라고 부른다. */ // 클래스 정의 class Student { num = 0; name = ""; kor = 0; math = 0; setData(a, b, c, d){ this.num = a; this.name = b; this.kor = c; this.math = d; } printData(){ ..

클래스1_개념01_json복습.html /* [문제1] data1과 data2를 파싱하여 아래와 같이 jsonList에 json형태로 저장하시오. data1은 json의 key 이다. data2는 json의 value 이다. [정답1] jsonList = [ {"num" : 1001, "name" : "김철수", "kor" : 100, "math" : 20}, {"num" : 1002, "name" : "이영수", "kor" : 90, "math" : 40}, {"num" : 1003, "name" : "오민수", "kor" : 20, "math" : 50} ] [문제2] 1등 학생의 이름을 출력하시오. [정답2] 이영수 [문제3] 새로운 학생의 정보를 추가하시오. [정답3] 1001 김철수 100 20..

함수4_문제01_포인트.html /* [문제] 아래 userData는 회원번호와 이름이고, pointData는 포인트와 회원번호이다. 포인트는 여러번 쌓을 수 있고, 전부 누적해서 합을 구한다. 포인트 점수가 가장 높은 회원의 이름을 출력하시오. [정답] 이만수 (3점으로 1002번이 가장 높으므로 정답) */ function json (userData, pointData){ let user = []; let point = []; let token = userData.split(","); for(let i = 0; i 고래밥3,칸쵸1] [김철민 ==> 고래밥1] [이영희 ==> 고래밥1,새우깡2] [문제2] 아이템별로 판매개수를 출력하시오. [정답2] [고래밥 ==> 5][새우깡 ==> 2][칸쵸 ==>..

함수3_개념01_리턴.html /* [개념] 함수리턴 함수는 return 키워드를 통해서 함수 내부의 값을 밖으로 전달할 수 있다. */ function test(){ let a = 10; return a; } let a = test(); document.write(a); HTML 삽입 미리보기할 수 없는 소스 함수3_개념02_배열맥스.html /* [문제] 배열에 가장 큰 수를 반환해주는 함수를 만드시오. [정답] 1243 */ function arrmax (arr){ let max = 0; for(let i = 0; i

함수2_개념01_함수와변수.html /* [개념] 함수와 변수 함수 밖에서 선언한 변수 a와 함수의 매개변수인 a는 서로 다른 변수이다. */ function check(a){ // 전단될 값을 새로운 a에 10을 저장한것이다. // 여기서 a의 값을 20으로 변경해도 아래 변수 a에 대한 값은 변함없다. a = 20; } let a = 10; check(a); // a 의 값만 함수로 전달된 것이다. document.write(a + " "); // 그대로 10이 출력된다. let b = 10; let c = b; c = 20; document.write(b); /* 변수b의 값은 변화가 있을까? 여기서 b와 c는 서로 다른 변수이기 때문에 c의 값을 바꿔도 b는 영향을 받지 않는다. 여기서 b는 위의..

함수1_개념01_기본.html /* [개념] 함수의 기본 형태 [1] 함수의 정의 (1) function : 키워드 (2) test() : 이름 (3) {} : 실행영역 [2] 함수 실행 (1) test(); : 함수이름을 적는다. [3] 함수의 이점 (1) 함수를 한번만들어 놓으면 다시 사용할때는 코드량이 줄어든다. */ function test() { document.write("test 입니다. "); } // 위의 함수 정의는 설계에 해당하는 것으로 실행되는 것이 아니다. test(); test(); HTML 삽입 미리보기할 수 없는 소스 함수1_개념02_매개변수와인자.html /* [개념] 함수의 매개변수와 인자 [1] 함수를 정의 할 때 매개변수를 설정할 수 있다. [2] 매개변수를 설정한 함..

문자열5_개념01_JSON.html /* [개념] JSON [1] Key와 Value로 이루어진 배열 [2] 일반 배열은 index와 value로 이루어져 있고, 값이 추가될때 마다 알아서 index가 1씩 증가되지만, [3] JSON은 index를 직접 지정하는 것을 의미한다. [4] 중괄호로 데이터를 감싼다. */ // 배열은 자동으로 0부터 시작하는 인덱스가 지정된다. let arr1 = ["Hong", 19]; document.write(arr1[0] + ", " + arr1[1] + " "); // JSON은 0으로 시작하는 인덱스 대신 // name, age와 같은 이름으로 직접 인덱스를 설정할 수 있으며, // 이를 인덱스라 하지 않고 Key라고 부르고 있다. let arr2 = {"name..