본문 바로가기

Frontend Framework

 (11)
[개념] React의 개념, 컴포넌트, JSX, Props, State React란 무엇인가?다양한 자바스크립트 라이브러리 중 가장 인기있는 라이브러리사용자 인터페이스(UI)를 쉽게 구축하기 위해 설계된 컴포넌트 기반의 선언적 JavaScript 라이브러리 대규모 애플리케이션에 적합JavaScript의 다양한 라이브러리들UI 및 DOM 조작 : jQuery, GSAP, Three.js빌드 및 번들링 : Webpack, Parcel, Vite데이터 관리 및 상태 관리 : Lodash, Redux, RxJS테스트 : Jest, Mocha, ChaiHTTP 요청 : Axios, Fetch APIChart 및 데이터 시각화 : Chart.js, D3.js실시간 및 WebSocket : Socket.IO폼 검증 및 유효성 검사 : Yup, Validator.jsCSS 및 스타일링 :..
[Node.js] npm과 npx, 전역 설치와 로컬 설치 React를 설치하다가 누구는 npm을 쓰고, 누구는 npx를 써서 의문이 생김npm이란?npm(Node Package Manager)은 Node.js의 패키지 매니저역할 : 패키지(라이브러리)를 설치, 관리, 삭제 하는 역할주요 기능패키지 설치 : npm install 패키지명패키지 삭제 : npm uninstall 패키지명프로젝트 의존성 관리 (dependencies와 devDependencies)설치 위치 : 패키지는 node_modules 폴더에 설치실행 : 설치된 패키지를 실행하려면 package.json에 있는 스크립트를 통해 실행 → npm start npx란?npm 패키지 실행 도구 역할 : 패키지를 전역으로 설치하지 않고도 실행할 수 있도록 도움 주요 기능 패키지를 일시적으로 실행 : ..
[React] 리액트 프로젝트 생성 시 에러 발생 npx create-react-app project-name 에러 발생아래의 사진 같이 code ERESOLVE라는 에러가 발생 해결 방법해당 에러는 여러가지 방법이 있다고 하는데, 그 중 제일 간단한 방법이 yarn을 설치하여 프로젝트를 생성하면 된다고 함yarn 설치 방법은 하단에 참조 블로그 링크를 걸어두겠음yarn 설치 후 다음과 같이 명령어 입력하면 해결yarn create react-app react-tutorial 에러 발생 원인에러가 발생한 원인이 궁금해서 ChatGPT에 물어보니 다음과 같다고 함해당 에러의 원인은 React 버전 호환성의 문제react와 @testing-library/react가 서로 다른 React 버전을 요구React의 19.0.0 버전이 설치되었는데, @testin..

티스토리툴바