sopang 기획 - 기획서 Excel - views 뷰 레이아웃2

잡아본 화면별 레이아웃으로 본격적으로 frontend코딩을 시작했다.

backend 코딩에 영향이 가지않도록 bootstrap을 이용해 빠르게 구현하기로 했고, 아이콘은 fontawesome을 이용했다.

반응형으로 구현하려던 계획은 아쉽지만 욕심으로 판단되어 접어두기로 했다.

 

반응형코딩 + 크로스브라우징 테스트 + 모바일 갤럭시/아이폰 테스트 + 카카오앱 테스트 까지가

그동안 반응형 구현시 나의 루틴이였는데

 

이미 충분히 경험이 있고, 구현할 수 있는것을 sopang에 집어넣기에는 

같은 시간대비 sopang 외 다른 프로젝트를 수행하거나 경험하지 못할 것이라고 생각했다.

sopang은 pc화면으로만 구현되며, 아래와 같이 구현됬다.

 

 

회원가입, 로그인 페이지

 

메인페이지

 

리스트와 상세페이지

 

 

 

마이페이지

 

 

관리자 페이지

 

 

 

 

 

 

 

기획서가 마무리될 즈음 2틀동안(2023-03-28 ~ 2023-03-30) 작업했고,

기획서를 보안하고 수정하다보니 시간이 부족해 주말(2023-04-02)하루를 추가해 완료했다.

 

 

 

기획서에는 일부 구현된 페이지와 앞서 편집한 캡쳐본이 첨부되었다.

 

 

 

https://standout.tistory.com/353

sopang 기획 - 기획서 Excel - views 뷰 레이아웃1

sopang.xlsx

0.90MB