반응형

React 3

리액트에 swiper 쓰는 예제 (dom 버전 오류해결법) (React swiper)

| 설치 및 기본 사용 예https://swiperjs.com/react#use-swiper-slide Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.com 1. React와 React-DOM 패키지를 아래 버전으로 설치 npm install react@18 react-dom@18 ※ 만약, 이전 버전이 낮거나 높아서 사용이 안된다면, 아래 코드로 삭제후 위 코드로 다시 설치npm uninstall react react-dom  2. Swiper 설치..

React 예제 파일 여는법 (명령어)

1. 프로젝트 디렉토리로 이동     터미널을 열고 프로젝트 폴더로 이동:     cd REACT-TODO-APP 2. 패키지 설치 (또는 yarn.lock 파일 대신 package-lock.json 파일이 있는 경우 npm install)    필요한 패키지를 설치:     yarn install     또는     npm install 3. 개발 서버 실행     서버를 실행:     yarn start     또는     npm start

📌React yarn 설치 방법 및 기본셋팅 + 컴포넌트 만들기 + 리액트 컴포넌트 보는 크롬 확장프로그램 (React Developer Tools)

1. yarn을 설치 ( cmd 창에 아래 코드를 순차적으로 입력하여 설치함 )* npm / yarn :   npm과 yarn은 자바스크립트 런타임 환경인 노드(Node.js)의 패키지 관리자전 세계의 개발자들이 자바스크립트로 만든 다양한 패키지를 npm 온라인 데이터베이스(opens new window)에 올리면 npm, yarn과 같은 패키지 관리자를 통해 설치 및 삭제가 가능> NPM(Node Package Manager)은 자바스크립트 언어를 위한 패키지 관리자로, Node.js의 기본 패키지 관리자> yarn은 2016년 페이스북에서 개발한 패키지 관리자. 리액트(React)와 같은 프로젝트를 진행하며 겪었던 어려움을해결하기 위해 개발, npm과 같은 기능을 수행하나, npm 레지스트리와 호환하..

📌 Fav 2024.11.26
반응형