반응형 Tech/React4 Next + Typscript + Redux + Redux-Saga 설정 React + Redux 상테에서 Redux-Saga 설정 1. redux-saga 모듈 설치 npm install redux-saga npm install axios // saga 로직에서 쓰임 2. actions, reducers, store 폴더에 해당 파일을 생성한다. store/actions/actionTypes.ts 수정 export const INCREASE = 'counter/INCREASE' export const DECREASE = 'counter/DECREASE' // search export const SEARCH = 'SEARCH'; export const SEARCH_SUCCESS = 'SEARCH_SUCCESS'; export const SEARCH_FAIL = 'SEARCH_.. 2021. 3. 11. Next + Typscript + Redux 설정 Redux를 설정전 Next, Typescript 설정은 저의 다른 글에서 확인할 수 있습니다. jktech.tistory.com/44 Next.js(react) 프로젝트 시작 React의 SSR (server-side rendering) 프레임워크인 Next 프로젝트 환경: Windows, VScode, npm ※ npx는 자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 npm@5.2.0 버전부터 새로 추가된 도구입.. jktech.tistory.com jktech.tistory.com/45 Next + Typescript 설정 Next 프로젝트 설정은 제 블로그 에서 확인할 수 있습니다. jktech.tistory.com/44 Next.js(react) 프로젝트 시작 R.. 2021. 3. 11. Next + Typescript 설정 Next 프로젝트 설정은 제 블로그 에서 확인할 수 있습니다. jktech.tistory.com/44 Next.js(react) 프로젝트 시작 React의 SSR (server-side rendering) 프레임워크인 Next 프로젝트 환경: Windows, VScode, npm ※ npx는 자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 npm@5.2.0 버전부터 새로 추가된 도구입.. jktech.tistory.com Typescript를 적용하기전 내가 생각하는 Typescript 쓰는이유는 컴파일 단계에서 오류를 잡을 수 있기때문에 사용한다고 나는 생각한다 자세한건 다른 글에서 작성해보도록 하겠습니다 Typescript 설정 1. root 디렉토리에 tsconfig... 2021. 3. 11. Next.js(react) 프로젝트 시작 React의 SSR (server-side rendering) 프레임워크인 Next 프로젝트 환경: Windows, VScode, npm ※ npx는 자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 npm@5.2.0 버전부터 새로 추가된 도구입니다. 따라서 npm@5.2.0 이상 버전만 깔려 있다면 npx 커맨드를 사용 가능합니다 1. Project를 설정할 폴더를 생성한다. 2. 터미널로 Project 폴더로 이동한다. 3. npx 로 next 프로젝트를 생성한다. npx create-next-app . 위에서 '.' 은 현대 폴더(디렉토리)를 의미한다. 위에 방식으로 하면 next 설치는완료되었다 실제로 동작하는지 명령어로 확인해보자. npm run dev // dev .. 2021. 3. 11. 이전 1 다음 반응형
