꺼내쓰는 코드

개발기간: 2023.09 ~ 2023.10

• 프로젝트 명 : Code-Container
• 프로젝트 소개 : 개발 중 자주 사용되는 코드들을 모아놓기 위해 만들어보았습니다.

Code-Container

• Toast Editor로 코드 하이라이터를 작성하고, 작성된 카테고리에 따라 분류하여, 코드를 쉽게 재사용할 수 있도록 만들어보았습니다.

테스트 비밀번호

choigirang

기술 목록

FrontEnd

TypeScript	React context	React-Query	styled components

BackEnd

TypeScript	Express	MongoDB	EC2

npm

// frontend
cd front
npm install
npm run start

// backend
cd back
npm install
nodemon src/app.ts

페이지

메인페이지

• 게시글 카테고리 분류
• 코드 하이라이터 개당 복사 기능
• 내용 및 타이틀 검색

게시글 작성

• 비밀번호 입력을 통한 게시글 작성
• 코드 하이라이터를 사용한 작성 페이지

게시글 수정

Git Commit & PR Message