분류 전체보기

[JSP][도서쇼핑몰 프로젝트]#7.페이지 디자인 구상

안녕하세요! 오늘은 다음 페이지를 만들기 전에 그동안 만들었던 페이지들을 디자인을 해보려고 합니다. 현재까지 만든 페이지들은 메인페이지, 도서목록, 도서상세, 도서등록 페이지입니다. 저는 도서 쇼핑몰 프로젝트의 주제를 어린이 도서쇼핑몰로 잡았기 때문에 조금 귀여우면서 깔끔하게 꾸며주려고 하는데요! 디자인구상을 하면서 교보문고와 yes24를 참고하였는데, 깔끔하면서 배치되어 있는 것들이 좋다고 생각하여 두 사이트들을 참고예시로 잡았습니다. 그럼 이제 시작해볼까요? 🎨사용된 색상, #7AB730이 메인컬러입니다! #01. 시나리오 1. HOME(메인페이지) 메뉴바를 이용하여 페이지 이동 및 로그인/회원가입 가능 로고를 클릭하면 메인페이지로 돌아갈 수 있다. 검색기능 탭 메뉴를 활용하여 추천도서를 보여줍니다...

케일효능 및 부작용에 대해 알아보자!

케일은 녹황색 채소 중 베타카로틴 함량이 높은 채소인데요. 지중해가 원산지로 다양한 영양성분을 포함하고 있어 대표적인 슈퍼푸드 중 하나입니다. 국내에서는 잎이 넓고 평평한 모양으로 가장 쉽게 볼 수 있는 쌈케일과 마치 도톰하고 튼튼한 겨자잎처럼 잎이 곱슬곱슬한 곱슬 케일, 그리고 녹색과 적색을 함께 갖고 마치 상추처럼 겹겹이 자라는 꽃케일 등이 있습니다. 케일은 주로 쌈 채소나 샐러드, 녹즙으로 활용되지만 깻잎 김치처럼 케일 위에 양념장을 발라 먹는 케일 김치나 살짝 데쳐서 나물로, 또는 주스나 칩 등으로 다양하게 활용할 수 있는데요. 대부분의 채소류가 그렇듯 케일 역시 가열 시 비타민 등 유용한 영양소가 많이 파괴될 수 있기 때문에 가급적 생으로 먹는 것이 건강에 좋다고 합니다. 그럼 이제 케일의 효능..

[JSP][도서쇼핑몰 프로젝트]#6.상품등록데이터 유효성 검사&다국어 처리하기

안녕하세요! 오늘은 상품을 등록할 때 입력란에 원하는 항목을 정해두어 그것에 맞는지 유효성검사를 하는 기능과 한글/영어 왔다 갔다 할 수 있는 다국어 처리를 하려고 합니다. 그럼 진행 순서부터 알아볼까요? 📋순서 1. 유효성 검사를 위한 항목 작성 2. 도서 등록페이지 수정 3. 한글/영문 리소스번들 만들기 4. 상품등록 다국어 처리하기 5. 결과 #01. 유효성 검사를 위한 항목 작성해 주기 1-1. validation.js파일 생성 먼저 코드를 작성해 주기 전에 resources에 js폴더를 만들고 validation.js파일을 만들어 줍니다. 1-2. validation.js에 코드 작성해 주기 이렇게 파일을 만들어 주었으면 코드를 작성해 줄 건데요! 먼저, 유효성 검사는 도서 아이디, 도서명, 가..

[JSP][도서쇼핑몰 프로젝트]#5.상품이미지 등록하기

안녕하세요! 오늘은 도서상품 이미지를 넣어주려고 합니다. 이미지는 도서목록, 상세페이지, 도서등록 페이지에 넣어줄 것입니다. 도서 이미지를 넣어주면 해당도서가 어떤 것인지 아는데 도움이 되는데요! 진행 순서는 다음과 같습니다. 그럼 시작해 볼까요? 📋순서 1. 도서클래스에 코드 추가 2. 리소스폴더 만들기 3. 도서 이미지 업로드 4. 도서 정보 등록, 처리 페이지 수정하기 5. 결과 #01. 도서클래스에 변수 추가하기 상품이미지를 저장 및 관리를 해주기 위해 dto의 Product.java에 변수를 선언하고 Setter/Getter을 해줍니다. private String filename;//이미지 파일명 //이미지 등록 public String getFilename() { return filename;..

내장지방 빼는 음식에 대해 알아보자!

안녕하세요 오늘은 내장지방 빼는 음식에 대해 알아보려고 합니다! 복부지방 중 몸에 더 위험한 지방은 피부안쪽에 쌓이는 피하지방보다 내장에 쌓이는 내장지방이라고 하는데요! 지방을 빼는 데에는 유산소운동이 좋다는 것은 알고 있지만 실천해서 빼기까지는 쉽지 않은데요. 내장지방은 스트레스로 인해 식욕이 늘고 탄수화물 중독 등 잘못된 식습관으로 인해 생긴다고 합니다. 그렇다면 내장지방을 제거하기 위해 식단을 어떻게 바꾸고 관리를 해야 할까요? 1. 생강 생강은 체내의 열을 생성시켜 주어 체온을 높여주기 때문에 복부지방을 녹이는데 좋습니다. 찬 기운을 밖으로 내보내면서 동시에 따뜻한 기운이 체내에 머무를 수 있도록 해줍니다. 또한, 생강은 스트레스 분비 물질은 코르티솔을 낮춰주는 역할을 해주는데요. 코르티솔은 복부..

