전체 글58 npm 명령어 모음과 nodemon package.json 생성하기 // 기본 방법 % npm init // default 속성을 그대로 사용 % npm init -y package.json 파일은 필수적이다. 이 파일의 경우 직접 만드는 방법도 있지만 npm init 명령어를 통해 손쉽게 만들 수 있다. npm init 명령어를 사용할 경우 프로젝트 이름, 버전 등의 다양한 정보들을 입력하여 자동적으로 package.json 파일이 만들어진다. 여기서 더 간단하게 default로 주어지는 속성값들을 그대로 사용해도 상관없는 경우 npm init -y 명령어를 사용하면 된다. 이 경우 기본적으로 제공되는 default 값으로 package.json 파일을 구성할 수 있게 된다. 라이브러리 다운로드하기 // 명령어를 사용해 라이브러리 다운로.. 2023. 5. 18. NPM의 정의 및 구조 설명 NPM 은 Node Package Manager의 약자이다. 자바스크립트로 무언가를 개발할 때 필요한 모듈들을 쉽게 다운로드할 수 있게 해주는 도구이다. 버전 확인 node js를 설치하면 npm이 같이 설치된다. node js의 경우 https://nodejs.org/ko/download 에서 설치 가능하다. 설치 후 설치된 버전을 확인하고 싶은 경우 다음과 같은 구문을 이용한다 // 노드js 버전 확인 % node -v // npm 버전 확인 % npm -v 위의 두 구문을 터미널을 통해 확인할 수 있다. npm 라이브러리 공유 사이트 npm을 통해 다운로드할 수 있는 라이브러리들을 공유해 둔 사이트가 있다. 바로 https://www.npmjs.com/이다. 위에서 npm install을 통해 다운.. 2023. 5. 16. 자바스크립트 모듈 시스템 자바스크립트의 내용이 많아지면서 자바스크립트 파일을 여러 개로 분리할 필요성이 생기게 되었다. 분리된 각각의 파일을 모듈이라고 부른다. 이렇게 분리된 모듈을 어디서든지 불러올 수 있게 하는 방법을 모듈 시스템이라고 한다. 기존에는 태그를 이용해서 스크립트 파일을 불러왔다. 이 경우 전역 스코프를 공유하기 때문에 문제가 생길 수 있다. // a.js var number = 10; console.log('a.js > number :', number); // b.js var number = 20; console.log('b.js > number :', number); // index.html a.js 파일에 number라는 변수를 선언하고 10이라는 값으로 초기화한 후 b.js 파일에서 다시 number 변수.. 2023. 5. 13. 자바스크립트의 Array API map() 배열 내에 있는 모든 요소들에 대해 함수를 호출한 후의 결과를 모아 새로운 배열 형태로 반환한다. const numbers = [1, 2, 3, 4, 5, 6, 7]; const result = numbers.map(function(number) { return number * 2; }); console.log(result); // 화살표함수로 변경 const result = numbers.map((number) => { return number * 2; }); // 단축형태 const result = numbers.map((number) => number * 2); numbers라는 배열에 1부터 7까지의 숫자를 담고, 이 배열을 map()을 통해 콜백함수에서 2배로 만들었다. 그리고 결과를.. 2023. 5. 11. 이전 1 ··· 5 6 7 8 9 10 11 ··· 15 다음
