IT EDU/REACT3

• 

  [React] React Lifecycle - 생명주기 함수 ♻️React 컴포넌트의 생명주기 함수 Render() return 되는 html 형식의 코드를 화면에 그려주는 함수이다. 화면 내용이 변경돼야 할 시점에 자동으로 호출된다. import React, { Component } from "react"; import "./App.css"; class App extends Component { name = "호랑이"; render() { console.log(1); return ( App ); } } class Bpp extends Component { name = "호랑이"; render() { console.log(2); return ( Bpp ); } } export default App; Constructor() constructor(props) 함수는.. IT EDU/REACT 2022. 3. 28.

• 

  [React] React 기초 💻 Component 1. React Class Component(클래스형 컴포넌트) snippet : rcc import React, { Component } from "react"; // class형 component class App extends Component { render() { return ; } } export default App; 2. React Stateless Function(함수형 컴포넌트) snippet : rsf import React from 'react'; // 함수형 component function App(props) { return ( ); } export default App; snippet : rsc(람다형) import React from "react"; //.. IT EDU/REACT 2022. 3. 25.

• 

  [React] React 설치 및 기초 작업 React 리액트(React, React.js 또는 ReactJS)는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지 보수된다 리액트는 싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 사용될 수 있다. 대규모 또는 복잡한 리액트 애플리케이션 개발에는 보통 라우팅, API통신 등의 기능이 요구되는데 리액트에는 기본적으로 제공되지 않기 때문에 추가 라이브러리를 사용해야 한다. https://ko.wikipedia.org/wiki/%EB%A6%AC%EC%95%A1%ED%8A%B8_(%EC%9B%B9_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC) 리액트 (웹 프레임워크) - 위키백과, .. IT EDU/REACT 2022. 3. 25.