[워다타 프로젝트] 2. 프로젝트 설계

[비고] 수정중

---

1. 레이아웃

종류	이름	컴포넌트명	비고
화면구성	헤더	Header
	바디	Body
	푸터	Footer
컬러	배경	Background	페이지별 동적 렌더링

 

2. 화면

종류	이름	컴포넌트명	인덱스	url	비고
application	홈페이지	Main	1	/main	영역 6행	1
	문서 분석 단어장 연구소	Analyze	2	/w_analyze		2
	단어 리스트	WordList	3	/w_list?name=[단어장]		3
	내 단어장 목록	WordBook	4	/w_books(?category=[카테고리])		4
	단어장 공유 순위	WordShare	5	/w_share		5
quiz	퀴즈 선택	QuizSelect	11	/wq_select		6
	카드 뒤집기	QuizFlip	12	/wq_flip		7
	카드 뒤집기 결과	QuizFlipR	13	/wq_flip_result		8
	객관식	QuizMul	14	/wq_mul		9
	객관식 결과	QuizMulR	15	/wq_mul_result		10
	시험 변형	QuizDeform	16	/wq_deform		11
	시험 변형 결과	QuizDeformR	17	/wq_deform_result		12
account	회원가입	Join	101	/join		13
	로그인	Login	102	/login		14
	ID/PW찾기	Find	103	/find		15
	마이페이지	Mypage	104	/mypage		16
etc	404	NotFound	404	*		17

 

 

3. 서브 컴포넌트

종류	이름	컴포넌트명	비고
card (reusable)	단어카드 기본형	WordCard	앞뒤 다름
	단어카드 상세형	WordDetailCard
	단어장 카드	BookCard	홈화면, 내 단어장 화면
	워다타 서비스 설명	InfoCard	홈화면 (타이틀+이미지+내용)
	백그라운드 카드	BackCard	페이지 기본 바탕
contents	홈 배너	Banner
	홈 슬라이드 카드	Slider	슬라이드
	시뮬레이션	Simulation
	후원	Support	후원 or 팀소개 페이지
	단어 상세	WordDetail	모달
	공유 단어장 상세	WordShareDetail	모달

 

4. 유틸리티

Navigation 

Modal