귀찮아서가끔하는블로그

리액트 기초 지식 리액트란 ? - 사용자 정의 태그(컴포넌트)를 만드는 기술 - 프론트엔드 라이브러리 React는 웹 프레임워크로 자바스크립트 라이브러리중 하나로서 사용자 인터페이스를 만들기 위해 사용된다. Component란? - 리액트로 만들어진 앱을 이루는 최소한의 단위 - 데이터(props)를 입력받아 상태(state)에 따라 DOM Node를 출력하는 함수 - 컴포넌트의 종류는 함수형 컴포넌트와 클래스형 컴포넌트 2가지 함수형 컴포넌트 function Welcome(props) { return Hello, {props.name}; } 클래스형 컴포넌트 class Welcome extends React.Component { render() { /*클래스형은 rende함수 필수*/ return He..

React 개발 환경 구축하기 1. 노드 공식 홈페이지의 다운로드 페이지 접속 (https://nodejs.org/ko/) Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 다운로드 버튼 클릭 (작성 시점 기준 ver 16.15.1) 3. 다운로드 받은 파일 실행하여 설치 4. cmd창을 이용하여 설치 확인 node -v 5. react app 만들기 - create-reat-app 설치 npm install -g create-react-app - 프로젝트 생성 create-react-app [프로젝트명] - 프로젝트 실행 npm run start