My devlog

stack memory 변수 기본형 데이터 정적 할당 heap memory 참조형 데이터 동적 할당 공통점 : 변수를 선언하고 할당한다 메모리에는 하나의 값만 넣을 수 있다. 따라서 참조형 데이터는 한단계가 더 필요하다. 참조카운트 0 이면 가비지컬렉팅의 대상이 되어서 메모리 상에서 사라짐 값을 직접 저장 vs 값의 주소를 저장 값을 비교할 때 비용이 들지 않는다 = 같은 값은 오직 하나만 존재한다. = 기본형 데이터는 불변값이다. 기본형 데이터의 설명을 들을 때 값을 직접 저장하지 않고 별도의 메모리로 저장하는 이유가 궁금했다. 강의를 다 듣고 나니 이해가 됐다. 기본형과 참조형이 왜 다른지 정확하게 이해하게 되었다. 참조: 인프런 코어 자바스크립트 정재남

constructor(data?:Customer) { if(data) { Object.assign(this, data) } } 위에 에시는 Typescipt Class 내에 생성자 메소드 이다. class에 정의된 객체에 매개변수로 넘어온 data 객체의 값을 덮어쓰운다.

target : 이벤트의 시발점 current target : 이벤트 리스너를 가진 요소

vuex 란 vue js 를 위한 상태 관리 패턴+라이브러리 이다. 상태란 데이터(반응성데이터) 이다. - State Vue 의 data - Getters Vue 의 computed - Mutations 수정 권한이 있는 method - Actions method - Modules import {createStore} from 'vuex' export default createStore ({ // data state() { return { count: 0 } }, // 계산된 data === computed getters:{ double(state){ return state.count * 2 } }, // 수정권한 메소드 //수정권한이 있는 mutations을 직접 내보내서 쓰는 경우는 피하는게 좋음 /..

원시형 데이터 종류: string number boolean undefined null symbol - 똑같은 값은 새로운 메모리에 할당되지 않는다. = 똑같이 생긴 건 똑같은 메모리 주소 참조형 데이터 종류: array object function - 같은 값이라도 다른 메모리에 할당될 수 있다. - 깊은 복사가 필요하다. let btnEl = document.querySelector("button"); const handler = (event) => { console.log(121); }; btnEl.addEventListener("click", handler); btnEl.removeEventListener("click", handler); btnEl = null; 출처 패스트캠퍼스 박영웅 강사님

arrray method .reduce() const arr = [1,2,3,4] let sum =0 for (let i = 0; i acc + cur, 0) const data = [ 'regNum', 'name', 'logo', 'representative', 'startDate', 'address', 'contactEmail', 'tags', 'intro', 'homepage&#..

비교연산자 연산자 이름 == 동등 != 부등 === 일치 !== 불일치 a>b a>=b a

🎥 인강 내보내기 1. Default export - 이름을 지정하지 않아도됌 -> 따라서 디폴트를 import 할땐 이름을 임의로 지정 가능 - 하나의 파일에서 한개의 디폴트만 사용가능 export default function (date) { return Object.prototype.toString.call(data).slice(8,-1) } 2. Named export - 이름을 꼭 지정하여야함 - 여러개 export 가능 export function random(){ return Math.floor(Math.random() * 10) } - 이름을 {}에 넣어서 import import {random, user as kmjin } from './getRandom' // as 를 사용하여 다른 이..

📢 실강 함수 (functions) new Function() 생성자 함수 호출로 함수로 만드는 법! 근데 자주 안 씀. const sum = new Function('a','b','console.log(a+b)') //클래스(객체) //서버에서 가져올땐 json으로 밖에 안됌 sum(2,4) 반환과 종료 return undefined return 키워드를 사용하면 반환하고 함수 종료! return 이 없다면 undefined 나옴 function sum (a ,b) { return console.log(a + b) //retuen 이 없으면 undefined 가 나옴 console.log(123) //나오지 않음 } 선언과 표현 매개변수 패턴 기본값 설정 function sum (a= 1 , b = 3..

리터럴 방식 특정한 기호로 데이터를 만들어내는 방식 원래는 new 라는 키워드로 각 전역객체들로 데이터를 만들어냄 prototype 문자 str.indexOf(‘heropy’) !== -1 : boolean 데이터로 해당 단어가 있는지 찾는 방법 str.replace( 바꿀 문자, 넣고싶은 문자) str.match( ) str.trim() : 문자열의 앞뒤 공백 제거 숫자 math : 내정 객체. 함수 객체가 아님.. math.floor (math.random() *10) : 랜던한 정수 배열 elements == item forEach : 아이템의 갯수만큼 콜백문을 반복 반환되는 값은 없음 map : 아이템의 갯수만큼 콜백문을 반복하여 리턴을 통해 새로운 배열 생성 filter : 필터링을 해서 새로운..