Home

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

배포 사이트

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

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

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

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

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

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

노션

기획 | 디자인

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

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

🚩 목차

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

✨ Nocta만의 차별점

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

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

2. 인터랙티브 텍스트

텍스트 블럭에 인터랙티브한 속성을 부여할 수 있습니다. 하이라이트, 그라데이션 등의 속성이 존재합니다.

🌙 Noca의 특징

실시간 마크다운 편집

외부 라이브러리 없이 직접 구현한 마크다운 알고리즘 을 통해 마크다운 문법을 입력하면 실시간으로 마크다운 문법으로 변환합니다. 리치 텍스트 기반의 편집기로 다양한 마크다운 문법과 스타일, 텍스트 색상을 적용할 수 있습니다.

실시간 동시편집

외부 라이브러리 없이 직접 구현한 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