새오의 개발 기록

배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채우는 메소드 arr.fill(value[, start[, end]]) fill 메서드는 value, start, end의 3개 인자를 가집니다. start와 end 인자는 선택 사항으로써 기본값으로 각각 0과, this 객체의 length를 가집니다. length가 배열의 길이일 때, start가 음수이면 시작 인덱스는 length+start입니다. end가 음수이면 끝 인덱스는 length+end입니다. fill은 일반 함수이며, this 값이 배열 객체일 필요는 없습니다. fill 메서드는 변경자 메서드로, 복사본이 아니라 this 객체를 변형해 반환합니다. value에 객체를 받을 경우 그 참조만 복사해서 배열을 채웁니다. const ..

호이스팅 코드 실행 전에 변수나 함수의 선언들을 모두 끌어올려서 해당 스코프의 최상단에 끌어올려 선언하는 것. 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것 변수의 생성 단계 1. 선언 단계(Declaration Phase) 변수를 변수 객체(Variable Object)에 등록함. 변수 객체는 스코프가 참조하는 대상이 됨. 2. 초기화 단계(Initialization Phase) 변수 객체에 등록된 변수를 위한 공간을 메모리에 확보 이 단계에서 var는 undefined로 초기화 됨 3. 할당 단계(Assignment Phase) var: undefined로 초기화된 변수에 실제 값을 할당함 let, const: 변수에 실제 값을 할당함 호이스팅의 대상 var, let, const를 포함한 ..

개발을 하다 보면 동기와 비동기가 무엇이 다르냐는 질문을 많이 들어봤을 텐데요. 둘의 차이는 데이터를 받는 방식이 다르다는 겁니다. 커피를 주문하려고 줄을 서 있는 상황으로 동기와 비동기를 이해해 봅시다. 커피를 데이터라고 생각한다면 커피를 주문하는 건 데이터 요청, 주문한 커피를 받는 건 데이터 응답 이라고 볼 수 있을 텐데요. 이 데이터 처리 방식을 동기와 비동기로 나누어보면 (a) 동기 방식일 경우에는 우선 직원이 1명입니다. 맨 앞에 있는 손님이 커피를 주문하고, 그 커피를 받을 때까지 계속 기다려야 합니다. 즉, "커피를 주문하기 위해서는 한 줄로 서서 한 명씩만 주문이 가능"합니다. 여기서 뒷사람이 주문을 하지 못하고 계속 기다려야 하는 상황을 "blocking"이라고 부릅니다. (b) 비동기..

webpack.config.js 또는 vue.config.js 에 아래와 같이 설정한다. // webpack.config.js // 코드가 난독화 된다. mode: 'production' source-map은 빌드된 소스와 원본 소스를 매핑시켜주는 건데 production 모드로 빌드하게 되면 이 연결이 해제되어 원본 소스를 찾아가지 못하는 방식으로 난독화 되는 것 같다. // webpack.config.js devtool: 'source-map'