FoodMall 프로젝트

2021년 10월 중순부터 12월 초까지 한달반 정도의 기간을 두고 진행했던 저의 첫 프로젝트입니다.

Thymeleaf는 spring MVC에서 뷰(View)를 담당하는 라이브러리로 흔히 뷰 템블릿(view template)으로 불린다.

이벤트 페이지를 만들면서 알게된 지식에 대해 작성하였다.

이미지를 겹치게 만드는것으로 position과 z-index을 꼭 해줘야 한다. 먼저 간략하게 설명하자면, position은 요소의 위치를 정해주고, z-index는 요소의 수직위치를 정해준다.

상품목록 페이지를 구성하면서 생각한 내용을 정리하였다.

프로젝트를 맨처음 만들기 시작할때, 이러한 프로젝트가 처음이다보니 모든것이 새로웠지만, 가장 와닿았던것은 Ajax였다.

사실, 엄청 간단한데 정확히 알지 못하면 제대로 쓰지 못하고 헷갈려하는 경우가 있어서 정리해본다. get과 post 방식 둘다 HTTP프로토콜을 이용해서 서버에 무언가를 전달할 때 사용하는 방식이다.

상품목록의 중심이 되는 기능들에 대해 설명해좋아요 기능과 장바구니 기능은 아이콘 이미지만 다를뿐 기능을 만들어낸 방법은 똑같다. 따라서 좋아요 기능만을 설명하도록 하겠다.

DAO, DTO, Entity의 차이에 대해 정리하였다.

페이징 처리하는 서비스를 보면 @Transactional 이 붙어있다. 이게 무엇일까? 간단하게 말하면, 트랜잭션은 데이터베이스의 상태를 변환시키는 하나의 논리적 기능을 수행하기 위한 작업의 단위 또는 한꺼번에 모두 수행되어야 할 일련의 연산들을 의미한다.

페이징이란 주로 상품목록의 젤 밑에 존재하는 페이지들을 볼 수 있게 하는 기능이다.

홈, 신상품, 베스트, 이벤트 페이지의 페이징 구현에 대해 설명하였습니다.

모든 페이지에 다 적용되는 것이 사이드바이다. 네비게이션바라고 할 수 있다. 각 아이콘이나 글자( ex) 홈, 신상품,베스트,,, )를 누르면 해당 페이지로 넘어가도록 되어 있다. 사이바에서 주목해야 할 점은 로그인 여부에 따라 일정 부분 바뀔점이 있다는 점이다.

홈화면에서 광고를 위해 흔히 쓰는 슬라이드에 대해 설명하려고 한다.