SlideShare a Scribd company logo
semi index.jsp 1	/	10
index.jsp 회원가입이용후기 로그인장바구니헤어상품
커트!
펌!
삼평동으로!
	 	
	 	
팀원소개
지도
로그인없시장바구니진입시
alert()으로알려주고로그인폼으로보낸다
semi hair_cart.jsp 2	/	10
hair_cart.jsp
이미지 상품명 수량 판매가격
   
   
   
총합  총수량자바스크립트로연산 총가격을자바스크립트로연산
‒
‒
‒
상품상세보기에서
선택한수량그대로가져온
다
쇼핑하기 예약하기
클릭시hair_list.jsp로이동 추가구현사항
click시예약하기로이동
hair_reserve.jsp
추가구현실패시DB에만void로반영
+‒ 1
헤어상품 장바구니 이용후기 로그인 회원가입
이미지클릭시상품상세보기
hair_detail.jsp로이동
semi hair_detail.jsp 3	/	10
hair_detail.jsp
이미지클릭시
상세정보페이지로
이동한다
hair_detail.jsp
헤어상품 헤어상품 헤어상품
헤어상품
헤어상품
헤어상품 헤어상품
상품명클릭시자바스크립트이용
숨겨진상세정보를보여준다
4X4액자적용
헤어상품 장바구니 이용후기 로그인 회원가입
semi hair_list.jsp 4	/	10
hair_list.jsp
상품이름 
가격 
상세정보 
수량 
장바구니 예약하기
로그인이되어있지않다면
alert후!
로그인폼으로보낸다
그후로그인성공위치는미정
예약성공후void로DB반영만체크하며
그후페이지반영은추가구현
alert창
장바구니보기
상품이담겼습니다
장바구니로이동하시겠습니까?
OK Cancel
현위치머물기
click시
cart_hair.jsp로이동
헤어상품 장바구니 이용후기 로그인 회원가입
semi login.jsp 5	/	10
login.jsp
현위치에
계속머문다
실패시폼리셋후
포커스
성공시index.jsp로
이동한다
••••
ID
로그인 회원가입
헤더에자바스크립트hide적용하여로그
인폼을숨기기추가구현으로빠짐
Ajax적용
alert아닌화면에실패시
알림
상황안좋을시에는alert
헤어상품 장바구니 이용후기 로그인 회원가입
semi register.jsp 6	/	10
register.jsp
중북확인시alert이아닌
Ajax적용하여본문에다가
알려주고해당텍스트리셋
후포커스적용한다.
실패시추가구현으로빼고
alert적용
아이디
비밀번호
이름
abc
0000 0000
@ 이메일선택
회원가입
취소
중복확인
회원가입성공시
alert활용
취소클릭시index.jsp이동
확인클릭시
index.jsp로이동
XXX님
회원가입을축하합니다.
확인
헤어상품 장바구니 이용후기 로그인 회원가입
010
inputtext입력양식빈값체크시
HTML5기능required이용하여
적용
semi review_board.jsp 7	/	10
review_board.jsp
회원일경우에만보이는버튼
NO 제목 작성자 날짜 조회수
   
    
    
    
    
    
 1 2 3 4  글쓰기
회원이클릭하면
review_postiong.jsp로이동
헤어상품 장바구니 이용후기 로그인 회원가입
이용후기를
작성하는게시판
추가구현시간생길시에는
글쓰기버튼을열어놓고
회원아닐시에로그인페이지로넘겨버린
다
semi review_content.jsp 8	/	10
review_content.jsp
review_board.jsp로이동
내용
제목
목록 수정 삭제
2016-10-18 조회수1
no.99 id삼평동
수정and삭제모두
클릭시alert을띄운다
해당작업수행후
review_board.jsp로
이동
수정or삭제
하시겠습니까?
OKCancel
그냥
alert창닫기
헤어상품 장바구니 이용후기 로그인 회원가입
semi review_update.jsp 9	/	10
review_update.jsp
수정완료후
alert()을띄운다
수정가능한것은
오로지제목과내용뿐
제목
수정완료
날짜(수정불가) 조회수(수정불가)
no.99 id삼평동
헤어상품 장바구니 이용후기 로그인 회원가입
review_content.jsp로이동
수정하시겠습니까?
OK창닫기
semi review_posting.jsp 10	/	10
review_posting.jsp
내용작성
글작성후
review_detail로이동
제목
id삼평동
글쓰기 취소
클릭시목록
review_board.jsp로이동
헤어상품 장바구니 이용후기 로그인 회원가입

More Related Content

Featured

Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Project for Public Spaces & National Center for Biking and Walking
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference
 

Featured (20)

Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 

SemiProject