리액트(React) 기반 애플리케이션을 구동할 때 터미널(Terminal) 콘솔에 바벨(Babel) 관련 의존성 경고 메시지가 출력되는 경우가 있다. 이 글은 `babel-preset-react-app`에서 발생하는 `@babel/plugin-proposal-private-property-in-object` 패키지 누락 경고의 원인을 파악하고 이를 해결하는 방법을 다룬다. 프로젝트의 개발 의존성(DevDependencies) 설정을 수정하여 경고 메시지를 제거하고 안정적인 개발 환경을 유지하는 방법을 설명한다. 터미널 경고 메시지 확인 터미널 창에 아래와 같은 메시지가 뜰때 One of … 더 읽기
Windows(윈도우) 운영체제 환경에서 Node.js(노드제이에스) 패키지를 관리하기 위해 npm 명령어를 실행할 때 스크립트 실행 권한 오류가 발생할 수 있다. 터미널에 “이 시스템에서 스크립트를 실행할 수 없으므로 npm.ps1 파일을 로드할 수 없습니다”라는 오류 메시지가 나타나는 현상이 대표적이다. 이는 시스템 보안을 담당하는 PowerShell(파워셸)의 기본 보안 정책이 스크립트 파일 실행을 차단하도록 설정되어 있기 때문에 일어난다. 이 글에서는 오류의 원인을 … 더 읽기
Node.js(노드제이에스) 환경에서 npm(엔피엠: Node Package Manager) 패키지를 전역으로 설치하거나 업데이트할 때 errno -13 오류가 발생할 수 있다. 이 오류는 운영체제에서 보호하는 시스템 디렉터리에 새로운 파일을 기록할 권한이 부족하여 나타나는 허가 거부(EACCES) 현상이다. 본 교안에서는 해당 오류가 발생하는 구조적 원인을 분석하고, 관리자 권한 실행 및 디렉터리 소유권 수정을 통해 안전하게 문제를 해결하는 과정을 다룬다. 1. 오류 … 더 읽기
💡 Dependency 충돌이 발생하거나 모듈에서 제공하는 기능의 일부를 수정하고 싶을때 아래의 방법을 사용. 해당 모듈의 배포 git repository 를 찾는다 모듈명을 웹에서 검색하거나 아래의 방법으로 찾는다. fork 를 클릭 설치한다 npm install git+"https://github.com/qwerewqwerew/react-notion-x.git" package.json 에서 의존성 주소 수정하기 초기 의존성은"react-native-nmap": "^0.0.66" 이와 같이 버전 정보만 표기되어 있는데, 이는 단순히 npm 패키지 저장소에서 해당 버전을 찾아 가져오기 … 더 읽기
1. GraphQL이란? GraphQL과 REST API는 클라이언트와 서버 간에 데이터를 주고받는 방법을 제공하는 API입니다. 2. GraphQL과 REST API 비교 분석 2.1. GraphQL 장점: 단일 엔드포인트: 클라이언트는 필요한 데이터를 요청할 수 있는 한 개의 문만 있으면 됩니다. (쉬운 설명: 데이터를 받으러 여러 곳에 가야 하는 대신, 한 곳에만 가면 돼요!) 유연성: 내가 필요한 데이터만 선택해서 받을 수 … 더 읽기
Node.js(노드제이에스) 환경에서 개발을 진행할 때 프로젝트가 사용하는 외부 모듈을 최신 상태로 유지하는 것은 중요하다. 종속성(Dependency, 디펜던시) 모듈이란 프로젝트의 기능을 구현하기 위해 외부에서 가져와 사용하는 라이브러리(Library)를 의미하며, 완성품을 제작할 때 결합하는 부품과 같이 동작한다. 패키지(Package)를 최신 버전으로 업데이트하면 보안 취약점을 해결하고 새로운 기능을 활용할 수 있다. 이 글에서는 프로젝트에 포함된 모든 모듈을 일괄 업데이트하는 방법과 특정 … 더 읽기
아래의 방법 중 선택하여 수행 1. 모듈 설치시 버전 마이그레이션 여부 선택 npm install –force npm install –save –legacy-peer-deps 충돌이 일어난 peerDependencies를 강제로 설치하도록 설정하는 것(충돌 우회) npm 4~6버전 처럼 peerDependencies를 자동으로 설치하지 않도록 설정하는 것(충돌 무시) 2. 모든 의존성 업데이트하기 2.1. npm-check-updates 패키지 모듈 사용 npm-check-updates 패키지 설치 npm install -g npm-check-updates package.json 최신 … 더 읽기
개발시 node가 버전을 다르게 설치해야 하는 경우가 있다. 하나의 PC에 서로 다른 node 버전을 설치해서 사용해보자. 1.Window 1.1.NVM (https://github.com/nvm-sh/nvm) Node Version Manager 설치 https://github.com/coreybutler/nvm-windows/releases 설치확인 cmd, powershell에서 nvm 으로 확인 버전설치 기본형 nvm install *node 설치버전* 버전설치 예문 nvm install 16.16.0 // 16.16.0 버전의 설치 nvm install latest // latest current version 설치 nvm install lts … 더 읽기
