개발일지

인스턴스 : 클래스의 현재 생성된 오브젝트를 가리킨다. 인스터스화 되다 : 클래스로부터 객체를 만드는 과정. 클래스 -> 인스턴스화 -> 인스턴스(객체) 클래스를 사용하기 위해서 class Name {} 을 사용한다.(클래스의 이름의 첫 글자는 대문자) 그리고 언제나 constructor(){} 구문을 추가한다. 이것은 새로운 것이 만들어질 때마다 즉시 실행되는 함수다. 클래스에서도 new 키워드를 사용해 매개변수를 담아준다. class Color { constructor(r, g, b) { console.log(r, g, b); } } const newColor1 = new Color(255, 255, 255);//콘솔에서 즉시 255 255 255 출력이 됨. 클래스에서는 클래스를 선언한 중괄호 내에..

아이디 *8자 이내로 만들어주세요 패스워드 패스워드 재확인 document.member_form은 form 태그의 name으로 불러올 수 있다. submit 될 경우 name 속성의 'idname'이 변수로 전달된다. / /$idname form 태그의 method 속성의 post는 name속성의 넘어가는 변수를 숨길 수 있고 반대로 method 속성의 get은 넘어가는 변수가 주소창에 보이게 된다. 이 자료는 form 입력이 됐을 경우 inset.php로 자료가 넘어가게 된다. (form의 action속성) post로 들어온 변수 대괄호를 사용해줘야한다. $_POST는 슈퍼 글로벌 전역변수로 취급되며 form의 method가 post로 작성되었기 때문에 $_POST로 입력되고 form의 method가 ..

기본값 매개변수 기본값 매개변수는 함수를 사용할 때 매개변수 값에 기본값을 주어 함수를 입력할 때의 내용을 축약할 수 있다. 매개변수에 각각의 값을 할당하는 것이 아니라면 첫 번째 매개변수에만 기본값을 할당하는 것은 그 다음 매개변수는 undifiend를 출력하므로 전부 기본값을 할당하거나 두 번째 이상의 매개변수부터 기본값을 할당한다. function num(a, b = 1) { return a * b } //num(2,4) 입력시 8출력 function name(firstName, lastName = 'gildong') { console.log(`Hello ${firstName} ${lastName}`) } // name('gildong') 입력시Hello gildong undefined를 출력하게 ..

reduce reduce 메소드는 배열에 있는 아이템들을 reduce 메소드에 입력한 조건에 따라 아이템들을 검사하여 값이 하나가 남을 때까지 검사한 후 그 값을 반환한다. ex. reduce((previousValue,currentValue) => previousValue + currentvalue) a,b const character = [ { name: 'lee', score: 1000, }, { name: 'choi', score: 1400, }, { name: 'kim', score: 1800, }, { name: 'park', score: 2100, }, { name: 'cho', score: 900, } ]; const bestScore = character.reduce((best, curr..

every every 메소드는 기존에 있는 배열에 every 메소드를 적용할 때 every 안에 있는 매개변수의 조건을 통해 불리언 값을 반환한다. 이 반환하는 불리언 값은 배열 안에 있는 아이템들이 모두 조건이 true여야 true 값을 반환하고 하나라도 조건에 맞지 않는 아이템일 경우 false를 반환한다. (배열의 아이템 조건을 검사할 수 있는 메소드) const num2 = [2, 4, 6, 8, 10, 12]; const check = num2.every(num2 => num2 % 2 == 0); //콘솔로그에서 check 입력시 true가 반환된다. 하나라도 조건에 맞지 않을 경우 false출력. function check(number) { return number.every(number =>..

filter filter 메소드는 주어진 배열에서 true 값인 값을 걸러내 새로운 배열을 반환하는 콜백 함수다. 원본 배열은 수정되지 않고 새로운 배열이 생성된다. const character = [ { name: 'lee', score: 100, }, { name: 'choi', score: 140, }, { name: 'kim', score: 180, }, { name: 'park', score: 210, }, { name: 'cho', score: 90, } ]; const highScore = character.filter(num => num.score > 150); // kim과 park만 있는 배열이 생성된다. const highScore = character.filter(num => num..

map map메소드는 기존의 있는 원본의 배열을 가지고 새로운 배열을 생성한다. 이 때 원본의 배열은 변동되지 않는다. 새로운 배열을 생성할 때 변수에 저장할 수 있으며 map메소드의 인자값을 통해 여러가지 함수 메소드를 적용할 수 있다. map 메소드는 인자값으로 함수를 넣어 리턴 반환값을 받는 고차함수이며 콜백함수이다. 여기서 콜백함수는 map메소드 인자값을 받아 map 함수가 실행되는 것을 콜백 함수라고 한다. const character = ['a', 'b', 'c', 'd'] const caps = character.map(function (f) { return f.toUpperCase(); }) // charater의 원본 배열은 유지하면서 caps를 통해 대문자 배열을 새로 생성한다. con..

for 조건문 for의 구성은 for(시작; 조건; 증감식(코드 실행 후 작업;) {조건 내용} 으로 구성되며 반복 횟수를 정할 수 있고 조건의 끝을 알 수 있을 때 사용된다. ❕ 예제 for (let i = 0; i < 10; i++) { //for의 시작은 const로 시작하지 않는다. console.log(i) // 값은 0 ~ 9를 출력한다. } while 조건문 while의 구성은 while(참||거짓 (조건내용)) {반복할 내용}으로 구성되며 js에서 while의 조건이 참일때 반복할 내용이 실행되며 값이 거짓이 될 때까지 반복한다. 끝을 정하지 않으면 무한으로 반복되기 때문에 내용에 break로 멈추거나 조건내용에 끝을 정한다. if문과 비슷한 맥락이다. let i = 0 while (i <..