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 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..

리액트를 공부하면서 도움이 되었던 자료들을 정리합니다. 계속 업데이트 됩니다. (최신 업데이트 날짜 20190718) create-react-app 사용시 웹에서 proxy 를 통하여 CORS 문제 해결 [ Webpack ] Proxy 설정으로 CORS 도메인 문제 해결 CORS (Cross-Origin Resource Sharing) 란? 웹브라우저에서 외부 도메인 서버와 통신하기 위한 방식을 표준화한 스팩이다. 서버와 클라이언트가 정해진 헤더를 통해 서로 요청이나 응답에 반응할지 결정하는 방식.. ryulog.tistory.com Infinity scroll 만들기 React에서 Infinite Scroll 구현하기 - 허정민 - Medium 이번 시간에는 요즘 많은 사이트들에서 흔히쓰는 Infini..

안녕하세요. 엄티입니다. 이번에는 실질적으로 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가지 규칙 리덕스를 프로젝트에서 사용하게 될 때 알..