부트스트랩
-
(박스몰 프로젝트) 5 - 기능 구상하기 + 고객센터 꾸미기개발/프로젝트 2024. 7. 31. 02:24
우선적으로 진행할 기능에 대한 DB에 필요한 항목을 대략적으로 생각해봤다. ■ DB 구상하기1. 로그인 * 회원 아이디 비밀번호 생년월일 우편주소 - 주소 API 휴대폰번호 이메일 서비스 이용 약관 동의 개인정보 수집 동의 회원등급 ( 개인회원 / 사업자회원 / 관리자) + SNS 간편 회원 가입 (로그인 API) *비회원 제품주문번호 이름 ※ 로그인의 경우 제품 특성상 비회원 주문도 많아, 비회원 주문도 고려한다. 2. Q&A 게시판 (게시판 아이콘화) -> 오늘 했다* 자주 묻는 질문 전체보기 주문/결제 배송문의 취소/반품/교환 상품문의 회원/기타문의 * 공지사항 번호 제목 등록일자 * 고객문의 번호 문의 유형(라디오 버튼) 제목 내용 작성자 비밀번호 * 견적문의※ 항목 생각해야 함 ■ 고객..
-
(박스몰 프로젝트) 4 - 메인 스와이프 + 부트스트랩 아이콘 및 css 적용개발/프로젝트 2024. 7. 30. 01:22
오늘은 간단하게 메인 스와이프 적용하고,부트스트랩 아이콘과 css 먹히는지 확인했다. 1. 메인 스와이프 pixabay에서 기업과 어울리는 이미지를 가져오고,스와이퍼 홈페이지를 통해 적용해 보았다. 적용 도중 사진에 보이는 화살표 표시가 맨 마지막 이미지에서만 위치가 달라졌는데확인해보니 마지막 이미지만 가로 스크롤이 생기는 문제임을 확인했고,이미지별로 크기가 달라서 나타나는 문제였다. 따라서 overflow 를 hidden 을 주어 해결했다. 그리고 기본적으로 Swiper 예시에는 이전 / 다음 / 페이지네이션이 이미지 안에 포함되는 형태가 아니였다.따라서 화면 확대하면 아이콘이 자기들 멋대로 날라다녔다. ㅎ; 해결하기 위해 스와이퍼 컨테이너(큰 영역) 포지션을 relative 처리하고,버튼 포지션..
-
(박스몰 프로젝트) 2 - 부트스트랩 연결하기 + 브랜드 로고 제작 + 파비콘 설정개발/프로젝트 2024. 7. 7. 23:24
DB Navigator 연결했으니 부트스트랩으로 디자인에 대한 부분을 덜고자 했다. (디자인 못하는 1인) https://startbootstrap.com/template/shop-homepage Start Bootstrap startbootstrap.com 제품 소개가 목적인 사이트이니 해당 부트스트랩 선택 후 진행했다. html 구조를 사용하는 인텔리제이로서 thymeleaf 사용하기로 했다.(배우면서 만들어야 할 듯..ㅎ) 우선 부트스트랩 압축 파일 풀어주고 다음에 적절하게 압춘 푼 파일 넣어줬다. 그런데 파비콘 경로는 제대로 불러오는데, css 와 js 못 불러오는 오류가 발생했다...ㅠㅠ 나의 친구 챗지피티에게 물어보니 원래 기본 세팅이 ../static/bootstrap ~~~ 이렇게 ..
-
(박스몰 프로젝트) 1 - 계획 세우기개발/프로젝트 2024. 7. 7. 20:14
개인 프로젝트 박스몰 웹페이지 만들기로 함 1. 개발의 범위 어느 정도 할 것인지?오랜만의 개발이므로 최소 필수 개발만 하되,필요 시, 기능 추가 예정 2. 제공해야 할 목록 [사용자단]- 회사 소개 ★ 박스 정보 제공용★ 박스 검색 ★ 계산 기능 제공 ★ 찜 기능 - 로그인 기능 제공 (간편 로그인 고민)- 비회원 주문- 회원가입- 질문 게시판 [관리자단]- 회원 승인- 회원 등급- 질문 확인 ※ 참고 페이지https://www.boxmall.net/product/product_list.php?code=000010http://www.boxcafe.co.kr/ 3. 세부계획사용자단 디자인 - 부트스트랩 사용개발언어 java개발툴 intellJ 계획은 이랬으나.. 실제로 인텔리J를 툴로서 스프링부트를 연..
-
(국비교육) 51 - 부트스트랩 2 + 모달 + json설정 + ajax + summernote + 네이버 smarteditor개발/국비교육 2023. 8. 10. 17:37
■ 부트스트랩 이어하기 초기설정을 해뒀기 때문에 resultType 을 BoardDTO 로 짧게 줄여쓸 수 있다. 모달에 해당하는 id 에 효과를 주면 버튼을 누르면 나오게 된다. 모달 크기를 크게 키울 수 있다. modal-footer 지우면 아래 버튼들 사라진다. 본문 내용이 나온다. 해당 첫 번째 값도 출력된다. 제목값도 뽑을 수 있다. 댓글 8개로 1자리로 1이 나온다. -comment : -를 붙이면 comment 길이 수만큼 뺀다는 것이다. 이렇게 설정하면 길이수만큼 slice 하게 돼서 댓글수는 표시 안할 수 있다. 단, 아래에도 공백을 주면 그 부분도 잡기 때문에 반드시 붙여서 작성해야 한다. 제목, 이름, 날짜, 읽은수 찍어준다. 내용은 ajax 로 가져올 예정이다. bno 값 나오는 것..
-
(국비교육) 50 - 이클립스 내부에서 DB 보기 + 스프링부트 + 부트스트랩 이용하기 + 모달 + 룸북개발/국비교육 2023. 8. 9. 17:27
■ 이클립스 내부에서 마리아 db 정보 보기 마리아 디비가 없어서 mysql 로 검색해도 나온다. 내가 사용하는 5.1 버전 클릭 JAR 에서 마리아 디비 넣어주기 드라이버 설정해주기 다음과 같이 연결된다. 명령주고 명령값 확인 가능 ■ 이클립스 내부에서 db DBeaver 정보보기 위에는 서버명, 밑에는 아이디 적어준다. 그대로 다운로드 연결확인 ■ 스프링부트 만들기 첫 인덱스 getmapping 처리하기 하위 경로에 있는 jsp 를 읽어들인다는 뜻이다. 다음과 같이 설정한다. 밑에 주석처리는 위에 runtimeOnly 와 내용 동일하기 때문에 주석처리한다. plugins { id 'java' id 'org.springframework.boot' version '2.7.14' id 'io.spring...