Tiny Bunny
본문 바로가기

프로젝트/Team20

IMMusic Project(20) - Press 페이지네이션, 이미지 첨부, 수정 기능 press list pagination / image 첨부페이지 당 보여줄 게시글 설정하여 페이지네이션 가능하도록게시글에 해당하는 파일을 찾아서 보여주기// image // paginationpublic Page(int articlesCount, int page) { // 페이지네이션 한 페이지에 보여줄 게시글 수 this.itemsInAPage = 6; // 페이지네이션 전체 버튼 수 this.totalPage = (int) Math.ceil((double) articlesCount / itemsInAPage); // 페이지네이션 한 페이지 버튼 수 this.pageSize = 5; // 페이지네이션 한 페이지 버튼 첫번째와 마지막 수 this.from = ((page - 1) / .. 2024. 5. 8.
IMMusic Project(19) - 관리자 페이지 구현 앨범 슬라이더에서 hover 효과 넣기➡️ relative 에 맞춰서 높이, 너비 지정하고 배경 효과 넣고 앨범명 주기 🚨 문제🚨관리자 권한 별 페이지를 잊고 있었다..?!관리자가 press crud를 할 수 있어야 하는데....급하게 시작(modify UI 수정필요)글 작성 시 첨부파일 넣을 때 파일 input에 파일명 지정 확인 필요!첨부 이미지 확인해서 detail에 보여줘야함 -> 아니면 기본이 *^^*인데 press에 첨부파일 갯수 확인해서 보여줄지에 대해 정하기  📝 19일차 회의록https://docs.google.com/document/d/1ynLN04OanmWzMqy2NopRYjRdAKMxntWWcVTPJ_A9_hA/edit 2024. 5. 7.
IMMusic Project(18) - 문의완료 페이지 main css 수정 > 배경에 글씨 얹기접수문의 후 완료 페이지문의자/관리자 문자메시지 내용 수정 필요  📝 18일차 회의록https://docs.google.com/document/d/1SaB4k3AsZ1Rr4KXIRxomULf9nbmVFp8XGTO962L3FC8/edit#heading=h.lntg56ljm653 2024. 5. 3.
IMMusic Project(17) - Main Intro main에서 크롤링을 하는데 크롤링 하는 동안의 로딩시간에 intro가 진행될 수 있도록!ajax를 이용해서 main 들어갈 때 크롤링 할 수 있도록$(document).ready(function() { // AJAX 요청을 보냅니다. $.ajax({ url: "/usr/home/crawl", type: "GET", success: function(data) { console.log("data: "+ data); // 받은 데이터를 이용하여 HTML을 생성합니다. var html = ""; data.forEach(function(blog) { v.. 2024. 5. 2.
IMMusic Project(16) - Naver crawling 어제에 이어 이미지를 긁어오기는 실패! 이런저런 방식을 다 써봐도 이미지를 찾아오질 못한다...ㅠㅠ😥대신 글 목록으로 보여주려고 한다!하나의 항목들이 한줄에 담긴 개수만큼의 태그로 묶여있고 그 안에 존재하는 형식#contentslist_block > div.list_block__XlpUJ > div > div.list__A6ta5 > ul > li:nth-child(1) > div:nth-child(1)#contentslist_block > div.list_block__XlpUJ > div > div.list__A6ta5 > ul > li:nth-child(1) > div:nth-child(2)#contentslist_block > div.list_block__XlpUJ > div > div.list_.. 2024. 4. 30.
IMMusic Project(15) - contactUs 완성, Naver blog crawling contactUs페이지 개발자 명함 구현 완료.card--2 .card_img, .card--2 .card_img--hover { background-image:url('); background-size: cover; background-repeat: no-repeat; width: 100%; height: 235px;}.card_info-hover { position: absolute; padding: 16px; width: 100%; opacity: 0; top: 0;} ➡ 카드 hover시 설정 main 블로그 크롤링노란 부분에 해당하는 영역의 날짜, 이미지, 제목, 내용을 따올건데이미지를 가져오는 부분이 이상해서 계속 찾고 있는데 이상하다ㅠ항목#contentslist.. 2024. 4. 30.
IMMusic Project(14) - contactUs 페이지 구현 문의 페이지 UI 수정문자 내용 변경[IMMusic&Art] 2024-04-25 05:15 000님의 00문의가 완료되었습니다. 검토 후 연락드리겠습니다.​➡️ 시점을 알려주기 위해서LocalDateTime now = LocalDateTime.now(); // 날짜와 시간 정보를 저장하는 객체DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss");String timestamp = now.format(formatter);​➡️ 날짜와 시간 정보개발자 ContactUs 참고페이지  3D flip card Hover Effect using CSS3D flip card Hover Effect using CSS...codep.. 2024. 4. 26.
IMMusic Project(13) - 문자메시지 api, 파일업로드 연주 문의 or 연주자 가입신청 완료 시 완료 문자를 보내고 싶다!문의할때의 연락처로 문자를 보내줄거야 coolsms - Java 문자메세지 전송수많은 방법들이 있었는데 가장 간단하게 해결한 방법이다....![coolsms] 웹에서 메세지 전송을 할 수 있는 api 세상에서 가장 안정적이고 빠른 메시지 발송 플랫폼 - 쿨에스엠에스손쉬운 결제 전용ohyohyo.tistory.com연주자 가입 신청 시 프로필 사진, 연주 이력에 대한 파일을 첨부 시키는데 이 파일들을 로컬에 저장시켜야해  📝 13일차 회의록https://docs.google.com/document/d/1KPEnE8sUR_Y-bmSPBqxabkYs78yGbKlGTg7hmgjbVYw/edit 2024. 4. 25.
IMMusic Project(12) - 1차 구현 ContactUs 1차 완료연주 문의연주자 가입수정사항항목간 간격 넓게문의 선택 radio box 간격 넓게 📝 12일차 회의록https://docs.google.com/document/d/1UFTaLlUEjYiEM-MDfxiNiV6lP7jPZQH3ktCHqshJxRM/edit 2024. 4. 25.