Validator의 MessageSource 미출력에 대한 문제를 해결하면서 Error message가 눈에 잘 띄도록 CSS를 적용하고 싶었습니다. Youtube를 참고하다 그만 예뻐보이는 UI에 현혹돼 전체적인 CSS를 변경해주었습니다. CSS 지식이 얕아서 영상보면서 모르는 부분은 구글링해가며 따라한다고 시간이 생각보다 오래 걸렸습니다. 그리고 Validator를 Front JavaScript로 처리해줄 수 있더라구요. Error 발생할 때 조금 더 UI에 alert를 줄 수 있다는 장점이 있어서 공백이나, 비밀번호 확인, 이메일 양식까지는 가능하길래 그렇게 하려다 중복된 이메일 검증은 DB를 거쳐야 되기 때문에 Back으로 되돌아왔습니다. 세부사항들을 모두 고려하지 못해 처리하는 위치를 왔다갔다 ..

예상보다 시간이 남아 MessageSource가 출력되지 않는 오류를 잡아주기로 했습니다. 먼저 MessageSource 클래스란 properties 형식의 파일에 messageVariant(변수)와 messageContext(내용)을 작성해두면 JSP파일과 Validator의 Error 객체 등 Spring 내에서 messageVariant를 이용해 내용을 호출시킬 수 있어 편리합니다. Messages_ko_KR.properties 코드 #category digital = 디지털/가전 furniture = 가구/인테리어 kids = 유아동/유아도서 lifestyle = 생활/가공식품 sports = 스포츠/레저 womengoods = 여성잡화 womenclothes = 여성의류 menclothes = ..

등록된 판매 상품들의 썸네일이 메인페이지에 모두 배치된 것처럼, 카테고리별 페이지마다 상품 썸네일들을 배치시키는 작업을 했습니다. Service, Model, Controller가 메인페이지에 했던 것과 동일하며(참고링크) SQL문 WHERE절로 카테고리명이 추가됐고, Controller가 URL에서 바로 카테고리명을 받아 Service에 전달해줄 수 있게 DB:영문- VIEW:한글로 DB에 저장되는 카테고리 데이터 타입을 영문으로 변경해줬습니다. URL에 한글이 들어가면 문자가 깨질 수 있고 통일성이 없어보이기 때문입니다. CategoryProductList - SQL문 코드 #{pr_category}는 Spring 내 같은 이름을 가진 변수가 있다면 알아서 주입시켜줍니다. 갓Spring... SELE..

등록한 상품 정보를 전달하는 판매 게시글 페이지를 구현했습니다. 생각해보니 개별 상품 페이지는 등록된 상품들을 엮은 책에서 읽고 싶은 부분만 찾아 한번에 볼 수 있는 책갈피 기능이라, '책'(썸네일 페이지)을 먼저 만들어줘야 되겠더라구요. 그래서 메인페이지의 썸네일에 상품 id를 추가해 클릭 시 URI에 id가 붙도록 ProductList.jsp와 ProductInfoController를 구현해줬습니다. ProductInfoController - ProductList 코드 Controller에 Model 객체를 parameter로 추가해준 이유는 Service에서 등록된 상품 정보인 Product 객체를 List에 저장해 반환하는 SQL문을 실행하고 ProductList에 전달해줘야 ProductList..

요약 NEXT TODO: 판매 게시글 페이지 - Service, Controller 구현. Product DB 수정 진행사항 Agenda: 판매 상품 게시글 페이지 구상 레퍼런스: 당근마켓 DB Product DB: IMG, Nickname, Region, Title, Category, Price, Detail, Date + (New) id(for Product board) (New) Board DB: 찜(Bookmark), 조회수(viewCount) Route 게시글에 접근 가능한 경로: 검색(Search), 메인페이지(Recommendation), 카테고리(Category) 썸네일이 있는 게시글일 뿐이다. Page 상품 등록하기 클릭 → .jsp 생성 → 메인 페이지 썸네일 생성, 게시글 생성 Pag..

2020.12.23 1차 완성이란 타이틀로 업로드한 게시글이 있는데 오늘에야 판매하기 페이지 1차 완성할 수 있었다. 단일 파일을 여러 개 업로드 하는 기능이 이렇게 어려울 줄 몰랐다. 그래서 상품 판매 게시글 페이지 구상은 따로 업로드할 예정이고 본 글에선 해당 기능 구현이 어떤 과정을 거쳐 이제서야 어떻게 완성을 시켰는지 자세히 다루겠다. 구글링 해보면 사용자가 여러 파일을 업로드 할 경우 형태로 태그를 만들고 로 폼 데이터가 submit 될 때 파일 데이터가 Controller에서 받아줄 수 있도록 인코딩 되는 형식을 설정해주었다. 또는 을 여러개 만들어 첨부파일 버튼이 업로드 파일 수 만큼 노출되도록 구현해줬다. 그러나 내가 원하는 것은 하나의 버튼으로 판매상품 이미지 파일들을 하나씩 업로드하고 ..