분류 전체보기 (105) 썸네일형 리스트형 WelKo 디자인 개선 및 변경사항 적용 post리스트에서 전체 목록에서 내 목록을 filter하는 과정이 보이는 문제 해결 위해 client가 아닌 server에서 관련 data만 불러오도록 개선 -> 하지만 여전히 보이는 문제가 있어 추가 확인 필요export async function GET(request: NextRequest, { params }: { params: { id: string } }) { const supabase = createClient(); const { id: userId } = params; if (!userId) { return NextResponse.json({ error: 'User ID is required' }, { status: 400 }); } try { .. Fiesta Tour_17일차 확인 한 채팅 알림 사라지는 기능 구현 중import React, { useEffect, useState } from 'react';import { useQuery } from '@tanstack/react-query';import { useRouter } from 'next/navigation';import Image from 'next/image';import { API_MYPAGE_CHATS, API_POST_DETAILS, API_MYPAGE_PROFILE } from '@/utils/apiConstants';import axios from 'axios';import { fetchMessages } from '@/services/chatService';type ChatListProps = { u.. Fiesta Tour_16일차 ( 중간 발표 ) 투어 종류 4개이상 늘리기 로딩에 맞춰 로딩 화면을 잘 보여주기 채팅 페이지 세로 길이 맞추기 메인페이지 박스 크기 화면 크기에 맞추기 메시지 수정 로그? 확인하기 -> 이따 물어보자 모든 리뷰 보기 헤더 위치 맞추기 -> 모든 페이지 헤더 컴포넌트를 만드는게 편할 듯 커스텀 백 네비게이션 구성하기 언어 변경 추가하기 github1s.com으로 편하게 보기 가능 메인페이지 서버 코드 route분리 , 레이아웃 만들어서 헤더 적용 return에서 반복문이 사용 되는 경우 컴포넌트 분리가 좋음 new Date는 p태그가 아니라 함수로 만들어서 사용해야 성능이 향상됨 상세 페이지 Rear 컴포넌트 이름 정확하게 바꾸기 , 불필요한 코드 삭제 Read - tags를 상태로 관리해야 좋음 , 컴포넌트 더 쪼개야함.. Fiesta Tour_15일차 setNickname(e.target.value)} /> setNickname(e.target.value)} />닉네임이 입력을 끝냈을 때만 바뀌도록 하려면 onChange 대신 onBlur 이벤트를 사용해야 합니다. onBlur 이벤트는 사용자가 입력 필드를 벗어날 때 트리거됩니다 입력하는 동안에는 바뀌지 않고 필드를 벗어났을 경우에만 setNickname이 변경 Fiesta Tour_14일차 return ( Go Back My Page Logout setSelectedComponent('Wishlist')}>Wishlist setSelectedComponent('Post')}>Post setSelectedComponent('Reservation')}>Reservation setSelectedComponent('Review')}>Review {selectedComponent === 'Wishlist' && } {selectedComponent === 'Post' && } {selec.. Fiesta Tour_13일차 const groupedChats = chatData?.reduce((acc: { [key: string]: Chat }, message) => { const chatId = `${message.post_id}-${[message.sender_id, message.receiver_id].sort().join('-')}`; if (!acc[chatId]) { acc[chatId] = { post_id: message.post_id, sender_id: message.sender_id, receiver_id: message.receiver_id, messages: [] }; } acc[chatId].messages.pu.. Fiesta Tour_12일차 채팅 목록을 게시글 정보가아닌 메시지를 보낸 유저 정보로 고정하기기존 로직은 게시글 정보가 보였고 , 단순하게 조건문만 추가해서는 마지막으로 채팅을 보낸 사람의 정보가 나오면서 채팅 목록에 내 계정 정보가 나오는 문제 발생 -> 해결을 위해 조건문 추가 및 userId를 받아오는 과정에서도 로직을 추가하여 구현 하지만 채팅 목록이 많아짐에따라 userId는 채팅 목록 갯수만큼 ( 현재는 4번 ) , senderDetails는 4x4 총 16번 호출 되는 비효율 발생 -> 추후 개선 필요'use client';import React from 'react';import { useQuery } from '@tanstack/react-query';import { useRouter } from 'next/navi.. Fiesta Tour_11일차 채팅 양 방향 실시간 기능 및 리스트현재 투어 이미지 + 투어 제목으로 보이지만 메시지 보낸 사람 프로필 이미지 + 닉네임으로 수정 예정-> 어떤 투어에관한 채팅인지는 채팅페이지에서 확인 가능 , 채팅 리스트도 별도 페이지 만들어서 분리 예정'use client';import React from 'react';import { useQuery } from '@tanstack/react-query';import { useRouter } from 'next/navigation';import Image from 'next/image';import { API_MYPAGE_CHATS, API_POST_DETAILS } from '@/utils/apiConstants';import axios from 'axios';.. 이전 1 2 3 4 5 6 ··· 14 다음
