⏳ 2023. 5. 8. - 2023. 5. 14. 구조 분해 할당(Destructing assignment) 배열에서 const arr = [1, 2, 3]; const [a, b, c] = arr; // const a = arr[0]; // const b = arr[1]; // const c = arr[2]; console.log(a, b, c); // 1 2 3 불필요한 코드를 줄일 수 있다! const arr = [1, 2, 3]; // 할당하고 싶지 않은 값에 대해서는 순서에 맞춰 ,로 구분해서 작성해야 한다. let [, b, c] = arr; console.log(b, c); // 2 3 // 전개 연산자를 사용할 수 있다. let [a, ...rest] = arr; console.log(a..

⏳ 2023. 5. 8. - 2023. 5. 14. 연산자 산술 // 산술(Arithmetic) console.log(1 + 2); // 3 console.log(3 - 5); // -2 console.log(3 * 4); // 12 console.log(10 / 2); // 5 console.log(7 % 5); // 2 할당 // 할당(Assignment) const a = 1; let b = 3; b = b + 1; b += 1; b -= 1; b *= 4; b /= 2; b %= 3; 증감 // 증감(Increment & Decrement) let a = 5; console.log(a++); // 5 console.log(a); // 6 console.log(++a); // 7 console.lo..

⏳ 2023. 5. 8. - 2023. 5. 14. 기본적으로 typeof 연산자를 사용하여 데이터 타입을 확인할 수 있다. console.log(typeof "HELLO"); // string console.log(typeof 123); // number console.log(typeof false); // boolean console.log(typeof undefined); // undefined console.log(typeof null); // object console.log(typeof []); // object console.log(typeof {}); // object console.log(typeof function () {}); // function 그러나 null, [], {}은 모두..

⏳ 2023. 5. 8. - 2023. 5. 14. js에는 boolean 데이터 이외에도 논리값을 결정할 수 있는 Truthy와 Falsy라는 개념이 있다. 쉽게 말해서 Truthy는 true 같은 것.. Falsy는 false 같은 것이다. Falsy가 아닌 모든 값은 Truthy이므로, Falsy만 알아두면 된다! 0 -0 0n(BigInt) null undefined NaN ""

⏳ 2023. 5. 8. - 2023. 5. 14. const a = 1; const b = "1"; console.log(a == b); // true console.log(a === b); // false js에서 ==는 동등 연산, ===는 일치 연산을 의미한다. 동등 연산의 경우, 데이터 타입을 바꾸어가며 값이 일치하는지 비교한다. 일치 연산의 경우, 형 변환이 일어나지 않고 데이터 타입과 값이 모두 일치하는지 비교한다.

⏳ 2023. 5. 8. - 2023. 5. 14. 버전의 숫자는 어떻게 부여하고 어떻게 해석할까? 버전의 숫자는 항상 보고 지나치기만 해서.. 무슨 의미인지 생각해본 적이 없다. 이런 의미였다니 충격..!

⏳ 2023. 5. 8. - 2023. 5. 14. 익스텐션으로 사용했던 Live Server는 실제 개발할 때는 활용도가 낮다. 이제부터는 parcel이라는 번들러를 통해 개발 서버를 오픈하자! 서버 실행과 빌드 개발 서버 실행하기 package.json의 scripts 부분을 원하는 명령어로 수정하고, npm run 를 통해 parcel 개발 서버를 실행할 수 있다. type="module" import _ from "lodash"; console.log(_.upperCase("hello-world")); import라는 키워드를 사용하는 js 파일은 모듈이라는 개념으로 불린다. html에 script 파일을 연결할 때 type="module" 값을 줘야 에러가 없다. 빌드 개발 서버가 아닌 제품용으..

⏳ 2023. 5. 8. - 2023. 5. 14. Node.js란? Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임(프로그래밍 언어가 동작하는 환경) 브라우저에서는 html, css, js만 동작한다. 그렇다고 단순하게 이 세 가지 언어로 개발하는 것은 상당히 비효율적인 일이다. 때문에 작업의 효율을 위해 보통 개발을 도와줄 수 있는 모듈을 설치하고, 이러한 모듈은 브라우저가 이해할 수 없으니 컴퓨터의 node 환경에서 개발을 진행하는 것이다. NPM NPM(Node Package Manager)은 다양한 기능(패키지, 모듈)을 관리할 때 사용한다. npm을 통해 이미 완성된(다른 개발자가 만들어 놓은) 기능을 프로젝트에 연결해서 사용할 수 있다! 시작..