React-Django Blog 제작하기 (2)

건둔덕 ·2023년 2월 13일
3

React-Django

목록 보기
2/3
post-thumbnail

*공부 목적으로 제작하는 것이다 보니 맞지 않거나 부족한 부분이 있을 수 있습니다

1. Models 생성 및 Migration

간단하게 게시물로 사용할 models를 생성 해줍니다.


모델을 생성한 후에는 Migration을 해주어야 DB에 적용이 됩니다.

python3 manage.py makemigrations
python3 manage.py migrate 

위의 두 명령어를 순서대로 실행 시키시면 DB에 적용이 됩니다.

2. Admin 등록 및 Admin 페이지 확인

여기까지 적용이 됬다면 Django Admin을 등록한 후 DB를 GUI 환경에서 확인해 봅시다.

admin.py에서 위와 같이 적용을 해주신 후 어드민에서 사용할 createsuperuser을 생성해 줍니다.


url 뒤에 /admin 을 붙히셔서 들어가면 어드민 페이지 로그인하는 화면이 나옵니다.
아까 createsuperuser 실행해서 만들어둔 사용자 이름과 패스워드를 사용해서 로그인 해주시면 됩니다.


로그인을 하고나면 사이트 관리에 내가 만들어둔 models가 적용되어 있는 것을 볼 수 있습니다.
여기서 Post 테이블안에 게시물을 추가 할 수도 있고, Post 테이블 자체를 수정할 수도 있습니다.


저는 여기서 프론트 화면에 뿌려줄 더미 데이터를 3개 정도만 미리 만들어 뒀습니다.

3. Serializer

serializer는 DRF(Django Rest Framework)가 제공하는 기능입니다. QuerySet으로 넘어오는 DB 인스턴스를 JSON 데이터로 생성해 줄 수 있습니다.

api 내에 serializer.py를 생성하고 그 안에 모델과 필드를 작성해 줍니다.

4. views.py & urls.py 작업

게시물 리스트를 불러오는 PostList와 게시물의 디테일 부분을 불러오는 PostDetail 클래스를 작성하고 그 안에서 아까 만들어둔 serializer를 활용해서 QuerySet을 JSON 형태로 바꿔준 후 return 해줍니다.


react_django_blog 폴더 내에 있는 urls.py에 아래와 같이 path를 작성해주고


api 폴더 내에 urls.py를 생성해 아래와 같이 작성해줍니다.

5. 웹 서버 실행 및 데이터 조회

런서버를 실행시키고

localhost:8000/post로 접속을 해보면 DRF에서 기본으로 제공해주는 UI를 보여줍니다.

이 페이지에선 API 요청에 대한 응답을 아래와 같이 제공해주고 있습니다.

[참고]
https://breathtaking-life.tistory.com/136
https://devkor.tistory.com/entry/02-Django-Rest-Framework-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EC%84%B8%ED%8C%85

profile
건데브

0개의 댓글