본문 바로가기

영어쌤의 놀이방_ 수퍼.코드.파티

(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.. 더보기
(2.1) Implementing React_ 웹팩 설치, 적용하기. 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 (2.1) Implementing React(리액트에 적용하기!) 영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고 안녕하세요? 웹개발을 하고 있는 영어선생 좌니 입니당! 이번엔 (2.1) Implementing React_웹팩 설치, 적용하기 시간이 되겠습니다. # 시작하기 전!!! 우리가 설치해야 할 것은!!! # install webpack $ npm i webpack webpack-cli --save-dev # install babel(takes care of transpiling the code so anything that you know newer # features of Javascript that react uses) # installreact preset $ n.. 더보기
(1.1) Basic REST API(포스트맨으로 API 테스트하기)_영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! (1.1) Basic REST API(포스트맨으로 API 테스트하기)_영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 안녕하세요? 웹개발하는 영어쌤 죠니입니다! 이번엔 (1) Basic REST API_영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 에서 파이썬 장고 서버를 실행시킨 뒤 곧바로 이어서 진행되는 포스트맨으로 웹 브라우져상에서 진행하는 테스트입니다. CLI(Commend Line Interface)로 보면 좀 칙칙하기도 하고 직관성이 많이 떨어집니다. 그래서 우리는 Web UI(User Interface)로 직접 확인하며 테스트를 진행해 봅니다. 우선 여러분이 크롬 브라우져(다운로드 링크)를 쓰시는 것을 추천해요. 여러 플러그인이며 개발자모드 등을 빠르게 적용해 쓰실 수가 있습니다.. 더보기
(1) Basic REST API(기본 REST api 만들기)_영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! (1) Basic REST API_영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 안녕하세요? 웹개발하는 영어썜 죠니입니다. 이런 것 처음이에요. 앞서 언급했듯이 튜토리얼 형식 그대로 진행하며 개인적으로 느꼈던 주의사항을 적어 볼게요~. Let's get started, shall we? 1. 파이썬 버전 확인 $ python3 --version 2. 파이썬 가상화 설치 및 실행 $ pip3 install pipenv # pipenv 설치가 완료되면 다음의 명령어를 통해 가상환경으로 들어갑니다. $ pipenv shell 3. 장고, 장고레스트, 녹스 설치(가상환경 내에서...) $ pipenv install django djangorestframework django-rest-knox # 설치완료.. 더보기
(0.0)영어쌤이 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고(from Devmountain) (0.0)영어쌤도 만드는 회원가입, 인증[CRUD] 만들어욤! 리액트와 파이썬 장고(from Devmountain) 안녕하세욤? 웹개발하는 영어과외쌤 죠니 입니다. 본편을 시작하기에 앞서 이번 React + Django CRUD는 현재 제가 근무중인 회사에서 진행하는 프로젝트의 일부로써 모든 과정을 직접 만들어 제품화 해 수익원을 만들기 위한 밑바탕으로 진행하고 있었습니다. 또한 이번편에서 사전 학습을 하고 있는 자료는 Traversy Media에 있음을 알려 드리고 다음의 링크를 첨부합니다. https://www.youtube.com/watch?v=Uyei2iDA4Hs&list=PLillGF-RfqbbRA-CIUxlxkUpbq0IFkX60 하여, 이번 포스트의 List 는 다음과 같습니다.(끝날때마다 .. 더보기