programming/javascript

pnpm

perfoment npm의 약자 npm같은 패키지 매니저이다 기존 npm은 한 컴퓨터에 nest 프로잭트가 100개있다면 각 프로잭트당 node_modules에 같은 모듈이 100개 있을 수있다. pnpm은 디스크에 패키지를 한번만 설치한다.(한번만 설치하고 심링크와 하드링크로 재사용한다고 함) 특정 저장소에 필요한 패키지를 설치하고 또 그게 필요할때 그 저장소에서 패키지를 가져가서 쓰는 개념인것같다. 기존에 node가 16.14버젼이상 설치되어있다면, 아래와 같이 npm을 사용해서 설치할수있다. npm install -g pnpm pnpm install 을 하면 프로잭트에 필요한 모든 의존성을 설치할수있다 install은 i만 써도 됨 pnpm i 특정 패키지 설치할떄는 이런식으로 -D 로 devdep..

[express] nodemon 사용법

매번 코드수정후 node app.js 로 실행시키는게 번거로울때 nodemon이라는 라이브러리 사용하여 저장할떄 자동으로 실행 시키게 할수있다. 설치해주기 npm install -g nodemon nodemon --watch src/ src/index.js 위 명령어는 src폴더에 변화가 있을때마다 src/index.js를 재실행시키라는 명령어이다 매번 저 명령어 치기 귀찮아서 package.json에 scripts를 아래와 같이 작성해준다. (...) "scripts":{ "start": "node src", "start:dev": "nodemon --watch src/ src/index.js" } } 나는 최상위 폴더 밑에 app.js가 있기때문에 nodemon --watch ./ ./app.js 이..

shift, splice, slice 함수 사용법 정리

.shift() shift는 배열의 첫변째 요소를 제거하고 제거된 요소를 반환함 arr.shift()를 하면 arr[0]을 반환하고 arr에서 arr[0]제거됨 var myFish = ["angel", "clown", "mandarin", "surgeon"]; console.log("myFish before: " + myFish); // myFish before: [angel, clown, mandarin, surgeon ] var shifted = myFish.shift(); console.log("myFish after: " + myFish); // myFish after: [ clown, mandarin, surgeon ] console.log("Removed this element: " + shi..

[javascript] ajax로 get 요청시 서버로 데이터 보내기

get요청을 하면서 url뒤에 ?aa =1234 이런식으로 aa라는 변수에 1234라는 데이터를 서버로 보내고 그것에 대한 정보를 화면에 뿌려주고 싶어 알아보게되었다.

jQuery 자주쓰는 기본함수

.val() : 태그에서 값을 받아올때 .empty() : 태그 전부 지울때 .hide() : 태그 숨길때 .show() : 숨겨진 태그 다시 보여줄때 $("#img-rtan").attr("src", url); /*이미지태그의 src만 바꿔줄때*/ $("#text-rtan").text(msg); /*텍스트만 바꿔줄때*/

자바스크립트 변수 선언 방식 var, let, const 차이점

1.var var ex1 = 'hi' var ex1 = 'bye' 이런식으로 두번 변수를 선언해 주어도 에러가 나지않는다 작은 테스트에서는 이런 방식은 간단한 프로그램에서는 편리하나 복잡한 프로잭트에서는 어디서 어떻게 사용될지 모르고 값이 변할 우려가있다. 2.let 그래서 ES6부터 나온것이 let과const이다 let ex1 = 'hi' let ex1 = 'bye' let은 이런식으로 하면 ex1이라는 변수가 이미 선언되었다고 에러가난다 2.const const ex1 = 'hi' const ex1 = 'bye' ex1 = 'bye' const는 이렇게하면 아래2줄때문에 에러가 난다 최초 선언하면 재선언과 재할당 둘다 불가능하다 ES6 이후로 실제 현업에서는 var 키워드는 절대로 쓰이지 않으며 99..