TIL(106)
-
20240328 (목) 최종 프로젝트 티켓레이더 5주차 - 마무리주차
1. 마이페이지(유저정보 수정)내용추가 및 보안 강화 마이페이지에서 유저정보를 변경하는 부분이 있다. 이 부분에서 현재 닉네임과 현재 이메일을 표시해줘서 좀더 유저관점에서 편리함을 제공했다. 또 여기에 접근하기 전에 이런식으로 비밀번호를 한번 받아서 보안을 좀더 강화했다. 2. 좋아요 기능 추가 좋아요 버튼 1개로 추가/삭제가 이루어진다. 우린 좋아요정보를 저장하는 테이블이 따로 존재하고 거기에 이벤트ID, 멤버ID 를 같이받아서 저장된다. 기본적으로 좋아요 갯수는 좋아요가 추가되면 이벤트에 있는 라이크카운트가 ++ 되거나 삭제되면 --되는 형식이지만 오차가 생길수있으니 스케줄링으로 갯수를 정확하게 세서 라이크카운트에 넣는 작업이 이루어지게 할 예정.. 3. 리뷰 평점 반올림기능 리뷰 평점은 생각보다 쉬..
2024.03.28 -
20240327 (수) 최종 프로젝트 티켓레이더 5주차 - 마무리주차
1. 검색창 수정 검색창에서 드롭다운에 있는 내용을 선택하면 해당 내용이 기존 드롭다운 칸을 차지하도록 수정 입력한 텍스트, 정렬, 검색기준들을 백엔드 api에 보내도록 함 그리고 좀더 직관적이게 인풋창에서 엔터를 눌러도 검색이 되고 검색하기 버튼을 눌러도 검색이 됨 시험삼아 검색기준 : 제목 , 키워드 : 텍스트, 정렬기준 : 평점 순으로 검색진행 검색 결과창 이건 해당 백엔드api 2. 티켓 목록 마이페이지 에서 내 티켓목록을 누르면 해당 화면이 나옴 여기는 로그인한 사람의 티켓목록들을 띄워줌 티켓의 이벤트제목에 마우스를 가져다 대면 하이라이트가 표시되게 만듦 클릭시 해당 이벤트상세페이지로 이동 이로써 내 티켓 목록 > 이벤트 상세페이지 > 리뷰남기기 가 가능해짐
2024.03.27 -
20240326 (화) 최종 프로젝트 티켓레이더 5주차 - 마무리주차
1. 예매모달창 심화 및 오류 해결 현재 예매 모달창안에서 좌석 배치현황에 해당 이벤트 기준으로 예매 완료된 좌석을 띄워주는 데까진 성공했다. 하지만 우리는 이벤트마다 기간이 있고 또 그 날짜마다 예매현황이 다르다. 이를 구현하기위헤 기존 이벤트 페이지가 생성될때 fetchBookedTicket 을 불러오던것을 변경해서 이벤트페이지안에있는 예매하기 버튼을 눌렀을 시에 fetchBookedTicket 를 다시 불러오는 형식으로 만들었다. 이를 위해선 datePicker에서 선택한 date를 fetchBookedTicket 안에 넣어서 보내줘야한다. 추가로 모달창 닫기를 눌렀을시 선택했던 좌석들과 모달창의 스텝진행단계를 초기화하는 코드도 작성하였다. function resetModal() { currentS..
2024.03.26 -
20240325 (월) 최종 프로젝트 티켓레이더 5주차 - 마무리주차
1. 리뷰 인풋창 제작 2. 홈 화면 수정 3. 각종 백엔드 데이터들 프론트 틀에 맞추기 오늘은 뭔가 TIL을 열심히 적을 힘도 안나는것 같다..
2024.03.25 -
20240322 (금) 최종 프로젝트 티켓레이더 4주차 - 백엔드와의 연결
이제 대부분의 프론트는 작업이 완료가 된것같다. 막 예쁘거나 하진 않지만 어느정도 쓸만한 상태는 만들었다. 여기서 더 시간을 소모하는것도 배보다 배꼽이 더 커지는 듯한 느낌... 일단 내가 작업한 것들을 사진찍어보았다. 1. 티켓 목록 프론트 구현 2. 유저 정보 수정, 삭제 프론트 구현 1번과 2번은 모두 마이페이지 안에서 이루어지는 작업들이다. 3. 실제 DB와 프론트의 연결 4. 이벤트 상세페이지안에 있는 티켓 예매창까지 이벤트정보 전달 이외에도 로그인시 로그인, 회원가입 버튼이 사라지고 로그아웃, 마이페이지 버튼이 나타나게 하거나 역할이 관리자라면 관리자모드 버튼도 나오게 만들었다.
2024.03.22 -
20240321 (목) 최종 프로젝트 티켓레이더 4주차 - 각종 프론트
1. 일단 우리로고디자인에 맞게 웹페이지 색깔을 살짝 수정해줬다. 2. 로그인페이지를 구현했다. 부트스트랩에서 가져왔더니 기본적으로 벨리데이션을 살짝 포함하고있는 듯 하다. 3. 회원가입 페이지를 구현했다. 로그인페이지와 다르게 닉네임을 같이 받는다. 4. 검색창을 구현했다. 왼쪽은 검색기준 (제목, 장소 등) 오른쪽은 정렬기준(좋아요, 리뷰순) 이다. 5. 관리자용 백오피스를 구현했다. 현재로서는 백오피스 구현방법을 잘 모르기때문에 페이지 주소를 직접 바꿔서 들어올수있게 만들었고,(유저가 주소만 알면 들어올수는 있지만) 이 api들은 역할이 ADMIN이여야만 가능하니까 일반 멤버가 들어와서 조작하려고해도 안되게 만들어놨다. 일단 현재 남은 페이지는 티켓목록 페이지 정도이다. 꽤나 순조롭게 진행이 되어서..
2024.03.21