Home

📑 문서 작성이 더 편하고 즐거워진다

배포 사이트

🤔 하나의 문서를 작성하면서 다른 문서도 함께 보고 싶었던 적 있으신가요?

문서 작성할 때 여러 창을 띄워두고 번거롭게 작업하셨던 불편함이 있었죠.

기존 에디터들은 하나의 창에 갇혀있어서, 참고할 내용이 있을 때마다 창을 이동해야 했어요.

Nocta는 에디터에 새로운 바람을 불어넣었어요.

탭 브라우징으로 여러 문서를 자유롭게 넘나들 수 있고, 인터랙티브한 요소들로 문서 작성이 더 흥미롭게 변화됩니다.

Nocta에서 단순한 기록을 넘어, 새로운 글쓰기 경험을 시작하세요.

노션

기획 | 디자인

개발위키 | DB스키마 | 백로그

그라운드룰 | 스크럼회의록 | 스프린트회의록 | 회고록

🚩 목차

• Nocta만의 차별점
• 기술스택
• 시스템 아키텍처 다이어그램
• 프로젝트 시작 가이드
• 프로젝트 기간
• 팀원 소개

✨ Nocta만의 차별점

1. 페이지 생성, 드래그 앤 드랍

사이드바의 페이지 추가 버튼을 통해 페이지를 생성하고 관리할 수 있습니다.

2. 탭 브라우징: 최소화 최대화 리사이즈

각각의 문서를 탭브라우징 방식으로 관리할 수 있습니다. 크기를 조절하거나 드래그 앤 드랍을 통해 원하는 위치에 위치시킬 수 있습니다.

3. 실시간 마크다운 편집

마크다운 문법을 입력하면 실시간으로 마크다운 문법으로 변환합니다.

4.실시간 동시편집

하나의 문서를 여러 사용자가 동시에 편집이 가능합니다. 외부 라이브러리 없이 직접 구현한 CRDT 알고리즘을 통해 실시간 변경사항을 모든 사용자에게 반영합니다.

🔧 기술 스택

Common

Frontend

Backend

Infra

시스템 아키텍처 다이어그램

📅 프로젝트 기간

2024.10.28 ~ 2024.12.06 (6주)

🌱 팀원 소개

J078	J098	J099	J213
FE+BE	FE+BE	BE+Infra	FE
김현훈	민연규	민정우	장서윤

🚀 프로젝트 시작 가이드

환경변수는 /client, /server 폴더에 있는 .env.sample 파일을 참고해주시기 바랍니다. * 추가예정

# 저장소 복제
git clone https://github.com/boostcampwm-2024/web33-boostproject.git

# 의존성 설치
pnpm install

# 프로덕션 빌드
pnpm run build

# 프로젝트 개발 모드 실행
# Frontend: http://localhost:5173/
# Backend: http://localhost:3000/
pnpm run dev

# 프로젝트 Docker 빌드 후 실행 (http://localhost/)
docker-compose up -d --build