저작권 없는 무료 이미지 사이트 추천

안녕하세요 오늘은 저작권이 없으면서 무료로 이미지를 찾아서 사용할 수 있는 사이트에 대해 알아보려고 합니다. 블로그에 글을 쓰거나 콘텐츠를 만들 때 여러 가지 이미지들이 필요한 경우가 많은데요! 사진의 퀄리티도 좋으면서 많이들 사용하는 사이트에 대해 알아보겠습니다. 1. 픽사베이 (PIXABAY) ▶ URL: https://pixabay.com/ko/ 무료 이미지 사이트 중 가장 대표적인 곳인데요! 방대한 양의 이미지들이 있고 상업적인 용도로 자유롭게 사용할 수 있어서 많은 사람들이 애용하는 사이트 중 하나입니다. 한글 검색이 가능하기 때문에 빠르고 그때그때 이용하기 좋습니다. 픽사베이는 비디오 동영상도 제공하고 있기 때문에 이미지 뿐만 아니라 동영상도 필요하다면 아주 유용한 사이트라고 할 수 있습니다...

키위 효능, 부작용, 보관법, 활용법에 대해 알아보자!

키위열매는 갈색털로 덮여 있고 뉴질랜드에 서식하고 있는 '키위'라는 새와 닮아 키위라는 이름이 붙게 되었다고 합니다. 키위는 즙이 많고 단맛과 신맛이 적당해 상쾌한 맛입니다. 신맛을 좋아한다면 약간 단단할 때 먹을 수 있고, 달콤한 맛을 즐기고 싶다면 복숭아처럼 말랑말랑할 때 먹으면 됩니다. 키위는 사과보다 작아도 식이섬유로 꽉 찬 영양덩어리라고 할 수 있습니다. 키위에 든 식이섬유는 사과의 3배 수준이며 펙틴과 같은 가용성 식이섬유가 혈액에 녹아 당, 콜레스테롤과 같은 성분의 흡수를 지연시키는 효과가 있습니다. 반면, 불용성 식이섬유는 대장 속 노폐물이 잘 배출되도록 도와준다고 합니다. 또한, 키위는 나트륨은 적고 칼륨은 대단히 많아 고혈압 예방에도 좋습니다. 임산부들은 대개 임신 이전 4주부터 임신 ..

[JSP][도서쇼핑몰 프로젝트]#4.상품등록페이지 만들기

안녕하세요! 오늘은 도서상품을 등록하는 페이지를 만들어 보려고 합니다. 새로운 도서를 등록해주기 위해서 도서를 등록할 수 있는 페이지와 등록을 처리해주는 페이지를 새로 만들려고 합니다. 진행 순서는 다음과 같습니다. 그럼 시작해 볼까요? 📋 순서 1. 상품정보 등록 페이지 만들기 2. 신규데이터를 저장하는 메소드 만들기 3. 신규 상품 등록 처리페이지 4. 상품 목록, 상세페이지 수정 5. 결과 #01. 상품정보 등록페이지 만들기 addProduct.jsp를 새로 만들어주고 다음과 같이 작성해 줍니다. 입력된 데이터를 서버로 전송하여 폼 데이터를 처리하도록 form태그의 action과 method를 지정해 주었습니다. ▶ addProduct.jsp 도서등록 도서코드 도서명 가격 상세정보 저자 출판사 분류..

[JSP][도서쇼핑몰 프로젝트]#3.상품상세 페이지 만들기

안녕하세요! 오늘은 도서상품목록에서 상품을 클릭했을 때 상세페이지를 보여주도록 만들려고 합니다. 기존 목록페이지에서 상세페이지로 넘어가는 버튼을 만들어주고 상품아이디에 맞는 페이지를 출력해주고자 합니다. 순서는 다음과 같고 마지막에 출력결과를 확인할 수 있습니다. 📋 순서 1. 상품상세정보를 가져오는 메소드 2. 상세페이지 버튼 만들기 3. 상품 상세 정보페이지 만들기 4. 실행결과 #01. 상품 상세 정보를 가져오는 메소드 만들기 ProductRepository클래스 안에 BookId를 찾고 가져오는 코드를 작성합니다. 객체 변수 listOfProducts에 저장된 모든 상품목록에서 북아이디와 일치하는 상품을 가져오는 getProductById()메소드를 작성하여 줍니다. 이때, for문을 이용하여 저..

딸기 효능, 고르는 법에 대해알아보자!

안녕하세요 오늘은 겨울, 봄 제철과일인 딸기에 대해 알아보려고 합니다. 딸기는 향도 좋고 새콤 달콤한 맛으로 남녀노소 모두에게 인기가 좋은 과일 중 하나인데요! 매년 겨울이 되면 딸기를 이용한 디저트와 음료, 요리 등이 많이 출시가 됩니다. 딸기의 가장 큰 효능은 비타민C가 풍부하다는 것일 것 같은데요. 딸기는 고대에서 "만병통치약"으로 불릴 만큼 효능이 뛰어났다고 합니다. 그럼 딸기의 효능에 대해 알아보러 가볼까요? 1. 비타민C 풍부 딸기에는 비타민C가 풍부하여 자외선에 의한 피부 손상을 막아 얼굴의 색소침착과 주근깨 개선에 도움이 되고 세포가 노화되는 것을 막아주어 콜라겐 합성에 도움을 줍니다. 콜라겐이 부족하면 피부탄력이 떨어지고 손발톱이 얇아지며 탈모가 생길 수 있다고 하니 비타민C를 꾸준히 챙..