본문 바로가기

CodeIt_Sprint/자바스크립트_모듈4

(4)자바스크립트_모듈_서드파티 모듈의 package-lock.json 존재의 이유, 알아두면 좋은 npm 터미널 명령 ● 다음 아래의 상황을 이해해보자.보통 어떤 프로젝트에 대해, 협업을 할 떄, 자기 자신과 협업자는 프로젝트를 주고 받을 때, 똑같은 환경에서 받는 것이 좋다.그리고, 협업을 하게되면, 보통 모든 파일을 주고 받는 것이 아닌, package.json을 주고 받고, 터미널에서 ""npm install" 을로 설치하여, 용량을 작게 하여, 주고받는데,- 상황_ package.json만 주고 받아 협업을 하는 경우 :=> 결과 : 정확히 똑같은 버전의 서드파티 모듈을 사용하는지는 알 수 없다.=> 이유 :package.json의 dependencies 필드 : Sementic-version의 값이 범위로 주어지기 때문반면, package-lock.json의 dependencies 필드 : 정확한 node_mo.. 2024. 12. 1.
(3)자바스크립트_모듈_다른 개발자가 개발한 모듈 이용하기,json 파일 알아보기 ●이론_1_Node.js에서 다른 사람들의 모듈을 사용하기 //서드파티 모듈○ 명칭 정리 :- 서드 파티 모듈 : Node.js에서 다른 개발자가 개발한 모듈들 전체를 통틀어 일컫는 말임- npm (node package manager)- npm registory : Node.js에서 서드 파티 모듈을 가져오게 하는 관리자 의미 같음- date-fns : 서브 파티 모듈 중 날짜를 다룰 수 있는 모듈을 의미○ 서드 파티 모듈  셋팅 방법 :- 순서1_ 터미널 창 열기 //ctrl + '`'//백키- 순서2_ 명령어 작성 후, enternpm install date-fns- 순서3_ 디렉토리 탐색기를 보면, 아래와 같이 [node_modules] , [package-lock.json] , [package... 2024. 12. 1.
(2)자바스크립트_모듈_default export로 모듈 객체화해서 사용하기, Es모듈 vs CommonJS 모듈 ●이론_1_default export 를 이용하여, 모듈 객체화 , 사용 :○ Defalut :- calculator.mjs :export const PI = 3.14;export function add(a,b){return (a+b);}export function substract(a,b){return (a-b);}export function multiply(a,b){return (a*b);}export function divide(a,b){return (a/b);} - main.mjs :import {add, substract, multiply, devide} from './lib/calculator.mjs';console.log(add(1.3,4.2));console.log(substract(1.3.. 2024. 12. 1.
(1)자바스크립트_모듈_node.js환경 셋팅, export/import ,named export/ default export ●이론_1_vscode로 node.js 설치 및 환경 셋팅 :https://kojammin.tistory.com/184 "LTS"버전으로 Download링크 : https://nodejs.org/en순서2_ 파일 설치 경로 : C드라이브 / Program Files 폴더 내 로지정순서3_ 추가 프로그램 설치 여부 체크 박스 : 체크 X, Next순서4_ c" data-og-host="kojammin.tistory.com" data-og-source-url="https://kojammin.tistory.com/184" data-og-url="https://kojammin.tistory.com/184" data-og-image="https://scrap.kakaocdn.net/dn/c0qI1L/hyXGD6k.. 2024. 12. 1.