[나만의 단어장] 1. 전체 흐름 파악

1. 기능 파악하기

페이지	기능	분류	속성
메인페이지	배너
메인페이지	검색		단어 목록에 단어가 있으면 단어장 하이라이트 및 단어 위치로 스크롤
			단어가 없을 경우, 사전에 있는 단어이면 상세페이지로 이동
			사전에 없는 단어이면 '없는 단어' alret
메인페이지	단어 목록		DB에 저장되어 있는 단어의 단어, 뜻을 보여줌
메인페이지	단어 목록	단어	클릭하면 상세페이지로 이동
메인페이지	단어 목록	단어 뜻
상세페이지	단어박스	새 단어	단어 목록에 단어가 없는 새 단어이면 Save 아이콘 표시
			클릭 시 단어 DB에 저장하고, Delete 아이콘으로 바뀜
상세페이지	단어박스	기존 단어	단어 목록에 단어가 있는 기존 단어이면 Delete 아이콘 표시
			클릭 시 단어 DB에서 삭제하고, Save 아이콘으로 바뀜
상세페에지	예문박스	기존단어	예문 추가/삭제 기능

 

 

2. 페이지 흐름도 (알고리즘)

 

3. API 기능 명세서

 

기능	method	url	request	response
단어 저장하기	POST	/api/save_word
단어 삭제하기	POST	/api/delete_word
예문 불러오기	GET	/api/get_examples
예문 저장하기	POST	/api/save_ex
예문 삭제하기	POST	/api/delete_ex