개발
-
(박스몰 프로젝트) 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를 툴로서 스프링부트를 연..
-
(김영한의 자바 입문) 3 - 내용 정리개발/Java 2024. 5. 28. 13:47
※ 입문의 경우 기초적인 내용이 많아 참고하면 좋을 내용이나 까먹었던 내용 위주로 적는다. ※ [ ] 내용은 강의 자료 번호 및 목차를 나타낸다. [3. 연산자]0으로 나누기는 수학에서 허용하지 않아 프로그래밍에서도 작동하지 않는다..equals() : 문자열 비교 메서드 [6. 스코프, 형변환]* 형변환(Casting) : 금속이나 다른 물질을 녹여서 특정한 형태나 모양으로 만드는 과정을 의미한다.형변환은 묵시적 vs 명시적 형변환이 있다. 개발자가 직접 형변환을 하는 것이 명시적 형변환이다. ex) double doubleValue = 1.5;int intvalue = 0; intValue = (int) doubleValue; 만약 기존 범위를 초과해서 표현하게 되면 - 로 전혀 다른 숫..
-
(개발지식) 13 - 인텔리제이 단축키(윈도우 기준)개발/개발지식 2024. 4. 8. 16:57
■ 인텔리제이 단축키ctrl + w : 줄 선택 shift + f10 : 이전 실행 다시 하기 shift + f6 : 변수 한 번에 변경하기 ★ alt + insert : 생성자 생성하기 ★ soutv : syso + result ctrl + e : 최근 봤던 파일 목록 보기 + 해당 화면에서 enter 시 그전 화면으로 돌아감 alt + enter : 람다로 바꾸기, 만약 없는 메서드에서 치면 메서드 만들어주기 ctrl + n : 파일 찾기 ctrl + alt + n : 줄 합치기 psvm : main 실행문 만들기 ctrl + shift + f10 : 현재 코드 다시 실행하기 ★ ctrl + shift + enter : 자동으로 ; 넣어주기 ★ alt + enter : class 파일명 바꾸기 ..
-
(git) 3 - github 기본개발/git 2024. 4. 4. 10:56
■ git 기본 세팅 git config --list : 깃 관련된 환경 설정 확인 가능 git config --global -e : 에디터에서 확인하기 (나가는 방법은 esc 누르고 :q! 누르기) code . : visual studio 열기 git config --global core.editor "code" : 에디터 창에 git config 띄워짐 git config --global user.name '이름' : 글로벌 이름 설정 git config --global user.email '이메일" git config user.name : 이름 확인 git config user.email : 이메일 확인 git config --global core.autocrlf true : \r 삭제하기 ※ gi..