본문 바로가기

반응형

react

React 유용한 라이브러리에 대해 알아보자! -1편- React 프로젝트를 진행할 때 사용할 수 있는 유용한 라이브러리는 많습니다,각 라이브러리는 특정 기능을 강화하거나 개발을 쉽게 만들도록 설계되었습니다.   오늘 설명할 부분은 React 프로젝트에서 자주 사용되는 라이브러리들을 간단히 소개할 예정이며 자세한 정보는 앞으로 추후 업로드 하도록 하겠습니다. 1. React Router클라이언트 측 라우팅을 구현하는 데 사용됩니다. 여러 페이지를 가진 SPA(Single Page Application)를 만들 때 유용합니다. 1-1. 설치 방법npm install react-router-dom 1-2. 사용 예제import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';import Ho.. 더보기
React 기초 다지기 - 2편 - (React 프로젝트 생성 및 구동) 지난시간에는 React를 배우기에 앞서 어떤 선행학습이 필요했고,어떤 도구를 사용하며 React를 배우기에 유용한 사이트들을 소개하였습니다. 아래 URL을 클릭하면 1편 내용으로 이동합니다.2024.07.09 - [IT 일기/React] - React 기초 다지기 - 1편 - (React 시작하기) 오늘은 React 프로젝트를 생성하고 node.js를 구동시켜 화면이 켜지는 것 까지 진행해보겠습니다. 1. 개발 환경 설정 (Windows)먼저 React 프로젝트를 만들기 위해 필요한 개발 환경을 설정해야 합니다. 여기에는 Node.js와 npm을 설치하는 과정이 포함됩니다.Node.js 및 npm 설치:Node.js 공식 사이트에 접속하여 LTS(Long Term Support) 버전을 다운로드하고 설치.. 더보기
React 기초 다지기 - 1편 - (React 시작하기) 1. 선행 학습 React를 효율적으로 배우기 위해서는 다음과 같은 기술들을 미리 학습하는 것이 좋습니다:HTML/CSS:HTML: 웹 페이지의 구조를 구성하는 언어입니다. 요소(element), 속성(attribute), 태그(tag) 등을 이해해야 합니다.CSS: 웹 페이지의 스타일을 정의하는 언어입니다. 선택자(selector), 속성(property), 레이아웃(layout) 등을 이해하고 있어야 합니다.JavaScript:React는 JavaScript 라이브러리이기 때문에, JavaScript에 대한 기본적인 이해가 필요합니다.변수(variable), 함수(function), 조건문(conditional statements), 반복문(loop), 배열(array), 객체(object) 등을 잘.. 더보기

반응형