목록[React] (3)
오늘은 어제보다 나아지길
개발 시 컴포넌트를 불러올떄 상대 경로 : import { Menu } from '../component/Menu'; 절대 경로 : import { Menu } from '/component/Menu'; 두가지 방법이 있다. 상대 경로 vs 절대 경로는 다음에 정리를 하고 리액트에서 절대 경로로 path를 지정하는 법을 정리해보자. 리액트를 다루는 기술에서 보면 window 기준 cross-env를 yarn 으로 설치 후 package.json 파일의 scripts 부분에 "scripts": { "start": "cross-env NODE_PATH=src react-scripts start", "build": "cross-env NODE_PATH=src react-scripts build", . . . ..
리액트 프로젝트를 설치하려는 와중 이런 에러가 떴다 대충보니 새로운 릴리즈가 나왔으니 삭제 후 재 설치 하라는거 같은데 재설치를 진행해보자 npm uninstall -g create-react-app npm add create-react-app npx create-react-app hello-react 이렇게 하면 로컬 pc에 리액트 프로젝트가 설치가 될 것이다 . 끝!
reducer 현재 상태와 액션 객체를 파라미터로 받아 새로운 상태로 변환 해주는 함수 function reducer(state, action) { switch(action.type){ return nextState; } } UseReducer 상태관리를 하는 함수로써, reducer 함수를 호출하여 사용한다. const [ state, dispatch ] = useReducer(reducer, initial); state 현재상태 dispatch 액션을 발생 시키는 함수 ex). dispatch({type: 'CREATE_MEMBER'}); reducer 상태 변환 함수 initial 초기값 Context API 프로젝트의 상태를 전역적으로 관리해줌 리덕스 리덕스에는 사용되는 몇가지 키워드 들이 있다...