21일차라고 적기는 했지만 사실은 그동안 메인페이지 css 위주로 해서 적을 게 없었다. 최근에 팀원들의 코드랑 합쳐서 대대적으로 css가 깨지거나 경로 오류가 발생했다. 대표적으로 메인페이지에서   각 요소들을 클릭하면 해당 게시물 또는 상세보기 페이지로 가야하는데 이동하지 않는 이슈가 발생. 알고보니  //갤러리 게시물로 가기const handleRowClick = (gallery) => { navigate(`/galleryBoard/${gallery.gbPostNo}`, { state: { list:gallery } });};//굿즈 상세보기로 가기const handleRowClick = (goods) => { navigate(`/goodsDetail/${goods.goodsNo}`, {..

오늘은 날씨 위젯을 완성시키기. 우선 날씨 위젯에서 오늘 포함 5일간의 일기예보를 보여주도록 표시하기위해 요일 계산기를 만들었다. 먼저 기존의 미래날짜 계산기에서 length를 3에서 5로 변경const futureDates = Array.from({ length: 5 }, (_, i) => new Date(current + oneDay * i).toISOString().slice(0, 10) + DesiredTime); 그리고 저기서 생성된 5개의 날짜를 전달 받아 요일로 변환해주는 함수//요일 계산const getDayOfWeek = (dateStr) => { const daysOfWeek = ["일", "월", "화", "수", "목", "금", "토"]; const date = n..

오늘은 날씨 api를 구현 구글에서 한참을 검색해 마음에 드는 css가 있어서 그걸 받아와서 구현 날씨 키는 여기서 회원가입 후 받아왔다https://openweather.co.uk/ Relevant We offer high-quality, hyperlocal data, considering the nuance of local climate. Read more --> Cost-eff" data-og-host="openweather.co.uk" data-og-source-url="https://openweather.co.uk/" data-og-url="https://openweather.co.uk/" data-og-image=""> OpenWeather for businessWell-known Having..

오늘은 메인페이지 위주로 진행 먼저 구장 목록 중에서 인기도가 높은 순서대로 3개를 뽑아 내림차순으로 정렬 SELECT og.stadiumName, og.stadiumImage, rv.likeCount FROM stadium og JOIN stadiumreview rv ON og.stadiumNo = rv.stadiumNo ORDER BY totalLike DESC LIMIT 3 해당 코드로 진행하다가 DB를 보니 평가 테이블이 다음과 같이 작성되어 있었다. 이에 대대적으로 다시 수정.스타디움 별로 좋아요와 싫어요를 각각 합산하고 좋아요 총합에서 싫어요 총합을 뺀 값을 totalLike로 지정하였다.  SELECT og.stadiumName, og.stadiumImage..

오늘은 관리자에게만 스트리밍 시작, 채팅창 동결, 채팅 메시지 삭제 버튼이 보이도록 설정. 그걸 구현하는 것 자체는 쉽다. 먼저 로그인 정보를 담고 있는const { loginMember } = useContext(MyPageContext); 이 구문을 이용.  //중략 {loginMember.memberType === 'A' && handleDeleteMessage({ msgContent: msg.content, msgAt: msg.formattedTime })}> X } ))} //중략 {loginMember.m..

어제 채팅 삭제는 완료 했는데, 생각해보니 사용자 한 명에게서만 이루어지는 기능이 많음. 예를 들면 스트리밍 화면과 채팅창 동결이 사용자가 다른 페이지를 다녀온 후에도 실행되고 있어야 하는데, 사용자가 다른 페이지를 다녀오고 나면 상태가 초기화 되는 문제가 있었다. 이를 방지하기 위해  useEffect와 axios로 자바의 상태 메서드를 가져오는 것으로 해결했다. 컨트롤러에 있는 스트리밍, 채팅창 동결 관련 코드 //채팅창 동결/재개 전환 @MessageMapping("/chat.freezeChat") @SendTo("/topic/freezeChat") public boolean chatFreezing() { freezeChat = !freezeChat; ..