반응형 JavaScript7 JavaScript replace에 변수 활용하기 - 정규표현식 (regExp) 이용 서비스를 만들 때, JavaScript replace에 변수를 넣어야 한는 상황이 종종 생깁니다. 예를 들어 어떤 URL의 경로만 구하는 함수를 작성한다고 해봅시다. const red = 'apple' const sentence = 'I want red apple cookies'; const ans = sentence.replace(/red/gi,''); 내가 원한 것 : I want red cookies 실제 실행되는것 : I want apple cookies replace앞에 들어가는 것은 정규표현식 혹은 string그 자체이기 때문에 당연히 red가 치환되게 된다. new ReqExp 활용하기 🔗 MDN - RegExp const red = 'apple' const sentence = 'I want.. 2022. 5. 17. [Javascript] Prototype 을 통한 상속 과 __proto__ +(MDN 예제로 보는 Prototype 상속) 자바스크립트에서 class란? 생성자함수 생성 함수 호출 객체 생성 시 내부 구현 크롱의 수업과 생활코딩 js 객체지향 프로그래밍을 참조하여 MDN에 잇는 Class Model 상속예제 -> Constructor function 과 prototype을 이용하여 상속을 구현해 보았다. Class 를 이용한 상속 Javascript는 프로토타입 based 언어 원래는 class 가 있기 전에 생성자 함수를 이용하여 상속을 구현했다. 따라서 Class 의 extends 를 프로토타입을 통해 구현해보자 Constructor function (생성자 함수) 및 객체 생성 1) Car (부모) , Model (자식) 이라는 생성자 함수 생성 각자의 Prototype 객체가 생성됨 ( Car's prototype ,.. 2021. 3. 12. [JavaScript ] prototype vs __proto__ + 객체 지향 프로그래밍 자바스크립트의 함수는 객체 function Person(){} var Person = new Function(); 객체이기 때문에 property를 가질 수 있음 ↓ 함께 이해하는 것이 중요 https://rrecoder.tistory.com/87?category=947948 JavaScript 프로토타입(prototype) 이해 Object (객체) 서로 연관된 변수와 함수를 그룹핑해서 이름을 붙인 것 var memberObject = { tami: 'name', developer: 'java', age:'25', } this 메서드가 자신이 속해있는 객체를 가리키는 키워드 객체가 내부적.. rrecoder.tistory.com prototype 과 __proto__ 예시) Person Person.p.. 2021. 3. 11. [Javascript] __proto__ 와 상속 ► Object(객체)에서의 상속 보통은 class 단계에서 상속을 받고 상속을 받은 class 가 object를 만들지만 자바스크립트에서는 객체 자체를 상속받을 수 있음 prototype link : 객체의 상속을 연결해주는 링크 prototype object : sub object가 상속을 받은 객체 출처)opentutorials.org/module/4047/24626 객체와 객체 상속 실행되는 __proto__ 예제1) var superObj = {superVal:'super'} var subObj = {subVal :'sub'} subObj.__proto__ = superObj; console.log("subVal",subObj.subVal); //sub console.log("superVal",.. 2021. 3. 11. git push 오류 error: pathspec '' did not match any file(s) known to git Git 에서는 정말 각양각색의 사고가 일어난다. 오늘은 또 무슨일일까? 처음 push 하는상황 local의 step1 에서 이것저것 열심히 구현, 아래 그림처럼 commit 해놓고 하고 push 하려는 상황 git add . git commit -m " 커밋메세지 " 오류발생 1 근데? 띠용??? 갑자기 push가 되지 않는다 ➜ fe-w5-searchUI git:(setp1) git push origin step1 error: src refspec step1 does not match any error: failed to push some refs to 'https://github.com/ink-0/fe-w5-searchUI' 이때 멈췄어야 했다. 해당 에러를 검색한 결과 에러 원인은 다양했다 - gi.. 2021. 3. 11. JavaScript 프로토타입(prototype) 이해 Object (객체) 서로 연관된 변수와 함수를 그룹핑해서 이름을 붙인 것 var memberObject = { tami: 'name', developer: 'java', age:'25', } this 메서드가 자신이 속해있는 객체를 가리키는 키워드 객체가 내부적으로 가지고 있는 값을 참조할 수 있음 var kim = { name: 'kim', first:10, second:20, sum: function(){ return this.first+this.second; } } console.log(kim.sum()); //30 위의 예시의 객체는 수작업으로 만든 객체 객체를 찍어내는 동작을 따로 구현 하여 재사용 가능하게 해야함 Prototype javascript 는 prototype based langu.. 2021. 3. 10. [JavaScript ] Object에 대해 알아보자 object key 와 value 의 집합 object 정의하는 2가지 방법 const obj1 = {}; // object literal const obj2= new Object(); // object constructor 1) literal 2)constructor javascript 다이나믹 타입 언어: 동적으로 Runtime 일때 결정되는 언어 뒤늦게 property 추가/삭제 가능 function print(person){ console.log(person.name); console.log(person.age); } const tami = { name: 'tami', ate: 25} tami.hasJob = false; //뒤늦게 추가 delete tami.hasJob; //뒤늦게 삭제 comp.. 2021. 3. 10. 이전 1 다음 반응형
