공부라도 하자
-
npm과 pnpm공부라도 하자 2024. 1. 11. 15:50
npm (Node Package Manager)과 pnpm (Performant Node Package Manager)은 JavaScript 프로그래밍 언어를 위한 두 가지 주요 패키지 관리 도구입니다. 각각은 Node.js 에코시스템에서 사용되는 라이브러리와 의존성을 관리하는 데 사용되지만, 몇 가지 중요한 차이점이 있습니다: 1. 저장 공간 효율성과 성능 pnpm: pnpm의 가장 큰 특징은 저장 공간의 효율성입니다. pnpm은 하드 링크와 심볼릭 링크를 사용하여 노드 모듈을 저장하고 관리합니다. 이 방식은 동일한 패키지의 다른 버전을 여러 프로젝트에서 중복 저장하지 않고 공유함으로써 디스크 공간을 크게 절약합니다. npm: npm은 각 프로젝트에 대해 독립된 node_modules 폴더를 생성하며,..
-
package.json과 package-lock.json의 이해: 시멘틱 버전(Semantic Versioning)의 역할공부라도 하자 2024. 1. 11. 13:58
package.json vs package-lock.json package.json 정의: package.json 파일은 Node.js 프로젝트의 메타데이터, 스크립트, 의존성 목록 등을 정의합니다. 의존성 관리: 이 파일에는 프로젝트에 필요한 패키지와 그 버전이 명시됩니다. 여기서 시멘틱 버전(SemVer) 규칙을 사용하여 특정 버전 또는 버전 범위를 지정할 수 있습니다. package-lock.json 정의: npm install을 실행할 때 자동으로 생성되는 package-lock.json 파일은 설치된 모든 패키지의 정확한 버전과 의존성 트리를 기록합니다. 목적: 이 파일은 프로젝트가 다른 환경에서 동일한 의존성을 가질 수 있도록 보장합니다. 시멘틱 버전(Semantic Versioning)의 사..
-
(tip) 기존 커밋에 signature만 추가하기공부라도 하자 2023. 10. 26. 16:26
git commit --amend --no-edit -S git commit -S --amend https://superuser.com/questions/397149/can-you-gpg-sign-old-commits Can you GPG sign old commits? Git now has the ability to sign commits with git commit -S, which is great, but sometimes I forget the flag to commit, and sometimes I mail myself patches which I apply with am, and that command do... superuser.com
-
[Linux] xargs 명령어공부라도 하자 2023. 10. 4. 22:08
xargs ? xargs 명령어는 Unix 및 Linux 환경에서 사용되는 강력한 유틸리티로, 표준 입력(stdin)에서 입력을 읽어들이고, 그 입력을 다른 명령어나 프로그램에 인자(argument)로 전달하는 데 사용됩니다. 주로 명령어 라인에서 여러 개의 인자를 처리하거나 루프(loop)를 사용하지 않고 명령어를 반복 실행하는 데 유용합니다. 기본적인 사용 방법 xargs 명령어를 사용하는 기본적인 구문은 다음과 같습니다 command | xargs [options] [command_to_run] command: 표준 입력에서 읽어들일 데이터를 생성하는 명령어. [options]: xargs 명령어의 옵션을 설정하는 부분. [command_to_run]: xargs로 전달된 데이터를 처리할 명령어 또..
-
번들러 Vite!공부라도 하자 2023. 10. 2. 15:48
2022년 4월 25일에 개인 노션 기록한 글을 옮겨온 것 번들러(Bundler)와 번들링(Bundling) 번들링 : 여러 파일들을 하나의 파일로 모아주는 것. 다양한 자바스크립트 라이브러리를 한 프로젝트에서 사용 → 여러 자바스크립트 파일들을 관리해야함 → 파일 개수만큼 요청해야 함 → 요청횟수가 많아지면 비효율적이기 때문에 하나로 묶어서 웹서버에 올림.최초 진입점인 javascript 파일을 읽어서 그 파일이 참조하고 있는 다른 여러 형식의 파일들을 하나로 묶어 최종적으로 js, css, jpg, png로 만든다. 번들러를 사용하면 번들링을 할 수 있음.ㅎㅎ 이제는 단순히 번들링의 역할만 하는 것이 아니라, 트랜스파일링(TS→JS), 용량 압축과 구형 브라우저 지원등의 기능을 함께 제공함 Webpa..
-
React 18 훑어보기공부라도 하자 2023. 10. 2. 15:38
* 2023년 3월 20일에 개인 노션에 작성한 글을 옮겨온 것 React 18 동시성 React 18에서는 가장 중요한 추가 기능인 동시성이 도입됩니다. 이로 인해 렌더링 엔진의 성능을 개선하고 사용자 경험을 향상시킬 수 있습니다. 동시성은 동시에 여러 버전의 UI를 준비할 수 있도록 하는 백그라운드 메커니즘입니다. 이를 통해 렌더링이 중단 가능해졌습니다. 💡 동시성이란? 싱글 코어 환경에서 멀티 스레드 환경을 구성하여 Context Switching을 통해 동시에 실행되는 것처럼 보이게 하는 것. 병렬성은 멀티 코어에서 멀티 스레드 환경을 구성하여 여러 작업을 동시에 실행하는 것 = 비슷하지만 다른 것으로 병렬성(Parallelism)이 있음 여러 작업을 더 작은 단위로 나눈 뒤, 그들 간의 우선순위..