[패키지매니저를 알아보자] NPM, YARN, YARN BERRY, PNPM

[패키지매니저를 알아보자] NPM, YARN, YARN BERRY, PNPM

개요대부분 패키지 매니저의 기능은 동일합니다. 패키지 매니저들이 가진 주요 컨셉들은 다음과 같습니다.메타 데이터 처리 및 쓰기모든 의존성을 일괄(Batch) 설치 및 업데이트의존성 추가, 업데이트 및 제거스크립트 실행패키지 배포(publish)보안 감사(audit) 수행우리는 패키지 매니저를 결정할 때 보편적으로 설치속도, 스토리지 사용량, 기존 워크플로우와 결합되는 방식 등 기능 외적인 요구사항을 기준으로 사용할 패키지 매니저를 결정하게 됩니다. 전통적으로 npm과 yarn classic은 flat한 node_modules 폴더에 의존성을 설치했었고, 이는 유령 의존성 및 node_modules의 저장공간 등의 문제로 인해 비판이 존재했었으며 이는 기존의 문제를 해결하는 패키지 매니저들의 등장으로 이어..

  • format_list_bulleted 프론트엔드 개발/개발환경
  • · 2024. 8. 15.
  • textsms
Nginx / AWS EC2를 활용하여 React와 Node 서버 배포해보기 3탄 - CI / CD 및 CORS 이슈 해결

Nginx / AWS EC2를 활용하여 React와 Node 서버 배포해보기 3탄 - CI / CD 및 CORS 이슈 해결

CI / CD란 무엇일까?Continuous Integration은 영역별로 나눠서 개발할 때, 인터페이스 등의 충돌을 미리 발견하기 위해 매일 또는 매시간 저장소를 자동으로 빌드하는 개념이다. Continuous Delivery는 저장소 코드의 변경이 발생하면 개발 서버 또는 운영계에 자동으로 배포하는 작업이다. CI/CD 파이프라인의 구성요소버전 관리 시스템: 코드 저장소Git: 소스 코드를 관리하고 변경 사항을 추적하는 분산 버전 관리 시스템CI 서버: 코드 변경 사항을 자동으로 빌드하고 테스트하는 서버 Jenkins: 오픈 소스 자동화 서버. (다양한 플러그인을 통해 빌드, 테스트, 배포 파이프라인을 구성할 수 있음)Travis CI: Github 프로젝트와 통합하여 빌드, 테스트, 배포를 자동화..

  • format_list_bulleted 프론트엔드 개발/개발환경
  • · 2024. 6. 17.
  • textsms
Nginx / AWS EC2를 활용하여 React와 Node 서버 배포해보기 2탄

Nginx / AWS EC2를 활용하여 React와 Node 서버 배포해보기 2탄

이제는 도메인 주소를 구입하고, 이 도메인 주소를 EC2 인스턴스와 연결을 시켜보도록 해보자 1. 도메인 주소 구입하기Route 53 서비스로 이동해서 좌측의 "등록된 도메인"을 눌러서 이동해보면 아래와 같은 화면이 뜬다. 여기서 도메인 등록 버튼을 눌러서 원하는 도메인을 만들자 (돈은 일년에 $14 정도 든다고 나온다) 도메인을 구입하면 "진행 중" 상태가 뜨는 것을 볼 수 있다. 이메일 인증을 마치고 1시간 정도 기다리게 되면 상태가 성공으로 바뀌는 것을 볼 수 있다.이제 구입한 도메인과 우리의 EC2 인스턴스를 연결할 때가 온 것이다.2. 도메인 주소와 EC2 인스턴스와 연결 좌측의 "호스팅 영역"에 들어가게 되면 아래와 같은 화면이 생성된다. 여기서 호스팅 영역 이름을 클릭하게  되면 다음과 같은..

  • format_list_bulleted 프론트엔드 개발/개발환경
  • · 2024. 6. 14.
  • textsms
Nginx / AWS EC2를 활용하여 React와 Node 서버 배포해보기 1탄

Nginx / AWS EC2를 활용하여 React와 Node 서버 배포해보기 1탄

1. EC2 서버 인스턴스를 생성인스턴스 이미지: Amazon Linux 2 AMI (HVM), 64bit(x86) 을 선택인스턴스 타입: t2.micro 타입을 선택 스토리지 사이즈: 최대 30GB까지는 무료HTTPS와 HTTP를 지원하도록 보안 설정Key를 발급받기 (키는 다시 재발급이 안되므로 잘 관리해야 한다)mkdir ~/keysmv ~/Downloads/backfront.pem ~/keyschmod 400 ~/Documents/keys/ci-cd-study.pem`mv ` : 파일을 특정 디렉토리에 옮기는 명령어`chmod `: 리눅스와 유닉스 계열 운영체제에서 파일 시스템 객체(파일, 디렉토리 등)의 접근 권한을 설정하는 명령어 chmod (changemode) 옵션은 숫자 또는 기호를 ..

  • format_list_bulleted 프론트엔드 개발/개발환경
  • · 2024. 6. 13.
  • textsms