function을 변수에 넣는 이유

변수에 function 기본적인 자바스크립트에서 변수 사용법 function a() {} 변수에 넣어서 사용하는 방법 const a = () => { return '어쩌구' } 변수에 넣는 이유 (1) 오버라이딩을 막을 수 있다 (2) function이 먼저 정의된다 (top of scope) 참고로 자바스크립트에서 함수는 사실은 변수에 담겨진 함수 변수인 점! function a() {} 이렇게 작성해도 사실 var a = function() {} 이라고 한다! 그냥 코드 취향이라 생각한 무지함에 셀프반성^^ 일하면서 배우는 코딩 ^.^ㅜ 메모해둔거 조금씩 올려야지 ...

  • format_list_bulleted 🧠 저장/Javascript
  • · 2023. 11. 1.
  • textsms
TODO Tree

TODO Tree

주석을 해놨는데도 까먹는다 ... 🎄 TODO Tree TODO Tree 를 활용하자 https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree Todo Tree - Visual Studio MarketplaceExtension for Visual Studio Code - Show TODO, FIXME, etc. comment tags in a tree viewmarketplace.visualstudio.com install 하면 이렇게 탭 등장! 이 후 코드에 주석을 아래처럼 달아놓으면 /* TODO 어쩌구저쩌구 */ /* FIXME 저쩌구어쩌꾸 */ TODO TREE 탭에서 한 눈에 확인이 가능! TODO → "이거 해라!" F..

  • format_list_bulleted 🧠 저장/etc.
  • · 2023. 8. 24.
  • textsms

에러와 에러 객체

아 에러 진짜 짜증나면서도 가끔 고마운 존재ㅎ 아무튼 자바스크립트에서 에러를 다루는 일은 굉장히 중요하다! 자바스크립트에서 에러가 발생하면 바로 프로그램이 멈추고 이후의 코드가 동작하지 않기 때문...! 에러가 발생하면 에러에 대한 정보를 name과 message라는 프로퍼티로 담고 있는 에러 객체가 만들어진다. 에러 발생! → 에러객체 생성 무슨 에러인지 모르면 에러객체의 name이랑 message 살펴보자 대표적인 에러 객체는 SyntaxError, ReferenceError, TypeError 이며 에러 객체는 직접 만들 수도 있다. new 키워드와 에러 객체 이름을 딴 함수를 통해 에러 객체를 만들 수 있고, throw 키워드로 에러를 발생시킬 수 있다. throw new TypeError('타입..

  • format_list_bulleted 🧠 저장/Javascript
  • · 2023. 5. 31.
  • textsms

옵셔널 체이닝 (optional chaining)

옵셔널 체이닝 (optional chaining) 프로퍼티가 없는 중첩 객체를 에러 없이 안전하게 접근이 가능한 연산자 ?. 앞의 대상이 없으면 평가를 멈추고 undefined를 반환한다. 너무 너무 유용한 연산자입니다.. 왜 이제야 알았지 예를 들면 김테이라는 유저의 장바구니 목록 유무를 체크해서 장바구니가 빈 객체가 아니면 어떤 동작을 수행해야하는 상황 (1) 맨 처음 작성한 코드 if ( 유저.김테이.장바구니.물건 ) { 어쩌구저쩌구 } → 이러면 물건이 없는 경우 대상을 찾지 못해서 에러가 생김 (2) 그 후 수정한 코드 if ( 유저.김테이.장바구니 && 유저.김테이.장바구니.물건) { 어쩌구저쩌구 } → 동작은 한다. 하지만 영 찜찜하고 불편한 코드 (3) 옵셔널 체이닝 활용 if ( 유저.김..

  • format_list_bulleted 🧠 저장/Javascript
  • · 2023. 5. 26.
  • textsms

문자열 자르기 삼형제 비교 (substring, slice, split) ✂️

맨날 헷갈려서 정리 ^.^ 사실 각각 무슨 차이인지 이번에서야 제대로 알았다. ✂ substr, substring, slice 사용법 셋 다 비슷한데 조금씩 차이가 있다. substr(시작) substr(시작, 길이) substring(시작) substring(시작, 종료) slice(시작) slice(시작, 종료) slice(-시작, -종료) - 시작값 위치에서 길이값만큼 가져온다. - 길이값이 음수면 반환값 없음 - 시작값이 끝값보다 크면 작은 숫자가 시작값으로 자동세팅 - 두 값 중 하나가 음수면 시작위치는 무조건 0 - 둘다 음수면 반환값 없음 ※ substr() - 웹표준에서 제거된 건 아니지만 바람직하지 않아서 안쓰면 제거될 예정 (쓰지말자 ㅠ) ✂ split 사용법 split('문자') sp..

  • format_list_bulleted 🧠 저장/Javascript
  • · 2023. 4. 7.
  • textsms