폴리프레임

npm 패키지를 설치할 때 @가 붙어 있으면 특정 스코프(조직 또는 팀)의 패키지임을 의미하고, 없으면 전역적으로 사용되는 패키지임을 의미합니다. 스코프 패키지 (@로 시작하는 것):형식: @scope/package-name  // scope라는 조직아래 관리/위치하는 package-name 이라는 팩키지의미: @scope는 패키지가 특정 조직이나 팀에 속해 있다는 것을 나타냅니다. 이를 통해 패키지를 네임스페이스로 그룹화하고, 동일한 이름의 패키지라도 다른 스코프에서 충돌 없이 사용할 수 있습니다.레지스트리 경로: 기본적으로 npm 레지스트리에 있지만, 특정 조직의 프라이빗 레지스트리에 있을 수도 있습니다.예시:  npm install @langchain/openai일반 패키지 (@ 없이 시작하는 것)..

JavaScript 2024. 6. 7. 22:44

자바스크립트에서 toString()은 문자열을 반환하는 함수입니다. 기본적으로는 최상위의 객체(Object)상속 받아서 쓸 수있는 메소드 입니다. 그러나 데이터 타입에 따라서, 특히 Number의 경우 처럼 overriding 하여, 상속받지 않고 사용하는 경우도 있습니다.  1.  Number 의 경우 - Number.prototype.toString()let num = 123;console.log(num.toString()); // "123"console.log(num.toString(2)); // "1111011" (2진수)console.log(num.toString(16)); // "7b" (16진수)var count = 10;console.log(count.toString()); // displ..

JavaScript 2024. 6. 3. 10:20

웹 번들러는 현대 웹 개발에서 중요한 역할을 합니다. 복잡한 웹 애플리케이션의 관리를 용이하게 하고, 성능을 최적화하며, 최신 개발 도구와의 통합을 통해 개발 생산성을 크게 향상시킵니다. 대표 웹 번들러(Web bundler)로는 Webpack과  Parcel이 있습니다. 1. 모듈화된 코드 관리   - 현대 웹 애플리케이션은 많은 자바스크립트 파일, CSS 파일, 이미지 파일 등으로 구성됩니다. 각 파일을 모듈화하여 작성하면 유지보수와 코드 재사용이 용이하지만, 브라우저에서 각 모듈을 개별적으로 불러오는 것은 비효율적입니다.   - 웹 번들러는 이러한 모듈들을 하나의 파일 또는 여러 개의 파일로 묶어 효율적으로 관리할 수 있게 해줍니다.2. 의존성 관리   - 복잡한 애플리케이션에서는 많은 라이브러리와..

JavaScript 2024. 5. 29. 17:30

비트 연산자 >>와 ~~는 모두 JavaScript에서 숫자를 정수로 변환하는 데 사용할 수 있지만, 작동 방식에는 차이가 있습니다. 둘다 32비트 정수로 처리되므로, JavaScript의 숫자 범위를 벗어날 수 없습니다.비트 시프트 연산자 >>>> 연산자는 비트를 오른쪽으로 시프트하는 연산자입니다. 이는 숫자를 정수로 변환하는 효과를 가지고 있습니다.부호를 유지: >> 연산자는 부호를 유지하면서 숫자를 32비트 정수로 변환합니다.0으로 시프트: 숫자를 오른쪽으로 0비트 시프트하면 숫자를 정수로 변환하는 효과가 있습니다.console.log(5.7 >> 0); // 출력: 5console.log(-5.7 >> 0); // 출력: -5비트 NOT 연산자 ~~~~ 연산자는 두 번의 비트 NOT 연산을 수행..

JavaScript 2024. 5. 27. 09:04

ECMAScript 2017 (ES8) 부터 도입되어 사용되는 유용한 함수입니다. 그 전에는 시계프로그램 할때 if문을 썼던 기억이 있습니다. str.padStart(targetLength [, padString]) targetLength: 목표로 하는 문자열의 길이입니다. 이 길이에 도달할 때까지 패딩 문자열이 추가됩니다.padString (옵션): 채울 때 사용할 문자열입니다. 기본값은 " " (공백)입니다.const num = '5';const paddedNum = num.padStart(2, '0'); console.log(paddedNum); // 출력: '05'const str = '123';const paddedStr = str.padStart(6, '*');console.log(padded..

JavaScript 2024. 5. 27. 08:43

throttle 함수는 주어진 시간 간격 동안 함수를 한 번만 실행하도록 제한합니다. 즉, 함수가 여러 번 호출되더라도 일정한 시간 간격 내에서는 한 번만 실행됩니다. throttle(callback, time)//npm install lodashimport { throttle } from 'lodash'const playAudio = throttle(()=> { const audio = new Audio("/alert-alarm.wav") audio.play();},8000)이렇게 하면 playAudio()가 setInverval()함수에 의해 1000ms 미만으로 불려도, alarm 사운드 길이에 관계없이  8초의 간격으로 alert-alarm.wav 를 실행함.const playAudio = (..

JavaScript 2024. 5. 27. 08:26

1. Settings 로 가기     - VS code 의 왼쪽 하단의 톱니(cog)를 클릭하고 Settings 로 가거나,     -  control Key와 " ," 를 함께 클릭하여 Settings로 들어간다. 2. 두개의 탭 (User, Workspace) 어느 곳도 관계없음    - 왼쪽 메뉴바에서 Extentions클릭하여 하부메뉴를 펼치고, Emmet 를 클릭한다. 3. Extentions> Emmet > Include Languages 로 이동한다.     -  "Add Item" 버튼을 클릭한다.     -  Key에는 javascript, Value에는 javascriptreact 를 넣고, "OK"버튼을 클릭한다.     -  수정이 필요하면 마우스커서를 같은 줄에 올려, 수정버튼이 ..

JavaScript 2024. 5. 26. 16:46

.mjs 확장자는 JavaScript 모듈 파일을 나타내기 위해 사용됩니다. .mjs는 "module JavaScript"의 약자이며, 이는 ES6(ECMAScript 2015) 모듈 시스템을 사용하는 JavaScript 파일을 의미합니다. 특히 Node.js 환경에서 ES6 모듈을 명확히 구분하기 위해 사용됩니다. 기존의 .js 파일은 CommonJS 모듈 시스템을 사용하거나 일반적인 스크립트로 간주될 수 있기 때문에, .mjs 확장자를 사용하면 ES6 모듈임을 명확히 할 수 있습니다.( 상대적으로 CommonJS 모듈은  확장자 .cjs  사용 ) ES6 모듈 시스템:ES6 모듈 시스템은 import와 export 키워드를 사용하여 모듈 간에 코드를 공유할 수 있게 합니다.예를 들어, export를 ..

JavaScript 2024. 5. 26. 15:35