본문 바로가기

(2.4) Implementing React_ 서버 최신화 자동화(watch option 적용). 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 (2.4) 2.3에 이어서 진행하는 implementing React_ 서버 최신화 자동화(watch option) 입니다. (24) package.json 에 코드 추가 - 이번 작업은 매우 간단합니다. (그런데 왜 페이지를 2.4 까지 끌고 왔나요???) - 너무 길어서 작성하다가 잠시 앉느라고 흐름이 끊겼어요... 모션데스크의 단점입니다 여러분! 자 어쨌든 package.json 에 간단히 --watch코드를 추가해 줍니다. 다음과 같이요. 서버 실행 $ npm run dev - 그리고 Header 파일의 UI에 수정사항을 적용해 주면 (--watch에 의해) 자동으로 갱신됩니다. (25) 대시보드 만들어주기 - 이제 Header는 완성했으니 그 아래에 lead 를 추가하는 Component를 만들.. 더보기
(2.3) Implementing React_ Redux 사용하기. 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 (2.3) 2.2에 이어서 진행하는 implementing React_ Redux 사용하기 입니다. (20) /leadmanager/frontend/src/components/layout/Header.js 작성 components 폴더 내에 layout 폴더를 생성하고 layout 폴더 내에 Header.js 파일을 생성 및 작성해 줍니다. - 여기서 우리는 Redux를 사용할 필요가 있습니다. - VS(Visual Studio.비쥬얼 스튜디오.다운로드)와 같은 IDE(Integrated Development Environment.통합 개발 환경) 등을 사용중이라면 다음과 같이 IDE 내에서 설치가 가능합니다. 검색해 보시면 됩니다! - MS Link: https://marketplace.visualst.. 더보기
(2.2) Implementing React_ Front-end 문서 작성하기. 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 (2.2) 2.1에 이어서 진행하는 implementing React_ Front-end 문서 작성하기 입니다. (10) /leadmanager/frontend/src/index.js (src 폴더 내에 index.js 파일 생성 및 작성) import App from './components/App'; (11)/leadmanager/frontend/src/components/App.js 작성 다음과 같은 위치에 App.js 파일을 생성한 후 작성해 주세요. // App.js import React, { Component } from 'react'; import ReactDOM from 'react-dom'; class App extends Component { render() { return React.. 더보기