• webmini life skin Ver 1.3.1 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기

리액트3

728x90
[React]리액트 설치 및 프로젝트 진행 과정 개발 환경 설정node.js 가 설치되어있는지 확인합니다.node -vnpm -v 설치가 안되어있다면 node.js 공식사이트에서 설치합니다.https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org Node.js를 설치하면 npm(Node Package Manager)도 함께 설치됩니다. React 프로젝트 생성Create React App 사용Create React App은 React 프로젝트를 쉽게 시작할 수 있도록 도와주는 도구입니다.터미널을 열고, 프로젝트를 생성할 디렉토리로 이동합니다.다음 명령어를 입력하..
[IT뉴스]2022년까지 프론트엔드 프레임워크와 라이브러리 프론트엔드 프레임워크와 라이브러리가 너무 많다보니, 공부할게 참 많네요. ㅎ 2022년에는 어떤 프레임워크를 많이 사용하고 있는지 39,471명이 설문조사에 참여했습니다. (통계를 보니 60%이상이 미국사람이네요.) 다음은 시간에 따른 인지도, 사용량, 관심도, 만족도 비율에 따른 통계자료입니다. 인지도 인지도는 해당 프레임워크나 라이브러리를 들어본적이 있는가? 입니다. React와 Vue.js가 1,2위를 달리고있네요. 통계를 보니 저도 한번도 듣지도 못한 프레임워크가 많네요. 사용량 사용량은 다시 사용할 예정 + 다시 사용안한다는 통계치입니다. React가 앞도적으로 수치가 높습니다. 뭐 거의 프론트엔트 프레임워크의 대장이라고 할수 있겠네요. 관심도 관심도는 배우길 원하거나 관심없다는 통계입니다. S..
[React]리액트 자주사용하는 기본문법 React의 문법React는 JSX(JavaScript XML) 문법을 사용하여 UI를 작성합니다. JSX는 JavaScript의 확장 문법으로, HTML과 유사한 문법을 사용하여 컴포넌트를 작성할 수 있습니다.컴포넌트 생성프로퍼티 전달이벤트 처리조건부 렌더링배열 렌더링스타일링반복문이벤트핸들링컴포넌트 생성React에서 컴포넌트를 생성할 때는, 함수형 컴포넌트를 작성할 수 있습니다. 이 함수는 JSX를 반환해야 하며, JSX는 괄호(())로 감싸야 합니다.function MyComponent() { return Hello, World!;}프로퍼티 전달React 컴포넌트에는 프로퍼티(props)를 전달할 수 있습니다. 프로퍼티는 해당 컴포넌트가 렌더링될 때 동적으로 변경될 수 있습니다.function My..
반응형