As i wish

React 프로젝트를 하다 보면 자연스럽게 Redux 에 대하여 접하게 되고 그 외의 비동기 통신, 액션 컨트롤 등 다양한 것을 하기 위해 (대부분 비동기 통신) Redux-thunk, Redux-saga 를 접하게 됩니다. 이번 포스팅에서는 그런 Redux-saga 를 React 에 적용하는 법을 써보겠습니다. 일단 먼저 store 를 만듭니다. store.js import { createStore, applyMiddleware } from 'redux' import createSagaMiddleware from 'redux-saga'; import rootSaga from './sagas'; const sagaMiddleware = createSagaMiddleware() import reducers..

안녕하세요. 엄티입니다. 계속해서 React 를 사용해서 SNS 를 만들어 보겠습니다. 프로젝트 소개와 프로젝트 구성 요소는 제 전 포스팅을 참고해주세요. React SNS 만들기 - 1 [React SNS] React SNS 만들기 - 1 안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로.. eomtttttt-develop.tistory.com 참고로 제 포스팅은 '제로초' 님의 SNS 만들기 강좌 복습 포스팅입니다. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕..

안녕하세요. 엄티입니다. 계속해서 React 를 사용해서 SNS 를 만들어 보겠습니다. 프로젝트 소개와 프로젝트 구성 요소는 제 전 포스팅을 참고해주세요. React SNS 만들기 - 1 [React SNS] React SNS 만들기 - 1 안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로.. eomtttttt-develop.tistory.com 참고로 제 포스팅은 '제로초' 님의 SNS 만들기 강좌 복습 포스팅입니다. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕..

안녕하세요. 엄티입니다. 계속해서 React 를 사용해서 SNS 를 만들어 보겠습니다. 프로젝트 소개와 프로젝트 구성 요소는 제 전 포스팅을 참고해주세요. React SNS 만들기 - 1 [React SNS] React SNS 만들기 - 1 안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로.. eomtttttt-develop.tistory.com 참고로 제 포스팅은 '제로초' 님의 SNS 만들기 강좌 복습 포스팅입니다. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕..

안녕하세요. 엄티입니다. 계속해서 React 를 사용해서 SNS 를 만들어 보겠습니다. 프로젝트 소개와 프로젝트 구성 요소는 제 전 포스팅을 참고해주세요. React SNS 만들기 - 1 [React SNS] React SNS 만들기 - 1 안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로.. eomtttttt-develop.tistory.com 참고로 제 포스팅은 '제로초' 님의 SNS 만들기 강좌 복습 포스팅입니다. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕..

안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕스&리덕스사가&익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다. 중급 웹 개발 프레임워크 및 라이브러리 서비스 개발 Front End Back End Javascript React 온라인 강의 www.inflearn.com 무튼 기본적으로 Front/Back 을 구성하고요. Front 는 React, Redux, N..

안녕하세요. 엄티입니다. 이번에는 실질적으로 React-redux를 사용해 보겠습니다. 기존에 프로젝트에 각각 Redux 에 필요한 action, reducers, store 세팅은 지난 포스팅에 있기 때문에 참고해주세요. Redux - React 프로젝트 세팅 [React 틱 택 토] Redux - React 프로젝트 세팅 안녕하세요. 엄티 입니다. 오늘도 역시 리액트 포스팅을 해보겠습니다. 저의 리액트 포스팅은 '제로초' 님의 웹게임 강좌를 바탕으로 포스팅 합니다. 제로초 님의 웹게임 강좌 리액트 무료 강좌(웹게임) - YouTube.. eomtttttt-develop.tistory.com 일단은 조금 더 큰 프로젝트에서는 Component 를 나눕니다. UI 를 담당하는 Presentational ..

안녕하세요. 엄티 입니다. 오늘도 역시 리액트 포스팅을 해보겠습니다. 저의 리액트 포스팅은 '제로초' 님의 웹게임 강좌를 바탕으로 포스팅 합니다. 제로초 님의 웹게임 강좌 리액트 무료 강좌(웹게임) - YouTube www.youtube.com 오늘은 Redux 를 적용해 보겠습니다. 일단 개념이 처음에는 잡기 힙든데 몇번 사용하다가 익숙해지면 정말 편한 라이브러이입니다. 한마디로 쉽게 정의하면 '상태 관리 라이브러리' 라고 할 수 있죠. 리덕스를 왜 쓸까? 리덕스(Redux)를 왜 쓸까? 그리고 리덕스를 편하게 사용하기 위한 발악 (ii) | VELOPERT.LOG 이 포스트는 이어지는 튜토리얼 입니다. 1편 을 먼저 읽고 오시길 바랍니다. 리덕스의 3가지 규칙 리덕스를 프로젝트에서 사용하게 될 때 알..