개발/프로젝트
-
(박스몰 프로젝트) 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 처리하고,버튼 포지션..
-
(박스몰 프로젝트) 3 - 인텔리제이 thymeleaf + mysql + mybatis DB 연결하기개발/프로젝트 2024. 7. 19. 01:14
★ 오늘의 할 일1. 서버 데이터값 출력해보기 서버 데이터값 출력을 위해 질문게시판 qnaboard db를 만들었다. 오늘은 서버 연결 후 값 출력이 목표이기 때문에 정말 데이터 확인용으로 만들었다. DB는 MySQL 로 설정했고, MyBatis 로 자바 코드와 SQL 쿼리 분리하여 xml 파일로 진행하고자 했다. 화면 구조는 다음과 같이 기능별로 패키지를 나눴다. 객체를 다음과 같이 만들과 getter/setter 도 만들어줬다.인텔리제이 단축키가 참 편한 거 같다.. ㅎ 컨트롤러 만들고 서비스 만들고,신기한 건 이전에는 아무 생각 없이 Repository 만들고 했는데 Mapper 를 연결시켜서 한다고 한다. 이렇게 매퍼 인터페이스도 만들면 다음과 같이 매퍼 설정해주면 된다..
-
(박스몰 프로젝트) 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를 툴로서 스프링부트를 연..
-
(기업프로젝트) 4 - 유라클 프로젝트 git 교육개발/프로젝트 2023. 10. 16. 14:09
■ 오늘 배울 내용 1. GIT / GITHUB 2. Morpheus 프로젝트 안드로이드 아이콘적용 3. Vue3 / Vee-Validate (유효성 체크) 4. 이미지 업로드(모피어스) 5. 팀별로 면담 ■ git / github 란? 분산 버전관리 시스템 작업하던 시점에 대해 일정한 버전을 관리하기 위한 시스템 ex) 대학교 ac.kr -> 대학교별 학생 계정 만들면 좋다. 1. intelij - IDE학생계정 2. terminus - 터미널(SSH) 학생계정 3. 노션 - 게시판 학생계정 GITHUB - Group - Repository (서버와 ui 나눌 수 있다.) - api server - ui GIT 1. branch (main) 작업공간 -> 여러개의 브런치를 생성할 수 있다. 2. tag..
-
(기업프로젝트) 2 - 유라클 프로젝트 실습교육개발/프로젝트 2023. 10. 12. 17:56
■ TEMURIN 다운로드 JDK : 자바 개발 환경 JRE : 자바 실행 환경 https://adoptium.net/temurin/releases/ Latest Releases | Adoptium adoptium.net ■ 롬복 설치하기 https://projectlombok.org/download Download projectlombok.org 이클립스 선택 후 install 클릭 환경변수 경로에 넣어주기 ■ get 방식 사용자 요청 시 http 프로토콜 요청을 한다. 1. Get : 메세지 바디 쓰지 않는다. 1) query - parameter 방식 (조건) key value end 방식 ex) naver.com?key=value&... 페이지를 보여줄 때 많이 보여줌 page=1 2) path-..