Cute Happy Ghost
본문 바로가기
728x90
SMALL

Project28

1-2.상품진열 (서블릿과 ajax를 사용해 메인에 상품진열하기) 홈페이지를 클릭하면 바로 상품을 볼 수 있게 메인에 상품배치 Ajax를 활용하여 페이지전체새로고침없이 상품부분만 새로고침되도록 상품에 마우스를 댔을 때 희미해지며 더알아보기뜨도록 index.jsp 상품카테고리부분 각각의 카테고리를 만들었고 클릭하면 javascript를 호출하는 것으로 상품목록 상품목록은 div만 만들어놓고 그 안에 채워넣는 것으로 id : product_list 휴대폰 노트북 태블릿PC 스마트워치 악세서리 Indexproduct.js Ajax를 활용 url은 productList.do로 넘기기(서블릿) type은 POST이지만 사실 GET이어도 작동은 한다 각각 눌렀을 때 `desc`를 이미 지정을 해준다 가져온 값은 product_list라는 id값의 html로 보낸다 var phon.. 2021. 1. 15.
1-1. 헤더 로그인 전, 회원가입과 로그인이 뜨도록 로그인 후, 마이룸과 로그아웃이 뜨도록 관리자 로그인 후, 관리자페이지와 로그아웃 뜨도록 메뉴 드롭다운 시 서브메뉴 나오도록 헤더는 픽스가 가능하도록 설정 스크롤을 내려도 헤더는 고정되어있다 왼쪽 검색창 헤더에 검색창을 두어 메인이 아닌 어느 곳에서도 검색을 가능하게 하도록함 따로 검색한 상품이 나오도록 검색페이지를 따로 만듬 검색 나중엔 정말 이렇게 안할거야.. 검색페이지를 굳이 안 만들고 싶었으나.... 이게 낫겠다 싶어서 결국 만듬 흑흑... 로고 이미지 얘는 절대경로 경로가 깨질 때는 절대경로를 써주는게 제일 안전 사실 이 로고이미지를 정 가운데에 해주는게 너무 시간이 오래걸렸다 ㅠㅠㅠ 텍스트로 하려다가 내가 만든 이 로고를 도저히 버릴 수 없어서 어찌저찌 .. 2021. 1. 15.
1. 메인페이지(이미지슬라이드, 메인문구 슬라이드) 메인페이지 헤더: 검색, 로고, 메뉴에 댔을 때 서브메뉴 드롭다운 메인이미지 슬라이드 메인문구 슬라이드 카테고리별 Ajax로 상품진열, 상품정렬 푸터: 사이트맵 채팅API로 바로 문의 가능 메인부분은 눈물나도록 css에 공을 들인 페이지다 뿐만아니라 공지팝업, Ajax, 서블릿, 채팅API등 많은 기능이 들어간 페이지다 푸터와 상품상세페이지로 연결하는 부분은 각 역할을 맡은 팀원이 하였고 나머지는 내가 구현한 부분이다 index.jsp FineApple makes / Innovation 휴대폰 노트북 태블릿PC 스마트워치 악세서리 Total&nbsp:&nbsp&nbsp12 최신순&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp 낮은가격&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp 높은가.. 2021. 1. 15.
Prologue 프로젝트 기간 2020.12.01~ 2020.01.12 프로젝트 명 FineApple (전자제품 판매쇼핑몰) 프로젝트 인원 6명 주제 선정 이유 팀원들 대부분이 가장 무난하고도 배운 내용을 복습할 수 있는 프로젝트는 쇼핑몰이라고 생각했다. 쇼핑몰은 무난하지만 기능을 얼마나 추가하냐에 따라서 난이도가 높아질 수도 있기때문에 최소기능 구현 후에는 추가작업을 하려고 했다 차별성 가독성과 접근성 쇼핑몰에서 상품의 질과 가격도 중요하지만 접근성과 가독성도 무척 중요하다. 따라서 직관적이고 심플한 UI/UX를 구축하였고 다양한 기능들을 추가했다. 헤더에 상품 검색 기능, 사이트 맵, 메뉴 드롭다운 시 서브메뉴, 게시판 마다 있는 바로가기키 커뮤니케이션 고객과의 소통을 중요시하며 단방향이 아닌 양방향성의 의사소통을 .. 2021. 1. 15.
728x90
LIST