자기 일은 스스로 하자
•
0 j'aime•712 vues
메모 단위의 컴포넌트 관리가 가능한 마크다운 텍스트 에디터 개발 Github : https://github.com/carret/memong
Recommandé
Contenu connexe
Tendances
Tendances (19)
En vedette
En vedette (14)
Similaire à 자기 일은 스스로 하자
Similaire à 자기 일은 스스로 하자 (20)
자기 일은 스스로 하자
- 1. 자기 일은 스스로 하자 멘토 우상훈 멘티 김재욱, 장초롱, 나석주
- 3. 프로젝트 개요 텍스트 에디터 마크다운 지원 메모 단위의 컴포넌트 관리 PROCESS1. 무엇을 만들까?
- 4. PROCESS2. 개발 툴 & 서비스 정하기 프로젝트 개요 Flux Application Architecture MongoDB Databases Node.js Frameworks (Full Stack) Redis In-Memory Databases React javascript UI Libraries jQuery javascript UI Libraries Less CSS Pre-processors gulp JS Build Tools
- 5. PROCESS3. 프로젝트 목표 프로젝트 개요 • 백엔드와 프론트 엔드 모두 다뤄 볼 수 있다. • 실제로 서비스 가능한 웹 서비스를 개발해 볼 수 있다.
- 7. Front-End
- 8. Back-End
- 9. DB
- 10. 레이아웃 설계
- 13. 디렉토리 뷰 - 구조 계층 구조 노드 노드 - 트리 테이블 매칭 폴더 노트
- 14. 디렉토리 뷰 - 이벤트 Node Event ▼ Create Directory Action ▼ Send a req to Server ▼ request processing ▼ Receive a res from Server ▼ Server receive Action
- 17. 로그인 토큰 제작 return email jwt 인코딩 쿠키 저장 token Redis 저장 key:token value:email 접속 쿠키유무 판단 브라우저 쿠키 토큰 로그인 화면 렌더 Redis 비교 없음 있음 유효한 토큰 메인화면 출력 유효하지 않은 토큰 401 Error 로그아웃 브라우저 쿠키 삭제 Login Process
- 18. mecab을 활용한 명사 기반 검색 제공 입력 : 메모를 클릭하여 편집하세요 출력 : noun과 count를 활용하여 Indexing Table 제작 Client의 Input과 noun과 일치하는 메모 반환 Search Process
- 19. UserName Word Memos “cmdhema@gmail.com” “데이터베이스” [ { title : 15.08.23 데이터베이스, summary : “몽고DB는 NoSQL 데이터베이스이다.”, memoId : “5593c4502eccd”, weight : 8 }, { title : 15.09.23 데이터베이스, summary : “MySQL, MS-SQL, Oracle DB가 있다.”, memoId : “2341s1534qwrre”, weight : 5 }, ] Weight = Count(Title) * 5 + Count(Content) * 3 Indexing Table 구조
- 22. Editor 설계 상태 메모로 저장됨 이벤트 EditMemo 편집 중 X 메모 추가, 내용 편집 CompleteMemo 편집 완료 O 클릭 시 편집 NoneMemo 편집 완료 O(타이틀 없음) 클릭 시 편집 GlobalEditMemo 편집 중 X 메모 추가, 내용 편집
- 23. Auto Save 구현 메모의 내용이 변경될 때마다 자동 저장