탁월함은 어떻게 나오는가?

Redux는 StateContainer이다. State에 대해.. State 전부는 하나의 store안에 있는 객체트리에 저장된다. store안에는 객체트리가 존재하고 State를 포함한다. redux에서는 sotre안의 객체를 state라고 한다. 상태 트리를 변경(속성값을)하는 방법은 action객체를 인자로 전달하는 것이다. React State와 Rdux State와의 차이점 리액트의 State와는 다른점이 있다. React의 State는 정확히 렉시컬안에 존재함(useState안에) React State를 바꾸는건 setState로 바꾼다. Redux에서 State를 변경하는건 action이다. action을 사용해서 인자로 전달해야한다. Redux는 State를 직접 할당하지 말고, actio..

VS코드에서 React 코드를 하다가보니 제대로 값이 전달되지 않았다. 무슨일인가 찾아봤더니 value 부분이 색깔이 짙어져있었다. 짙어져있다면 'value'가 선언은 되었지만 해당 값이 읽히지는 않는중이다. 여러가지 시도하다가 보니 해결한 방법은 [name]: value, 로 수정하는 것이 해결법이였다. 전체 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 7..

State는 하나의 컴포넌트 안에서 전역 변수처럼 사용한다. 여기서 전역변수는 component를 의미한다. 곧 JS로 이야기하면 JSON과 function을 의미한다. React 대표적인 hook 함수에는 useState()와 userEffect()가 있다. 이러한 훅이 존재하는 이유는 함수형 컴포넌트에서 state와 같은 생명주기 함수와 같은 기능을 사용하기 위해서 HOOK을 사용한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 import React, { useState, useEffect } from 'react'; const ReactHook = () => { const [contents, setContent] = useState('[THIS IS..

리액트 훅을 사용하기위해서는 리액트에서 말하는 5가지를 지켜야 한다. - Don't call inside loops : 반복문에서 호출하지마라 - Don't call inside conditions : 조건문 안에서 호출하지마라 - Don't call indide nested function : 중첩함수 안에서 호출하지마라 - Always use hooks at the top of the function (Hoisting 때문에 그럼) : 훅을 사용할때는 함수의 윗부분에서 사용하라 - Only call hooks from react function : 리액트에서만 후크를 호출하라 베타존 : 네이버쇼핑 스마트스토어 나를 꾸미다 - 인테리어소품 베타존 smartstore.naver.com

Error 윈도우(Window) 운영체제에서 깃배쉬(git bash)를 사용하여 리액트를 설치할때 위와같은 에러가 발생할 수 있습니다. 윈도우 10에서 빈번하게 발생하는 문제이며, 프로젝트 생성까지 경로중에 (유저이름포함) 공백이 있을때 create진행되면서 나타나는 Error이다. 해결방법 cmd 창에서 > npm cache verify (캐시를 지운다) > npm install -g create-react-app > npx create-react-app project_name 을 입력하면 정상작동하게 된다. 베타존 : 네이버쇼핑 스마트스토어 나를 꾸미다 - 인테리어소품 베타존 smartstore.naver.com

* Vue 환경 구축 1) curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add - 2) echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list 3) sudo apt-get update 4) sudo apt-get install yarn 5) yarn --version 6) node -v 7) sudo npm install -g @vue/cli 위에 까지 다진행하면 > vue create frontend 실행한다. 1) Manually select features 2) Router, Vuex 추가 ◉ Choose V..

GET은 가져오는 것이고 POST는 수행하는 것이다. GET GET 메소드는 주로 데이터를 읽거나(Read) 검색(Retrieve)할때에 사용되고, Select적인 성향을 가지고 있다. GET은 서버에서 어떤 데이터를 가져와서 보여준다거나 하는 용도, 서버의 값이나 상태들을 바꾸지 않는다. 게시판의 리스트라던지 글보기 기능 같은 것이 이에 해당됨 (방문자의 로그를 남긴다거나 글 읽은 횟수를 올려준다거나 하는건 예외) 만약에 GET요청이 성공적으로 이루어진다면 XML 이나 JSON 과 함께 200(ok) HTTP 응답 코드를 리턴한다. 에러가 발생하면 주로 주로 404(Not found)에러나 400(Bad request)에러가 발생한다. POST POST는 서버의 값이나 상태를 바꾸기 위해서 사용된다. ..

kr.vuejs.org/v2/guide/instance.html Vue 인스턴스 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org www.youtube.com/watch?v=kYo6FXCVjAI&list=PLwawSyI26pfuGsEzp7AzP_TJVhSdwFuwh&index=2