vinci 썸네일형 리스트형 React 17 개발 환경 설정 가이드 (Windows 11) Windows 11 환경에서 요청하신 버전 기준으로 React 17 개발 환경 단계별 가이드요구 버전:Node.js v14.17.0npm 6.14.13Yarn 1.22.22Java OpenJDK 11 (2018-09-25 / 11.0.x 계열)React 17.0.2 기존 Node / Java 제거 (권장)이미 다른 버전이 설치되어 있다면 제거 후 진행 권장(제어판 → 프로그램 제거) 방법 2 — Node 14 직접 MSI 설치 (가장 빠른 해결)nvm이 계속 문제라면, 사실 React 17 프로젝트에서는 nvm 필수 아님👉 바로 설치:🔗 https://nodejs.org/dist/v14.17.0/Windows x64 .msi설치 후: node -vnpm -v 정상 출력: v14.17.06.14... 더보기 Yarn은 버전에 따라 업데이트 방식 지금부터 Yarn 1 (Classic) → **Yarn 3 이상 (Berry)**까지 모든 경우에 맞는 방법을 단계별로 설명드릴게요.🎯 1️⃣ 현재 Yarn 버전 확인yarn -v예시 결과:1.x.x → Yarn Classic2.x, 3.x, 4.x → Yarn Berry (modern)🎯 2️⃣ Yarn Classic (1.x) → 최신 Yarn (Berry 4.x 이상) 업그레이드✅ 권장: Corepack 사용 (Node.js 16.10 이상 기본 포함)Corepack은 Node.js에서 공식적으로 Yarn, pnpm 버전을 관리해주는 도구입니다.Corepack 활성화corepack enableYarn 최신 안정버전 설치corepack prepare yarn@stable --activate확인ya.. 더보기 React 17 원도우 로컬 개발자 환경 설정 가이드 Node.js 설치React 프로젝트를 빌드하고 실행하기 위해 Node.js가 필요합니다. 지정된 라이브러리 버전과 호환되는 Node.js LTS 버전(예: 14.x 또는 16.x)을 추천합니다. (React 17은 Node 10+를 지원하지만, 안정성을 위해 16.x 사용)Node.js 공식 사이트로 이동합니다.설치 후, 명령 프롬프트를 열고 다음 명령어를 실행하여 확인:node --versionnpm --versionGit 설치소스 코드 관리를 위해 Git이 필요합니다. (프로젝트 클론이나 버전 관리 시 유용)Git 공식 사이트에서 Windows 버전을 다운로드하고 설치합니다. (기본 옵션으로 진행)설치 후, 명령 프롬프트에서 확인:git --version 코드 에디터 설치 (권장: VS Code)V.. 더보기 Vinci 로고 검토 Minimalist symbolic logo design.A square represents earthly order, and an outer circle represents spiritual order.The two shapes overlap in perfect balance and harmony.Simple elegant contrast using deep red and neutral gray tones.Vector style, clean lines, transparent background.--no text, no letters, no words, no color names, no color codes, no gradient --background transparent --style minimali.. 더보기 Next HR 이미지 https://x02.nexthr.co.kr//cm/resource/images/favicon.ico https://x02.nexthr.co.kr/cm/resource/images/new/form-select.png https://x02.nexthr.co.kr/cm/resource/images/new/menu.pnghttps://x02.nexthr.co.kr/cm/resource/images/new/btn_close.png https://x02.nexthr.co.kr/cm/resource/images/new/left-close.png https://x02.nexthr.co.kr/cm/resource/images/new/left-open.pnghttps://x02.nexthr.co.kr/cm/resourc.. 더보기 React 프로젝트 생성 1.프로젝트 생성npx create-react-app . --template typescript 2.필요한 기본 라리브러리 설치# 기본 라이브러리npm install react-router-dom@6npm install axiosnpm install mobx mobx-react-litenpm install @mui/material @emotion/react @emotion/stylednpm install ag-grid-community ag-grid-reactnpm install @loadable/componentnpm install i18next react-i18nextnpm install nanoidnpm install rechartsyarn add typescript@4.9 --save-dev# 개.. 더보기 테스트 모니터링 시스템상용화 기술 로드맵 및 구현 전략 테스트 모니터링 시스템 상용화 기술 로드맵 및 구현 전략 2024년 10월 기술기획팀 Technology Roadmap Commercial Platform Development Executive Summary .. 더보기 이전 1 다음