[%M] Next.js, Nest.js, MariaDB를 사용한 텍스트 에디터 (초안)

in hive-101145 •  3 years ago 

개요


Nest.js 프레임쿼크에 MariaDB를 연동하여 사용해보고자 합니다. 오라클 소유의 MySQL은 상업용으로 사용할 경우 유료이지만, MySQL 소스를 Fork하여 만든 MariaDB의 경우 사용방법과 구조는 MySQL과 같지만 무료로 사용할 수 있는 장점이 있습니다. 이번 Toy Project에서는 next.js로 개발한 텍스트 에디터에서 작성한 포스팅 내용을 MariaDB에 저장, 수정, 삭제 하는 게시판을 개발해보도록 하겠습니다.

cf) 학습을 위한 Toy Project 입니다. 그리고 초안입니다. 계속 수정 및 내용을 추가할 예정입니다.

마리아DB 설치 및 게시판 테이블 만들기

로컬 PC에 MariaDB를 먼저 설치합시다. 저의 경우 다음 싸이트를 참고하여 MariaDB를 설치하였습니다. 설치시 TCP Port 번호는 기본 포트번호인 3306 을 사용하였습니다.
https://leirbag.tistory.com/46

—- 이하 부분은 enitity에서 대채할 수 있으므로 건너뛰어도 좋다(초안)
MariaDB를 설치를 완료하고 stm_db 라는 Database를 만들고 TB_BOARD라는 테이블을 아래와 같은 쿼리문을 사용하여 생성하였습니다.

CREATE DATABASE stm_db default CHARACTER SET UTF8;
USE stm_db;
CREATE TABLE TB_BOARD(
MENU_TAG VARCHAR(20),
BOARD_ID INTEGER AUTO_INCREMENT PRIMARY KEY,
TITLE VARCHAR(30),
CONTENTS LONGTEXT,
DEL_YN VARCHAR(1),
CREATE_ID VARCHAR(20),
CREATE_DATE DATE,
UPDATE_ID VARCHAR(20),
UPDATE_DATE DATE
);

테이블의 스키마는 다음과 같습니다.

nest.js 프로젝트 만들기


stm_backend라는 폴더를 만들고

@nestjs/cli 를 설치하여 Nest Application을 생성합니다. Nest CLI 에 대한 자세한 설명은 https://www.npmjs.com/package/@nestjs/cli 에서 확인할 수 있습니다.

cf) 개발의 편의성을 위해 Documents/stm_backend 폴더의 명칭을 Documents/stm_practice로 변경하였습니다(초안)

nest n 명령어를 이용하여 backend 라는 프로젝트를 생성해줍니다.

여기까지 하면 위와 같은 파일 구조가 생성됩니다.

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

image.png

텍스트 에디터를 개발하고 계신군요. 저는 에디터에 관심이 많습니다. 그래서 조금 기대됩니다.

네 감사합니다! Next.js와 tiptap을 사용하여 텍스트 에디터를 개발하고 있습니다.

나중에 스팀잇과 연동까지 되면 너무 좋을것 같습니다. 계속 응원할께요.