Django with React - [OT]

uuuu.jini·2022년 7월 28일
1

Django 

목록 보기
2/3
post-thumbnail
post-custom-banner

강의
: 인프런/파이썬-장고-웹서비스

장고는 MVT 프레임워크

MVC 이다.

  • Model: 장고의 Model , 데이터베이스 SQL 쿼리를 생성/수행
  • View: 장고의 Template, 복잡한 문자열 조합을 도움
  • Controller: 장고의 View, HTTP 클라이언트로부터의 요청을 처리하는 함수

리액트?

웹 문서에서 웹 애플리케이션(사용자와 인터랙션)으로 패러다임이 전환되었다.

웹 문서에서는 링크를 클릭시 페이지의 전환이 이루어졌다. 웹 애플리케이션에서는 페이지 전환 없이 실제로 UI 적 변화 , 부분 업데이트 등으로 상호작용이 이루어지게 되었다.

선언적 프로그래밍 방식을 사용한다. 어떤 데이터일때 어떻게 표현하겠다라고 선언을 하게 되면 변경됨에따라 효율적으로 갱신&렌더링이 된다.

SPA[Single Page Application]

웹 문서에서는 서버로부터 전체 화면에 대한 데이터를 받아와서 새로 그리는 방식이었으나, SPA에서는 JS를 통한 화면을 변경하여 화면 전환 느낌이 나도록 한다. (JS로 서버와 통신)

Transpiling

코드의 문법이 변환
최신 자스 features를 사용하더라도 낮은 버전의 JS를 지원하는 브라우저 지원을 위해 낮은 버전의 JS코드로 변환하는 트랜스파일링이 필요하다.
--> babel을 활용하여 변환

파이썬 코드를 자바 스크립트 코드로 트랜스파일링이 가능하다.(별로래)

설치: npm install --global babel-cli
npm install --save babel-preset-es2015

ES6 문법에 익숙해지면 리액트는 어렵지 않다.

profile
멋쟁이 토마토
post-custom-banner

0개의 댓글