IT 개발 지식

① React redux 란 ? Flux 개념을 바탕으로 하여 State 관리 라이브러리이다. 그래서 React는 컴포넌트에서 관리를 하지만 Redux 라이브러리를 사용하게 된다면 store에서 상태를 관리를 해주기 때문에 React Component에서 보여주기만 하는 용도로 사용이 되고 있다. ② redux 장점 웹 사이트 상태관리를 고민할 필요가 없다. state에서 쉽게 저장하고 불러올 수 있다. 읽기 전용으로만 취급하기 때문에 이전 상태로 돌아가고 싶다면 덮어쓰면 된다. 상태 변경을 전송할 수 있도록 자바스크립트 객체로 구성을 강제로 부여한다. ③ redux 단점 강제하는 방식때문에 반대로 코드가 복잡해 질 수 있어서 개발자에게 제약이 발생한다. ④ redux 예제 ※ 1. 우선 라이브러리를 다..

App.js import React, { useState } from 'react'; let init = 0; const App = () => { console.log('리빌드 됨'); const [num, setNum] = useState(1); const increase = () => { setNum(num + 2); }; const decrease = () => { setNum(num - 2); }; const increase2 = () => { console.log('increase2'); setNum(num + Number(init)); }; const decrease2 = () => { setNum(num - Number(init)); }; const numHandle = (e) => { co..

[React] 리액트 설치방법 및 사용방법을 알아보자 ① Node.js 다운로드 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ② VScode 다운로드 Visual Studio Code - Code Editing. Redefined Visual Studio Code is.. soulno.tistory.com 설치와 사용방법을 어느정도 알았다면 ① React 이름규칙 이름 규칙 : CM + 태그명 이름 규칙 : Join + CM + 태그명 이름 규칙 : Join + CM + 태그명 + ? ② CMButton.js import React from 'react'; import styled fr..

① Node.js 다운로드 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ② VScode 다운로드 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstu..