[Django] 초급 React + Django 간단한 익명 블로그 만들기 1

 

 

 

 

 

 간단한 익명 블로그에 대하여

사용할 언어, 라이브러리

• Javascript Runtime Environment : node.js
• Javascript Package Manager : npm
• Frontend Framework : React
• Forntend Language : Javascript
• Web Application configuration: SPA
• Backend Framework : Django
• Backend Language : python
• Database : PostgreSql
• Algorithm : SHA256

 

 

프로젝트 기능

• 익명 글/댓글 쓰기, 수정, 삭제 조회

 

 

구축

• Frontend
• Backend
• DB

 

 

블로그 순서 및 성과

• Node.js 설치, React 프로젝트 생성, Node.js 런타임에서 React 프로젝트 실행하기
• python venv 생성, pip로 django 설치, venv 활성화, Django server 구동
• React-router-dom 설치, root 태그 렌더, Route 지정, SPA구성, 사이드바 제작
• djangorestframework 설치, REST API 호출, useState와 uesEffect 사용, CORS 이해, django-cors-headers 설치, 양단간의 통신
• PostgresSql Database 생성, Sequence 생성, Table 생성
• psycopg2 설치, postgresql DB 연동, core 앱 생성, migrations 관리, models 정의, model object의 query, 터미널에서 http 요청보내기
• react-modal 설치, ajax 응답 성공/실패 핸들링, 백엔드 새로운 model 생성하여 insert
• pagination, response data useEffect 디펜던시 활용하여 테이블 맵핑 + 렌더링

 

 

 

 

프로젝트 완성시 볼 수 있는 화면

?