| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 프리코스
- 안드로이드 스튜디오
- 순환참조
- 프롬프트엔지니어링
- oAuth2
- Global
- __filename
- 이진탐색
- HttpCookieOAuth2AuthorizationRequestRepository
- 객체지향의 사실과 오해
- 8기
- exports
- 객체지향
- 노드 내장 객체
- 이분탐색
- await
- ECMAScript
- 프롬프트
- 우테코 프리코스
- import.meta.url
- 파라메트릭 서치
- Async
- 백준
- nodejs
- 우테코
- JPA
- __dirname
- 다이내믹 임포트
- Console
- CommonJS
- Today
- Total
목록Front-End (5)
코딩하는 감쟈
API Provider → Google Gemini → API Key를 Gemini API Key에 입력 → Model : gemini-exp-1206 선택 설정 (ctrl + ,)Editor: Default Formatter : Prettier - Code formatterEditor: Format On Save : ✅ Check
const example = { a : 123, b : { c : 135, d : 146 } } const a = example.a; const d = example.b.d; 위 코드를 구조분해할당하면 const { a, b : {d} } = example; console.log(a); //123 console.log(d); //146 arr = [ 1, 2, 3, 4, 5 ]; const x = arr[ 0 ]; const y = arr[ 1 ]; const z = arr[ 4 ]; 위 코드를 한줄로 const [ x, y, , , z] = arr; 로 바꾸는 것이 가능하다.
const obj = ( x, y ) => { return { x : x, y : y }; } 위 함수의 리턴이 return { x, y }; 이렇게 가능해졌다. const obj = ( x, y ) => { x, y } { x, y }이 부분이 객체를 의미하는건지 함수의 바디를 의미하는건지 자바스크립트 엔진이 해석하지 못한다. 따라서 객체를 리턴하는 경우에만 const obj = ( x, y ) => ({ x, y }) 이렇게 소괄호를 붙여 주어야 한다. function과 화살표함수의 차이점 function은 자신만의 this를 갖기 때문에 부모의 this를 받아주려면 that에 저장해줘야 한다. 화살표함수는 자신만의 this를 갖지 않고 무조건 부모의 this 그대로 물려받는다. button.addE..
Map 키와 값을 객체로 둘 수도 있다. ex) const m = new Map(); m.set({ a : 'b' }, { c : 'd' }) m.get({ a : 'b' }) >undefined 참조값이 다르기 때문에 다른 객체이다. const obj = { key : 'key' } m.set( key, 123 ) m.get( key ) 이렇게 해야만 값이 나온다. set 중복을 허용하지 않는다. 중복 제거하고 싶을 때, 중복이 없어야 하는 배열인 것에만 사용하는 것이 좋다. WeakMap과 Map 차이점 WeakMap은 가비지컬렉팅 가능하여 연쇄적으로 없어지는데, Map은 메모리에 남게 된다.