프로젝트 실습 2주차 (2022. 04. 06. ~ 2022. 04. 12.)

이번 주는 Back-End API를 열심히 만들었다. Django를 써본 것이 처음이라 DB 짜는 것도 힘들었지만 열심히 해보았다.

 

• 개발 상황
  • Front-End
    사이트 첫 접속 페이지 퍼블리싱
    게시글 페이지 퍼블리싱
  • Back-End
    DAuth Login URL Response API
    도담도담 User API
    게시글 작성, 수정, 가져오기 API
    유저 프로필 API
    댓글 작성, 수정, 삭제, 가져오기 API
• 개발을 하면서 생긴 문제점
  React.js에서 Markdown 편집기를 사용할 수 있는 라이브러리인 Toast-ui/editor, Toast-ui/viewer를 글 작성 및 글 수정, 게시글 가져오기에 사용하였다.
  하지만 Next.js에서 이것을 사용하려 하니 오류가 발생하였다. 한참을 끙끙대다 어떤 오류인지 구글링을 해보니 Toast-ui가 SSR을 지원하지 않아서 발생하는 문제라고 한다.
  그래서 어떤 식으로 해결해야 하는지 찾아보니 아래와 같이 SSR 랜더링을 하지 않고 불러올 수 있었다.

import dynamic from 'next/dynamic';

cosnt Editor = dynamic(
	() => import('src/components/Editor/index'),
    { ssr: false }
);

const Viewer = dynamic(
	() => import('src/components/Viewer/index'),
    { ssr: false }
);

 

백엔드 개발을 직접해보면서 백엔드 쪽은 어떤 식으로 짜야할지 아주 살짝은 감이 잡힌 것 같다. 하지만 여태껏 프론트 엔드 쪽만 공부하고 개발을 하다 보니 여전히 어렵긴 하다 ㅠㅠ

아직 벡엔드 로직은 어떻게 짜는 게 좋은지 잘 모르겠다. 그래도 이렇게 프로젝트를 하면서 백엔드 쪽 지식도 생기는 것 같아서 좋긴 하다.