Web/JavaScript 5

prototype과 prototype chain

prototype자바스크립트에서 prototype를 써서 자식 object에게 데이터를 물려줄 수 있음.상속기능을  구현할 수 있는 장치.  기계를 하나 만들고 출력하면 아래. 기계를 만들고 쓰면 기계와 함께 자동으로 prototype이라는 공간이 생긴다.프로토타입(prototype)이란.. 유전자라고 생각하면 쉽다.  기계.prototype 마음대로 수정가능한데 name이 'kim'을 추가하도록 하면 기계로부터 생성된 자식(nana)들은 전부 다 name='kim'을 갖다 쓸 수 있음.콘솔에 출력해서 확인해 보면nana에 name을 직접 부여한 적이 없는데 'kim'이 찍힘.근데 nana라고 쳐보면 name = 'kim' 전혀 없음.→ 부모 유전자에 기록되어 있으니 가져다 쓸 수 있음.   어떤 원리?..

Web/JavaScript 2023.01.23

class문법

https://youtu.be/dHrI-_xq1Vo class문법 {object}자료형으로 게임 캐릭터들의 정보를 정리. 근데 캐릭터 100개를 저장하려면 코드가 길어진다. 이 작업을 쉽게 할 수 있는 문법 → 클래스 문법 object생성하는 기계를 하나 만든다.(constructor) this는 기계로부터 생성되는 object(instance) 즉, 기계 안에 코드 뜻은 새로 생성되는 object에 { q : 'consuem'} 추가해주세요. { w: 'snowball'} 추가해주세요 라는 뜻. 그리고 기계에서부터 새로운 object 뽑고 싶으면 new 기계() nunu에 저장하고 콘솔에 출력해 보면 아래처럼 잘 뜬다. garen에도 똑같이 저장하고 콘솔에 출력하면 똑같음. 다만 똑같은 object이기..

Web/JavaScript 2023.01.23

정규표현식

정규표현식(regular expression)이란 정규표현식이란 문자열에서 특정한 규칙을 가지는 문자열의 집합을 찾아내기 위한 검색 패턴 정규 표현식의 생성 1. 정규 표현식 리터럴을 이용한 생성 2. RegExp 객체를 이용한 생성 문법 /pattern/modifiers 정규 표현식 리터럴은 슬래시(/) 기호로 시작하여, 슬래시(/) 기호로 끝납니다. 또한, 필요에 따라 플래그를 추가하여 기본 검색 설정을 변경할 수도 있습니다. 정규표현식 패턴 modifiers 정규 표현식을 생성할 때 modifiers를 사용하여 기본 검색 설정을 변경할 수 있다. 이렇게 설정된 modifiers는 나중에 추가되거나 삭제될 수 없다. modifiers 설명 i 검색 패턴을 비교할 때 대소문자를 구분하지 않도록 설정함...

Web/JavaScript 2022.12.30

인수와 인자, Argument & Parameter

공부를 하면서 인수와 인자 단어의 차이를 확실히 구분하지 못하고 헷갈려했다.. 인수는 함수에 입력하는 값을 말한다. 간단히 말해, 인수는 함수를 호출할 때 건네주는 변수이고, 인자(=매개변수, 파라미터)는 함수에서 정의 되어 사용되는 변수이다. 처음에 아주 간단한 함수만 배웠기 때문에 입력 값이 필요 없으니 항상 똑같은 결과만 나왔었음. 인수에 입력한게 없다면 항상 똑같은 결과만 나올것. 입력에 따라 결과가 달라지려면.. indexOf와 같은 내장 메서드에서 이미 인수를 사용한 바가 있습니다 인수는 함수를 실행할 때 괄호 안에 전달하는 것이고 매개변수는 일종의 플레이스홀더로서 함수 정의할 때 용도에 따라 정해줄 수 있습니다

Web/JavaScript 2022.11.25

자바스크립트의 화면 출력 방법 정리

1. 경고창 window.alert() window.alert("출력"); 2. HTML출력 document.write() document.write("HTML출력"); // HTML document 이후에 document.write()의 사용은 // 존재하는 모든 HTML을 지우고 완전히 로드되기 때문에 // 테스트 용도로만 추천 JavaScript 출력 테스트 click 3. HTML요소에 출력 innerHTML document.getElementById("test").innerHTML = '출력'; 4. 브라우저 콘솔에 출력 console.log() // 브라우저 F12 개발자 모드에서 확인 가능 console.log("출력"); 출처-https://coding-restaurant.tistory.c..

Web/JavaScript 2022.11.23