react 프로젝트 (2) 썸네일형 리스트형 [#. React] React+Typescript+Tailwind CSS 프로젝트 초기 세팅하기 Tailwind CSS는 마크업에서 직접 모든 디자인을 구축하도록 구성할 수 있 고 flex, pt-4, text-center와 같은 클래스를 사용하는 프레임워크다 Tailwind CSS에서 정해놓은 클래스명을 사용해서 HTML 코드 내에서 쉽게 CSS를 작성할 수 있다 장점 Utility-First의 편리함과 빠른 개발 자유롭고 쉬운 커스텀 단점 초반에 파악하기 위한 시간 필요 HTML와 CSS 코드 혼재(가독성) $ yarn create react-app [프로젝트명] --template=typescript $ yarn add -D tailwindcss postcss autoprefixer postcss-cli npm-run-all -D 옵션 => 패키지를 개발 종속성으로 추가 📁src 📁styles.. [#. Django] Django(Rest Framework) + React로 프로젝트 시작하기 데이터 시각화를 위해 Python을 사용해야 하는데 그 중에서도 Django framework를 사용하고 싶다 또한 Back/Front 분리를 위해 front는 React를 사용하려고 한다 React에서는 axios로 Django로부터 Rest API로 데이터를 받아와서 사용할 것이다 Django와 React를 연동하는 몇 가지 예제를 찾아봤지만 React에서 eject(npm run eject)해서 시작하기 때문에 그 방법은 사용하지 않았다 ① Django 설치하기 virtualenv 가상환경이 설치되었다고 가정하고 시작하겠다 mkdir django-react cd django-react virtualenv venv source venv/bin/activate// 가상환경 실행 pip3 install .. 이전 1 다음
