본문 바로가기

(3.3) Implementing React_ Redux & HTTP. 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 (3.3) Implementing React_ Redux & HTTP. 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 Implement Redux - 저번 포스팅까진 React-Redux를 이용해 서로 연결하고 Redux Tool을 이용해 leads의 정보들을 띄워 보았습니다. - 이번 시간엔 이 정보들을 브라우저상의 User Interface에 띄울 수 있도록 할 것 입니다. (17) Leads.js에 UI에 반영하는하는 코드 작성하기 - Leads.js 코드 내에 render 에 반영이 되어 볼 수 있게 해야 합니다. - Leads.js에 해당 기능을 반영하는 코드를 작성합니다. import React, { Component, Fragment } from "react"; .. 더보기
(3.2) Implementing React_ Redux & HTTP. 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 Implement Redux 바로 시작해 볼까요? 이전 포스팅의 마지막엔 Axios를 설치했습니다. 이번 장에선 그 axios를 활용할 것 입니다. (14) /src/actions/leads.js 파일 작성 - axios를 활용하여 asynchronous request(비동기 요청)을 만들 것 입니다. // lead.js axios 활용예정 import axios from 'axios'; import { GET_LEADS } from './types'; // GET LEADS export const getLeads = () => { } - dispatch라는 것을 사용할 것 입니다. - lead.js 파일로 돌아가서 나머지를 작성해 줍니다. 이렇게 action 이 만들어 집니다. // lead.js ax.. 더보기
(3.1) Implementing React_ Redux & HTTP. 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 (3.1) Implementing React_ Redux & HTTP. 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 안녕하세요? 웹개발 하는 영어쨈 죠니 입니다. 이번엔 지난 포스팅에서 마지막에 잠시 언급한 대로 Redux를 다룰 예정입니다. Implement Redux - Redux store 추가 - route reducer들 만들기 -- 에러 -- 메세지(react alert)(pop-up error message)(서버사이드 또는 클라이언트 사이드에서 만든 메세지가 뜨도록 하는 것) - But!!!!! Redux에 대해서는 너무 자세히 탐구하진 않습니다. 활용 및 응용을 통해 인증(Authentication)을 만드는 것이 목적입니다. Yeah, Let's Go! I.. 더보기