고래씌

Practice3 회원가입 아이디 : 비밀번호 : 비밀번호 확인 : 이름 :

1. 객체 배열을 사용한 다량의 데이터 관리 ■ 09_객체2.html 확인 ▶객체 배열 생성 후, push를 이용하여 객체들 추가 ☞ 값이 추가된 것을 확인 ▶ 객체 배열 내부에 모든 학생들에게 javascript 점수를 추가하고 싶다면? for(let student of sArr){ student.javascript = 100; } } ☞ of를 이용하여 반복문을 돌려서 모든 학생들에게 javascript: 100 점수를 추가 ▶ 모든 학생들의 html, css, javascript 총합과 평균을 구하는 메소드 for(let student of sArr){ // 각 학생 객체 내부에 점수 총합을 구하는 메소드 추가 student.getSum = function() { return this.html + ..

1. 객체 선언 민 호출 - 객체는 중괄호 {}를 사용해서 생성하고, 중괄호 안에 이 객체에 필요로 하는 속성(property)들을 정의함 - 속성 : 속성값의 형태로 정의함(키 : 밸류) - 속성값으로는 모든 자료형의 값을 담을 수 있음 [표현법] let/const/var 변수명 = { 속성명:속성값, 속성명:속성값, 속성명:속성값, ... }; // 세미콜론 찍어야함!! ▶ 자바스크립트에서의 배열 == 자바의 컬렉션(ArrayList) ▶ 자바스크립트에서의 객체 == 자바의 컬렉션(HashMap) ■ 08_객체1.html 확인 ▶ 자바스크립트의 객체 생성과 동시에 값 넣기 const product = { pName:"Dry Mango", price:4000, kind:"pickle", ingredie..

1. 선언적 함수 [표현법] function 함수명(매개변수, 매개변수, ...) { 해당함수 호출시 실행할 소스코드; return 결과값; } - 매개변수가 없는 경우 매개변수 생략가능 - 반환할 결과 값이 없는 경우 return 결과값도 생략 가능 ■ 07_함수.html 확인 ▶ 함수를 선언적으로 사용하는 방법 function test1(){ area1.innerHTML += `TEST1()실행됨 `; } area1.innerHTML += `함수선언식 : ${fnTest0(1,2)} `; function fnTest0(a,b){ return a+b; } => 출력문이 더 앞에 있어도 이 코드는 에러가 발생하지 않는다! ☞ 함수를 선언적으로 사용하는 것은 내부적으로 맨 위에 선언하게 된다. 그래서 ar..

9_1) 배열 반복문(향상된 반복문, 배열을 비우는 방법) ■ 06_배열.html 9_1) 배열 반복문 ▶ 배열을 비우는 방법 arr.length = 0; => 내부데이터도 전부 날라간다. 9_2) 배열을 통한 반복작업(forEach) forEach 문은 아래처럼 여러방법으로 사용할 수 있다. ■ 06_배열.html ▶ forEach문 만드는 방법 배열명.forEach(요소명 => { 실행문( 요소명) }); ☞ 요소명은 내가 정할 수 있으며, 그 배열이 가지고 있는 요소들을 한 번씩 반환하여 반복을 시켜주게 되는것이다. ☞ item : 안에 있는 객체 ☞ index : 현재 반복문을 진행하고 있는 index ☞ array : 배열 10) 배열 탐색(find, filter) ■ 06_배열.html 10)..

1. 배열 - 자바스크립트에서는 변수 선언 시 별도의 자료형 지정이 없기 때문에 어떤 자료형의 값들이던 전부 하나의 배열공간에 담을 수 있다.(자바의 컬렉션과 유사) ■ 06_배열.html 배열 자바스크립트에서는 변수 선언 시 별도의 자료형 지정이 없기 때문에 어떤 자료형의 값들이던 전부 하나의 배열공간에 담을 수 있다.(자바의 컬렉션과 유사) ▶ 배열객체 const arr = ["홍길동", '이고래', `푸바오`, 26, true, {name:'아이바오'}, null, undefined, [1,2,3]]; // 배열객체 ▶ arr 배열에 담긴 [1,2,3]의 값중에서 3의 값을 얻어오고 싶다면..? console.log(arr[arr.length-1][arr[arr.length-1].length-1])..

Practice2 + - * / % =

Practice1 취미 전체선택 종합 소설 시/에세이 경제/경영 자기계발 아동 여행 과학 역사/문화 외국어 컴퓨터 만화 카테고리 검색

https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/Useful_string_methods 문자열 제대로 다루기 - Web 개발 학습하기 | MDN 이제까지 문자열의 기초를 살펴보았습니다. 이제부터 - 텍스트 문자열의 길이 찾기, 문자열 합치기 및 쪼개기 등과 같은- 내장된 메서드를 사용하여 문자열에서 수행할 수 있는 유용한 작업에 developer.mozilla.org => 이 사이트에서 연습해보면 좋다. 1. 문자열 관련 메소드 ■ common.css .area{ width:300px; height: 100px; border: 1px solid red; } .small{ height: 100px; } .big{ height: 200p..

1. 변수 선언 위치에 따른 전역변수/지역변수 ▶ let 변수명; // 전역변수(global) ▶ const 변수명; // 상수(값을 할당시 바꿀 수 없음) ▶ var 변수명; // 전역변수(global) 단, 과거에 쓰이던 키워드 ▶ 변수명; // 전역변수(global) function 함수명() { var 변수명; // 지역변수(local) 변수명; // 지역변수(local) 혹은 전역변수(global) } ☞ var변수 문제점이 많아서 let, const로 대체됨 ☞ but, 아직도 많은 스크립트에서 var가 사용되고 있음 1-2. var 변수의 문제점 1) 영역문제 ■ 04_변수와자료형.html if(true){ var varTest = "var"; // 전역변수 let letTest = "let..