목록IT/DJANGO & REACT (6)

차근차근 생활 & 코딩

[React Native] RN react-native-vector-icon 깨짐 오류

안녕하세요. 이번시간에는 react-native-vector-icon 설치 후 아이콘이 X로 깨져 보이는 현상이 발생되게 됩니다. 해결 방법은 간단합니다. # android/app/build.gradle 폴더로 이동 후 아래 코드 복사 apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" 다시 앱을 실행하시면 아이콘이 정상적으로 확인 됩니다. 수고 하셨습니다.
IT/DJANGO & REACT 2022. 1. 6. 15:46
[REACT NATIVE] React-Native(리액트 네이티브) vs Expo 비교

React-Native를 사용하면 동일한 코드로 Android 및 iOS용 하이브리드 앱을 쉽게 개발할 수 있습니다. 초보자의 경우 접근성이 높은 Expo CLI를 사용하는 것을 추천드리며, Expo는 React Native 방식으로 개발 경험을 더 즐겁고 안정적으로 만들고 라이브러리의 안정성을 높여줍니다. Expo는 React Native 앱을 위한 프레임워크 입니다. 향후 Expo에서 익숙해 지면 React-Native CLI를 사용하시면 됩니다. 리액트 네이티브(React-Native) 종류 리액트 네이티브 종류에는 두 가지가 있습니다. 1. React-Native CLI - React-Native CLI에는 자유도가 높아 개발의 많은 기능들을 사용할 수 있습니다. https://reactnativ..
IT/DJANGO & REACT 2021. 8. 7. 10:26
[DJANGO & REACT] 장고와 리액트 연동하기 (4) - 템플릿 변경하기

Part 1 : Django(React) Template 설정 및 사용하기 흑흑... 아쉽게도 장고 템플릿을 더 이상 사용하지 않기 때문에 Django Settings.py 파일 내에 Static 경로를 변경하여야 합니다. 하지만 우리에겐 더 멋진 React 템플릿이 있으니 걱정 안하셔도 되겠죠!? import os # 맨위쪽에 입력하시면 됩니다. TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [ os.path.join(BASE_DIR, 'frontend', 'build'), # 경로 변경 ], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'dj..
IT/DJANGO & REACT 2021. 7. 24. 18:28
[DJANGO & REACT] 장고와 리액트 연동하기 (3) - Django App 생성

Part 1 : 장고 앱 생성 Django manage.py 파일이 있는 경로로 이동하신 후 명령어를 입력해 주시면 앱이 생성 됩니다. $ python manage.py startapp api Part 2 : Django와 React 연결에 필요한 PIP 패키지 설치하기 1. DRF 및 Django CORS 설치 및 설정하기 #Django -> React로 데이터 전달을 위한 DRF(Django REST Framework) API 설치하시면 됩니다. $ pip install django-rest-framework #Django로 REST Api 를 만들었는데 React와 연결을 해야할 때 CORS 오류가 발생함으로 설치 및 설정이 꼭 필요합니다. $ pip install django-cors-header..
IT/DJANGO & REACT 2021. 7. 24. 18:09
[DJANGO & REACT] 장고와 리액트 연동하기 (2) - 프로젝트 생성

앞에서 환경설정이 완료 되었으면, Django 와 React 설치를 해야 합니다~ 너무너무 간단하죠~ 혹시나 React가 설치되지 않으면 npm 별도 설치 하셔야 해요~~ㅠ_ㅠ # Django Install $ django-admin startproject djangoreact $ cd djangoreact # React install $ npm install -g create-react-app $ create-react-app frontend
IT/DJANGO & REACT 2021. 7. 24. 17:54
[DJANGO & REACT] 장고와 리액트 연동하기 (1) - 설치편

1. Backend & Frontend Template 분리하기 기존 Django 템플릿에서 React 템플릿으로 작업을 하고자 합니다. 그렇다면 왜 굳이 장고에서 템플릿을 사용하면 편한데?! 그 이유는 ... 예를 들면 한명이 장고를 개발 중에 있는데 서비스 유저수가 늘어나게 되어 다른 개발자를 뽑아야 될 경우가 생깁니다. 개발자 대부분 “협업”을 하는데 Backend와 Frontend 작업 시 서로 분리되지 않으면 Frontend와 Backend를 동시에 작업해야 하는 번거러움이 발생된다고 생각됩니다. 그럼 여러개의 언어를 다 알아야 하는 슬픈 상황이 생기는거죠… “결론”은 Backend는 API로 Frontend 쪽으로 데이터를 전달해 주면되고 Frontend 쪽에서는 데이터 받아서 화면 구성을 해..
IT/DJANGO & REACT 2021. 7. 24. 17:51
Prev 1 Next