본문 바로가기

전체 글

 (374)
12일차 - 면책공고, 유한책임, 개인정보처리방침, 이메일무단수집거부 페이지 구현 ▶ 굳이 필요없는 페이지지만 이런게 디테일이라고 생각이 들어서 제작한 푸터의 아이들▶ jsp, css는 굳이 안올려도 될 거 같아서 생략
11일차 - 공지사항, 고객센터 페이지 구현 (목록, 글쓰기, 상세보기) [ 고객센터 목록 페이지 ] - 공지사항과 페이지가 동일해서 고객센터만 첨부▶ 기본 게시판 구현▶ 글쓰기 버튼, 페이지 이동, 현재 페이지 표시  [ 고객센터 상세보기 페이지 ]▶ 답변부분▶ 목록와 수정 버튼 추가  [ 고객센터 글쓰기 페이지 ]▶ 기본적인 게시판 글쓰기 디자인  cs.jsp Customer Service Center 고객센터 의뢰자 AI 간편상담 변호사 공지사항 고객센터 고객센터 No 제목 작성자 작성일 ${csList.id} ${csList.title} ${csList..
10일차 - AI 간편상담 페이지 구현 ▶ AI 간편상담에 대화창 하나만 있으니까 허전해 보여서 가운데로 시선이 집중 될 수 있게 gif를 사용하였다.  chatBot.jsp / css AI Consultation AI 간편상담 의뢰자 AI 간편상담 변호사 공지사항 고객센터 ..
9일차 - 의뢰자 페이지 화면 구현 (목록, 글쓰기) [ 의뢰자 목록 페이지 ]▶ 변호사 매칭 홈페이지라 가벼운 느낌을 주면 안될 거 같아서 상단에 이미지로 배경을 주고 그 밑으로 서브 네비를 주어 헤더까지 스크롤을 올리지 않아도 이동할 수 있게 사용자 편의성을 추가▶ 서브 네비에 현재 페이지가 어디인지 메인 색상을 사용하여 표시▶ 글쓰기 버튼과 페이지 이동 버튼도 메인색상을 사용하여, 현재 페이지가 어디인지 표시 [ 의뢰자 글쓰기 페이지 ]▶ 전체적으로 input을 사용하면 가로값과 높이값을 동일하게 사용하여 통일감을 주었다.▶ 셀렉박스와 버튼들은 오른쪽으로 배치▶ 동영상을 올릴 수 있는 페이지이기 때문에 type -> file 설정 BoardList.jsp Client ..
8일차 - header, footer (2) 최종 ▶ 처음 구현한 페이지는 기존 폰트 색상 검정색에 스크롤을 내리면 흰색으로 바뀌게 구현해 두었는데 메인이 살짝 어두운 느낌이라 폰트 색상을 흰색으로 변경  ▶ 기존 헤더 폰트 색상이 흰색인데 서브 페이지 로그인, 회원가입, 일반 회원가입, 변호사 회원가입 페이지도 배경색이 흰색이라 색상이 안보이는 이슈가 발생▶ 서브헤더를 새로 만들어서 서브 페이지 로그인, 회원가입, 일반 회원가입, 변호사 회원가입는 서브헤더를 includ  ▶ 헤더에 모바일 메뉴인 햄버거 버튼 구현▶ 햄버거 버튼을 클릭하면 full 화면으로 채워지게 구성  ▶ 푸터는 기존 색상에서 좀 더 진하게 구성하였다  header.jsp ..
7일차 - header, footer (1) header.jsp logo 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5   footer.cssfooter{ width: 100%; padding: 100px 0; background-color: #999;}#in--footer{ width: 90%; margin: auto;}..
6일차 - DB 활용한 chart.js 차트 그리기(2) chart.xml SELECT lt.aslt_vtr_nm AS 'asltVtrNm', SUM(ct.dth_dnv_cnt) AS 'dthDnvCnt', SUM(ct.injpsn_cnt) AS 'injpsnCnt', SUM(ct.se_dnv_cnt) AS 'seDnvCnt' FROM crushApi_tb AS ct LEFT JOIN lawViolation_tb as lt ON ct.aslt_vtr_cd = lt.aslt_vtr_cd GROUP BY ct.aslt_vtr_cd, lt.aslt_vtr_nm ORDER BY lt.aslt_vtr_nm ASC    Acci..
5일차 - DB 활용한 chart.js 차트 그리기(1) ▶ 밀어넣은 데이터를 활용해서 chart 그리기  ChartControllerpackage com.carblre.controller;import com.carblre.repository.model.DeathToYearCountDTO;import com.carblre.service.ChartService;import com.fasterxml.jackson.core.JsonProcessingException;import com.fasterxml.jackson.databind.ObjectMapper;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import o..
728x90

티스토리툴바