본문 바로가기

리액트3

[장고 + 리액트] 리액트를 장고에서 띄우기 (CSR -> SSR) 보호되어 있는 글 입니다. 2024. 6. 26.
Django 와 React 동시에 실행하기: Concurrently 라이브러리 https://pypi.org/project/concurrently/ concurrentlyLibrary helps easy write concurrent executed code blockspypi.org위 링크에서 라이브러리를 받고 최상단 폴더에 js파일을 하나 만들고 아래와 같이 선언해주면 되며const concurrently = require('concurrently');concurrently([ { name: '실행시킬 서버/애플리케이션 이름', command: '명령어1' }, { name: '실행시킬 서버/애플리케이션 이름', command: '명령어2' }, { name: '실행시킬 서버/애플리케이션 이름', command: '명령어3' }], {.. 2024. 6. 13.
React 입문 - React, JSX, Babel, 그리고 Webpack 이해하기 React 란? Facebook에서 만든 Javascript Library이다. UI Components 들을 만드는 도구이며 메모리에 가상 돔을 만든다. 그렇다면 이 가상돔 ( VIRTUAL DOM ) 은 무엇인가? VIRTUAL DOM은 DOM의 추상화이며 복사본인데 아주 가벼운 복사본이다. React의 경우는 브라우저의 돔을 직접 조작하기 보단 가상돔을 조작을 함으로써 실제 돔이 바뀌는 방법을 택한다. 그렇다면 그냥 돔을 바로 조작하면 되는데 굳이 번거롭게 VIRTUAL DOM을 쓰는 이유는 뭘까? 더 빠르고 효율적이기 때문이다.기존 DOM의 경우에는 호환성이 떨어져서 바닐라 자바스크립트로만 조작이 가능하다는 단점도 존재한다. JSX란? 이 React는 이 "가상돔"을 조작해서 html을 렌더링해야.. 2024. 2. 15.