일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- 3003번
- 빅오표기법
- 리스트복사
- 쿠버네티스
- 파이썬
- 백준
- hoisting
- LeetCode
- Python
- 10926번
- 10869번
- 이벤트버블링
- v-on
- 객체지향의 사실과 오해
- 우테코
- v-for
- 실행 컨텍스트
- MSA
- 젠킨스
- 도커
- 이벤트캡쳐링
- vue
- 프리코스
- v-if
- JavaScript
- DevOps
- 코어자바스크립트
- 배열파티션
- v-model
- 2588번
- Today
- Total
목록JavaScript (13)
새오의 개발 기록
배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채우는 메소드 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 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dDqE5Y/btrNChfKNVT/sTN0HaBKQXlK7T1wGQ8F2k/img.png)
호이스팅 코드 실행 전에 변수나 함수의 선언들을 모두 끌어올려서 해당 스코프의 최상단에 끌어올려 선언하는 것. 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것 변수의 생성 단계 1. 선언 단계(Declaration Phase) 변수를 변수 객체(Variable Object)에 등록함. 변수 객체는 스코프가 참조하는 대상이 됨. 2. 초기화 단계(Initialization Phase) 변수 객체에 등록된 변수를 위한 공간을 메모리에 확보 이 단계에서 var는 undefined로 초기화 됨 3. 할당 단계(Assignment Phase) var: undefined로 초기화된 변수에 실제 값을 할당함 let, const: 변수에 실제 값을 할당함 호이스팅의 대상 var, let, const를 포함한 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/maSJO/btrM8goUeRU/8i3pO518MhVhiTiYnnidD0/img.png)
개발을 하다 보면 동기와 비동기가 무엇이 다르냐는 질문을 많이 들어봤을 텐데요. 둘의 차이는 데이터를 받는 방식이 다르다는 겁니다. 커피를 주문하려고 줄을 서 있는 상황으로 동기와 비동기를 이해해 봅시다. 커피를 데이터라고 생각한다면 커피를 주문하는 건 데이터 요청, 주문한 커피를 받는 건 데이터 응답 이라고 볼 수 있을 텐데요. 이 데이터 처리 방식을 동기와 비동기로 나누어보면 (a) 동기 방식일 경우에는 우선 직원이 1명입니다. 맨 앞에 있는 손님이 커피를 주문하고, 그 커피를 받을 때까지 계속 기다려야 합니다. 즉, "커피를 주문하기 위해서는 한 줄로 서서 한 명씩만 주문이 가능"합니다. 여기서 뒷사람이 주문을 하지 못하고 계속 기다려야 하는 상황을 "blocking"이라고 부릅니다. (b) 비동기..
webpack.config.js 또는 vue.config.js 에 아래와 같이 설정한다. // webpack.config.js // 코드가 난독화 된다. mode: 'production' source-map은 빌드된 소스와 원본 소스를 매핑시켜주는 건데 production 모드로 빌드하게 되면 이 연결이 해제되어 원본 소스를 찾아가지 못하는 방식으로 난독화 되는 것 같다. // webpack.config.js devtool: 'source-map'