develop document(09.02)

개발 전 약속했던 개발 문서

 

** Project Document **
** Kosta Mini Project **

** screen style **
* logo
* font: "KCC한빛체"
* font-size 
	header-title: 18px bold;
	header-select-title: 18px bold #69E92E;
	menu-title: 16px;
	menu-select-title: 16px bold #69E92E;
	main-title: 25px bold;
	mypage-title: 25px bold;
	document-inner-title: 18px bold;
	content: 16px;
	table-title: 16px bold;
	table-document:16px; 
	
* table-style: bootstrap hover rows 사용(https://www.w3schools.com/bootstrap5/bootstrap_tables.php)
	table { border-top: 2px solid; } 적용 
	list 모두 table로 적용하기 
* button-style: https://inpa.tistory.com/entry/CSS-%F0%9F%92%8D-%EB%B2%84%ED%8A%BC-%EB%94%94%EC%9E%90%EC%9D%B8-%EB%AA%A8%EC%9D%8C
	button-big-size: width:120px; height:50px; border-radius:10px;(4글자기준)(1글자마다 +-5px;)
	button-mini-size: width:120px; height:25px; border-radius:10px;(4글자기준)(1글자마다 +-5px;)
	button-mini: Fade,  #white;
	button-big: 3D push, center, #69E92E, #6CBE46(명암);
* div-style 
	container-border: 1px solid #D1D1D1;
	container-style: title 넣기, hr 넣지말기(맨위 title 크게 넣을때만 허용)
* input-style
	text-size: width:300px; height:40px; border-radius:5px;(한줄 기준)
	textarea-size: width:300px; height:150px; border-radius:5px;(여러줄 기준)
* space between elements 
	div-content-space: 40px;
	content-topdown: <br>
* width
	main-content-width: 1000px;
	mypage-content-width: 900px;
	mypage-menu-width: 250px;
* modal
	width:700px;

** code convention **
모든 content div 제일 밖에 둘러놓기 - 헤더 include 제외
병원예약: <div class="reservcontent">
구인: <div class="recruitcontent">
마이페이지: <div class="mycontent">
병원마이페이지: <div class="hmycontent">
* css파일 분리하기

* workspace: forusproj
* gitremoterepository: forus
* gitlocalrepository: forus
* project: forus
* DB: forusDB

naming    
variable name




** common code **
header.jsp