heyday2024 님의 블로그

npm VS yarn 공통적 특징둘다 자바스크립트 런타임 환경(아래에서 더 확인할게요 🙂)인 노드(Node.js)의 패키지 관리자애플의 앱스토어, 구글의 플레이스토어처럼, 전 세계의 많은 개발자들이 본인들이 만든 유용하고 다양한 패키지들 또는 프로그램을 ‘온라인 데이터베이스’에 올려놓습니다. 그걸 쉽게 설치하고 삭제할 수 있도록 도와주는 관리자에요.차별적 특징NPMnode.js를 설치할 때 자동으로 설치됨Node Package Manager의 약자JavaScript 프로그래밍 언어를 위한 패키지 관리자로, 수많은 JavaScript 라이브러리와 애플리케이션을 호스팅하는 레지스트리 역할을 합니다.YARN2016년에 Facebook, Exponent, Google, Tilde와 같은 회사에서 공동 작업으로..

ttps://react.dev/ ReactReact is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizatireact.dev- React 공식 홈페이지: "React는 UI 를 만들기위한 라이브러리" React는 라이브러리일까 아님 프레임워크일까??프레임워크?Spring Framework : Java 기반의 웹(백엔드)..

ES6 Modules모듈은 재사용 가능한 코드 조각을 캡슐화하고 다른 자바스크립트 파일에서 쉽게 재사용할 수 있게함. 캡슐화:자바스크립트 모듈은 관련된 함수, 변수, 객체, 클래스 등을 하나의 파일로 그룹화하고, 이를 모듈이라고 함. 이렇게 그룹화를 하게 되면 기능적으로 연관된 코드들을 묶어 관리할 수 있으며, 모듈 외부에서는 내부 구현을 알 필요 없이 제공되는 API를 통해 모듈을 사용할 수 있음!캡슐 안에 중요한 정보와 로직을 넣어 보관! ES6에선 export 라는 키워드를 사용해서 모듈을 만들고, 다른 파일에서 사용할 수 있게함.모듈은 재사용할 수 있는 함수, 객체 또는 원시값을 의미함. 자바스크립트 실행환경: 브라우저 환경 & Node 환경Node 환경에서의 모듈 import 방식은 2가지임!!..

1. Template Literals 변수와 표현식을 문자열 안에 쉽게 삽입할 수 있게 해주는 문법 백틱(`)을 사용하여 문자열을 구성하고, ${변수 이름 혹은 식..} 통해 변수나 표현식을 삽입 let customer = { name: "르탄이" };let item = { name: "커피", price: 4000 };console.log(`감사합니다, ${customer.name}님. ${item.name}을(를) ${item.price}(원)에 구매하셨습니다.`);// 출력: 감사합니다, 르탄이님. 커피을(를) 4000(원)에 구매하셨습니다.  2. Destructuring 객체나 배열의 속성을 보다 쉽게 추출할 수 있게 해주는 문법객체에서의 사용key 가 중요함!! 그래서 순서대로 값을 받는 것이..