[팀] 당근마켓 카피

 

프로젝트 망고마켓
언어	Open JDK 1.8
개발 툴	Spring3, SQL Developer
프레임워크, 라이브러리	Mybatis, Maven
DB	Oracle 18 xe
개발 기간	2021-12-13 ~ 2022-01-07
개발 인원	5명

 

 

파이널 프로젝트 : 당근마켓 카피 사이트

 

내가 담당한 부분 : 고객센터 관련 전부

 

고객센터 메인 페이지

 

1대1 문의 버튼을 눌렀을시 나오는 문의 창

 

고객센터 메인 페이지의 주요 기능

- 상단 검색바를 통해 키워드를 통한 검색 가능

- 1대1 문의 버튼을 누르면 1대1 문의 창이 활성화 되고 개인적인 문의 가능.

- 돋보기, 별, 하트 등 각 아이콘에 마우스 올릴때 애니메이션 효과 부여

 

 

공지사항 주요 기능

- 일반적인 게시판 형태

- 관리자 권한을 가진 계정(맴버쉽 이라는 컬럼으로 권한 구별 가능) 만이 글 작성, 수정, 삭제가 가능하다.

- 내용 입력창 textarea를 사용하지 않고 CKEditor를 사용함.

- 파일 첨부 가능

- 글 리스트는 10개 마다 자동 페이징 처리.

 

자주 물어보는 질문

- Ajax를 이용한 게시판 형태

- 카테고리별 항목 분류 가능

- CKEditor 사용

- 10개 글마다 페이징 처리

- 부트스트랩의 아코디언 사용

- 각 아코디언은 동시 펼침 가능

 

- Ajax 활용한 게시판

- 각 아코디언은 하나만 펼칠 수 있음

- 글 작성할 때 설정한 기간이 지나면 자동으로 종료된 이벤트 쪽으로 글이 이동

<select id="listEvent" parameterType="map" resultType="com.sp.mango.csEvent.Event"> 
		SELECT * FROM (
			SELECT ROWNUM rnum, tb.* FROM (
				SELECT f.num, f.userId, subject, 
					TO_CHAR(f.reg_date, 'YYYY-MM-DD') reg_date, content, 
					TO_CHAR(f.start_date, 'YYYY-MM-DD') start_date, 
					TO_CHAR(f.end_date, 'YYYY-MM-DD') end_date,
					show
				FROM event f 
				JOIN member m ON f.userId=m.userId 
				<where>
					<if test="categoryNum == 1 ">
					   ( TO_DATE(TO_CHAR(SYSDATE, 'YYYYMMDD')) - TO_DATE(TO_CHAR(end_date, 'YYYYMMDD')) &lt;= 0 )
					</if>
					<if test="categoryNum == 2 ">
					   ( TO_DATE(TO_CHAR(SYSDATE, 'YYYYMMDD')) - TO_DATE(TO_CHAR(end_date, 'YYYYMMDD')) &gt; 0 )
					</if>	
				</where>
				ORDER BY num DESC 
			) tb WHERE ROWNUM &lt;= #{end}
		) WHERE rnum &gt;= #{start}
	</select>

리스트를 뿌리는 마이바티스 오라클 쿼리문

 

당근마켓의 이용가이드를 따라 만듬

 

관리자 페이지 - 고객센터 관리

- 1대1 문의로 들어온 내용들이 이 곳에 Ajax로 게시판 처리함.

- 첨부파일 아이콘 클릭으로 다운 가능

- 아이디, 이메일로 검색 가능

- 응답 구분에서 완료, 미완료 처리만 따로 볼 수  있음

- 완료, 미완료 처리는 상세 모달 페이지에서 함