TIL/2023.6월(20)
-
TIL 최종프로젝트(18) 배포전 수정2
2023.07.03 { const event_id = parseInt(element.id, 10); const token = localStorage.getItem("access"); if (payload) { try { const bookmarkResponse = await fetch(`${backend_base_url}/events/${event_id}/bookmark/`, { method: 'POST', headers: { "Authorization": `Bearer ${token}` } }); const bookmarkData = await bookmarkResponse.json(); alert(bookmarkData.message); } catch (error) { console.error('Er..
2023.07.04 -
TIL 최종프로젝트(17) 배포 전 수정
2023.06.29 목 배포 전 페이지를 사용해보며, 수정사항을 찾고 수정하는 작업을 했습니다. index.html 1.margin bottom profile-eventbookmark.html 2.행사 카드에 커서 포인트 주기 ‘’ 3.해당 공연 이미지로 변경 필요 현재는 디폴트 이미지가 출력 event.html 4.main-page 공간 이미지에도 불투명도 검은 배경 깔아주기 event-detail.html 5.비로그인 댓글 입력 시도 시 경고문 추가 index.html 6.margin bottom 설정필요!(큐레이션 항목이 네비바에 가려지는 문제)7.비로그인시 좋아요 아이콘 이미지가 이상 8.좋아요, 북마크 아이콘 클릭 시 행사 상세페이지로 이동 9.커서 포인트 수정 필요 1.margin bottom..
2023.06.29 -
TIL 최종프로젝트(16) 제네릭 사용 시 주의
2023.06.28 수 최근 저를 괴롭혀오던 녀석이 있었습니다. 로컬환경에서는 아무 이상없이 이미지를 가져오지만, 배포 환경에서는 이상하게 이미지를 가져오지 못하는 문제가 있었습니다. 다행히 문제점은 금방 발견하였습니다. 이미지 출력에 이상이 생긴 부분은 행사 리스트 페이지와 해당 행사의 리뷰를 출력하는 부분이였습니다. 행사 상세 페이지에서는 이 문제가 발생하지 않았고 차이가 발생하는 곳에서 console.log를 찍어보니 가져오는 이미지의 형태에서 차이가 발생하였습니다. 행사 리스트 페이지와 리뷰에서는 "http://127.0.0.1:8000/media/2023/06/%EA%B2%BD%EB%B3%B5%EA%B6%813_NgdwzX4.jpg" 행사 상세 페이지에서는 /media/2023/06/%EA%B2..
2023.06.28 -
TIL 최종프로젝트(15) 프론트엔드 수정
2023.06.28 수 { (코드생략) const get_event_start_date = element.event_start_date; const get_event_end_date = element.event_end_date; (코드생략) const currentDate = new Date(); const eventStart = new Date(get_event_start_date); const eventEnd = new Date(get_event_end_date); const oneDay = 24 * 60 * 60 * 1000; const diffDaysStart = Math.round(Math.abs((currentDate - eventStart) / oneDay)); const diffDaysEn..
2023.06.28 -
TIL 최종프로젝트(14) 코드 업그레이드?
2023.06.27, 화 가장 간단하게 구현이 가능합니다, 티켓이야 어드민이 생성해주어야 하기 때문에 공연 날짜 범위를 벗어나면 vaild에서 막히게 됩니다. ->삭제는 별도로 해주어야 합니다, 백엔드에서는 별다른 기능없이 그냥 표시만 합니다. ->프론트에서 해당 status를 가진 객체는 선별하여 행사 리스트 출력 시 제외시킵니다. [장점] 간단함 [단점] 간단함 2.Django Apscheduler 사용 -js의 크론탭처럼 작동 시간을 정해주면 매 번 그 작업을 반복하여 수행합니다, 이를 통해 티켓 자동생성, status가 False인 행사 자동 삭제 등 많은 부분에서 관리를 편리하게 만들어 줍니다. 방법을 찾아보고 어떻게 적용할까 생각하더 중 몇가지 문제가 생겼습니다. -티켓을 생성할 때, 이미 티..
2023.06.28 -
TIL 최종프로젝트(13) 즐거운 css(사실아님)
2023.06.23 금 오늘 한 일 1. 북마크, 좋아요 유무에 따라 해당 아이콘 이미지를 구분하여 사용자 편리성을 높임 2. 공연 리스트에서 상세 페이지로 이동하기 위해 해당 공연의 이미지를 클릭 할 때, 마우스 커서 기능을 사용하여, 이동 가능 위치와 그렇지 않은 위치를 구분하여 사용자 편리성을 높임 3. 삭제하기 버튼 css를 추가하여 좀 더 나은 페이지를 만듬 -북마크, 좋아요 유무에 따라 해당 아이콘 이미지를 구분하여 사용자 편리성을 높임 하는 방법을 찾다가 이미 구현해주신 팀원분의 것을 가져와, 조금 변경하여 사용했습니다. #좋아요 heartElement.className = 'heart'; heartIconElement.src = '/assets/img/Heart-outline.svg'; h..
2023.06.24