코딩/JavaScript 4

강의를 듣다가 모르는 문법정리(구조분해? 객체구조?)

구조분해할당? 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식 cat = { ...cat, ...body} 원래 데이터 구조분해, 새로운 데이터 구조분해 cat 과 body를 구조분해 할당 후 기존의 키에서 중복된 키에 대한 value값을 바꾼다. let obj = { name: "홍길동", age: 20 }; let { ...arr } = obj; // arr이 객체 안에 있는 변수를 다 가지고 들어온다 console.log(arr); // { name: '홍길동', age: 20 } let arr = ["홍길동", "이순신", "홍길자", "김철수"]; // 원하는 값 꺼내기 let [n1, , , n2] = arr; console.log(n1, n..

코딩/JavaScript 2022.08.20

This가 뭐지?

1. This가 무엇인가? 영어에선 This : 👉 이것(지시대명사) 이다. 의미와 같은 역할을 한다 this는 호출한 주체에 대한 정보가 담긴다. 보통 객체지향에선 클래스로 생성한 인스턴스 객체를 의미한다. 즉 클래스에서만 사용가능! 하지만 JS에서는... 어디서든 사용할 수 있다. 그렇기에 어디서 어떻게 사용하는지 어떤 대상을 바라보는지 알아야 한다. 함수와 객체(메서드)의 구분이 느슨한 JS에 this는 긴장감을 준다. 이 둘을 구분하기 때문 this는 실행 컨택스트가 생성될 때(함수를 호출할 때)결정된다. 즉 함수를 어떻게 호출 하냐에 따라 값이 달라진다. 2. 함수와 메서드 함수를 실행하는 두가지 방법 : 함수로 호출 / 메서드로 호출 함수와 메서드의 차이? 독립성 함수 : 그 자체로 독립적인 ..

코딩/JavaScript 2022.05.04

Nodemon

- node monitor의 약자 - Node.js에 기반한 웹 어플리케이션 개발 시, 파일이 수정되면, 자동으로 애플리케이션이 재 실행 되도록 도와주는 node.js 패키지(확장모듈) - 이 모듈을 설치하면, 코드를 실행 할 때, 코드 수정 후 저장(Ctrl+S)하면 다시 시작할 필요 없이 애플리케이션이 저절로 실행된다. 수정 결과를 바로 확인 할 수 있으니 좋다! 1. 터미널에 npm install nodemon -g 입력(전역으로 설치할 경우) npm install nodemon -g #전역설치 npm install --save-dev nodemon #로컬설치 2. 터미널에서 nodemon index.js (각자 폴더의 메인 파일 입력) 명령 입력 후 실행 혹은 하단의 두개로 해도 된다 nodemo..

코딩/JavaScript 2022.02.28