Grand_J

리액트 강좌 목록 블로그https://velopert.com/ 기본 개념 및 사용법https://velopert.com/3613https://velopert.com/category/dev-log/tech-log/react-jshttps://velog.io/@kyusung/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EA%B5%90%EA%B3%BC%EC%84%9C-React-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%99%80-%EC%83%81%ED%83%9C-%EA%B0%9D%EC%B2%B4 라우터https://velopert.com/3417 라우터 - 코드스플리팅https://velog.io/@velopert/react-code-splitting Higher-orde..

React Redux 설치 및 세팅 방법 1. create-react-app 설치npx create-react-app my-app (내가 만들 앱 이름)cd my-app (내가 만들 앱 이름)npm start 2. Redux 설치npm install --save redux react-redux 3. index.js 세팅import React from 'react';import ReactDOM from 'react-dom'; import { createStore } from 'redux';import { Provider } from 'react-redux'; import App from './App';import test_reducer from './App_reducer'; // redx 세팅 js 임포트..

화살표 함수 Arrow function 란 매개변수 없을때 구현 법//기존(ES5)function(){}//Arrow 함수(ES6)() => {} 단일 매개변수 일때 구현 법//기존(ES5)function(a){return a;}//Arrow 함수(ES6)(a) => { return a; } or a=>a or a=>{ return a; } 복수 매개변수 일때 구현 법//기존(ES5)function(a,b){return a+b;}//Arrow 함수(ES6)(a,b) => { return a+b; } or (x,y) = > a+b 참고 : https://takeuu.tistory.com/88 끘~!@~!@#!@$

ref createRef() concat map filter

var, let, const 차이첨 var는 function-scopedlet, const는 block-scoped -----------------------------------var-------------------------------// 이미 만들어진 변수명으로 재선언해도 이상없음 사용 가능var test = 'test'var test = 'test2' // test2 라는 변수명이 먼저 선언되지 않아도 사용 가능test2 = 'test'var test2 ------------------------------let, const------------------------------// 변수 재선언 불가능 // let// let은 변수에 재할당 가능 _ 동일한 변수명으로 사용 불가능let test =..

React create-react-app 설치 및 세팅 https://github.com/facebook/create-react-app#creating-an-app npx create-react-app my-app (내가 만들 앱 이름)cd my-app (내가 만들 앱 이름)npm start 대부분 프로젝트가 C:\Users\사용자명\my-app(내가 만들 앱 이름)에 설치되어 있음 cmd창에서 위치 변경하여 가능 반드시 node.js 설치 후 해야함 https://nodejs.org/ko/download/ 설치할때 그냥 다음다음다음 눌르면 됨 아래 설치는 프로젝트 폴더까지 cmd창에서 진입하여 입력하면 됨 에러날때 설치 Module not found: Can't resolve 'react-lines-e..

React시 사용 툴 Visual StudioCode 아래서 zip용 다운받아서 사용중https://code.visualstudio.com/Download node 프로젝트 열때 그냥 folder open하면 됨 단축키Ctrl + Shift + F : 디렉토리의 모든 파일에서 텍스트 검색Ctrl + Alt + ↑or↓ : 다중 커서 셀렉션Shift + Alt + ↑or↓ : 선택 데이터 위/아래로 복사Alt + ↑or↓ : 선택 데이터 위/아래로 이동Shift + F12 : 모든 심볼 찾기 참고 : https://www.vobour.com/%EA%B0%9C%EB%B0%9C-%EC%83%9D%EC%82%B0%EC%84%B1%EC%9D%84-%EC%98%AC%EB%A0%A4%EC%A3%BC%EB%8A%94-..