웹개발 종합반 리부트 - 6주 차

Jony·2023년 4월 6일
0
post-thumbnail

› 웹개발 종합반 5주 차까지 마치고,
6~8주 차엔 원하는 웹 페이지를 만드는 만들기 주간이다.
무엇을 할지 고민하다 향수의 초점을 맞추어 접근하기로 했다.


1. 프로젝트 설명

향수에 대해 처음 입문하는 사람 or 무엇을 구매해 써야할 지 모르는 사람들을 타겟으로 삼았다.
관심은 있으나 그에 관한 지식이 부족할 때 참고하게끔 만든 웹이다.
원하는 브랜드,가격,향을 선택해 나에게 어울리는,적합한 제품 선택을 아주 조금은 쉽게 선택하도록 구성해봤다.


2. 구상도

총 3가지의 카테고리(메인향, 브랜드, 가격대)의 굵직한 세부항복을 누르는 직관적 형태로 만들어 클릭시, 해당 서브페이지로 이동하게 셋팅한다.

위의 두 이미지처럼 각 카테고리의 세부항목을 클릭시, 서브 페이지로 넘어가게 된다. 그 후 원하는 이미지 사진을 눌러 다음 페이지로 넘어가게 한다.

서브 페이지에서 이미지를 클릭하면
위와 같은 페이지가 도출되고, 해당 제품의 설명, 가격, 블로그 후기 링크를 표출되도록 한다.


3. 프로젝트 기능

1) 메인 페이지의 카테고리별 세부항목 데이터 정렬
2) 이미지 클릭 후 해당 제품 설명 페이지 연결
3) 각각의 페이지 이동을 원활하게 셋팅
4) 블로그 링크 첨부 및 연결
5) 그 외 세부적 사항 체크 후 기능 삽입


4. 프로젝트 계획

1> html/css 구상 및 구축하기
2> ajax활용
3> 서버 구축 및 DB설정
4> 서버와 클라이언트 간 연결 및 동작 테스트
5> 마무리


지금 와 프로젝트 했던 것을 살펴보면 굉장히 조잡하고 어떻다 할 기능도 없이 그냥 만들었구나 라는 느낌이 든다..ㅎ

profile
알면 알수록 모르는 코태계

0개의 댓글