hr_l hr_l

1. MainPage에서 테스트로 작업하던 것들 서버컴포넌트 / 클라이언트 컴포넌트로 분류    app경로-서버 / components하위-클라이언트 컴포넌트2. 게시물 리스트용 카드컴포넌트( 전체, 스터디, 프로젝트 탭 공통 ) & 디자인요청부분 - 각 탭 페이지에 적용    말줄임...▶︎ TailwindCSS의 기본 설정에 line-clamp가 포함되어 있지 않아서, 사용하기 위해서는    1) tailwind.config.js 파일에 플러그인 추가  plugins: [ require('@tailwindcss/line-clamp'), ],   2) @tailwindcss/line-clamp 패키지가 설치npm install @tailwindcss/line-clamp {post.content}..

1. fetchPosts가 여러 컴포넌트에 쓰일 예정이여서 재사용성과 가독성등의 이유로 hooks/useFetchPosts.ts로 분리import { UseQueryResult, useQuery } from "@tanstack/react-query";import { createClient } from "@/utils/supabase/client";import { Post } from "@/types/posts/Post.type";const fetchPosts = async (): Promise => { const supabase = createClient(); const { data, error } = await supabase.from("Posts").select("*"); if (error) t..

1. supabase 테이블 누락부분 추가 / data type부분 수정 / 테스트용 데이터 추가  2. github Issues팀원분이 만들어주신 템플릿으로 사용todo하나씩 지워나가는 재미가 있다 🌱 commit할때 -m "끝에 #1"            3. 파트별 8/5(중간 점검)일 전까지의 작업 계획 일정1. MainPage- all / studies / projects / events 탭분류, 페이지 전환- next/dynamic : next.js에서 제공하는 유틸리티로 동적 컴포넌트 로딩을 가능하게 한다. - 성능 최적화: 초기 로드 시 필요한 최소한의 코드만 로드하고, 사용자가 특정 기능이나 페이지에 접근할 때 추가적으로 필요한 코드를 로드함으로써 성능을 최적화 함- 코드 스플리팅(동적..

오늘의 할 일 이었던 리스트 ⏎ 1. fullcalendar API로 결정2. 폴더 구조@gather_here //└─ gather_here // ├─ .prettierrc // ├─ next-env.d.ts // ├─ next.config.mjs // ├─ package-lock.json ..

▶︎ 기술명세 수정 ▶︎ 기획수정UI 변경사항header : 검색창 추가카테고리 탭 분류 : 전체 , 프로젝트 , 스터디 , IT행사최상단 : 마감임박 게시물 ( carousel )게시물 : 카드형식 → 리스트형식 ( 게시물 중간에 부트캠프 배너광고 )우측 사이드 고정 : 캘린더, 오픈톡, 광고기능 변경사항채팅 : ( 변경 ) ‘전체’탭에 오픈 채팅룸 개설∙고정 / 이 외 탭은 게시물 작성에서 카카오 오픈톡 링크 공유로 → 추후 채팅 기능으로 변경될 수 있음캘린더 : ( 추가 ) 캘린더 API로 구현!!! 캘린더에 포함할 이벤트와 일정을 구체적으로 정리해야 함 !!!!!! 캘린더 API 선정해야 됨 !!!▶︎ supabase DB 기획 - 테이블 만들기 전, 튜터님께 자문을 구하고 나서 진행- 놓친 부분..

1. 마이 페이지마이 페이지의 기능 명세서를 보완초안에서 주 기능을 하나 더 추가해 2개의 주 기능으로 분리회원 정보 조회회원 정보 수정 2. 채팅기능MVP에 채팅 기능을 포함하도록 결정이에 따라, 채팅 기능을 어떤 방식으로 제공할 지 논의를 나눔. 다양한 방법이 후보에 오름첫 번째스터디 / 프로젝트 공고의 경우, 글 게시자 다른 유저 간 1:1 채팅방 개설컨퍼런스 / 행사의 경우 인원 제한을 건 오픈 채팅방 자유 개설두 번째스터디 / 프로젝트 / 컨퍼런스 분류와 관계 없이, 게시글 당 한 개의 채팅방만 존재하도록 구현세 번째(현재 채택)스터디 / 프로젝트 공고의 경우 개인 연락처(이메일 등)를 기재하도록 유도컨퍼런스의 경우 페이지 내에서 존재하는 단 하나의 채팅방만 사용 ⇒ 모든 유저가 대화 가능 네이..

📌 기록보드 1. 서비스이름 선정'@gather_here'(컨퍼런스 / 스터디 / 팀프로젝트 모을 때 사용하는 사이트)‘@’ 를 사용해 멘션하는 것을 차용함. ‘gather_here’ 라는 명칭도 직역하면 ‘여기 모여’ 라는 뜻이라 직관적인 이름이라고 생각 2. 기능 명세서 작성기술 명세서에 대해서 작성함. 목적은 아래와 같음.  1) MVP 설정  2) 기능 별로 페이지 구분을 위해  3) 기능 별로 난이도 파악 후 전체 개발 일정을 파악하기 위해  4) 추후 테스트 시 누락된 기능이 있는지 파악하기 위해 3. 기능 명세서 : ( 회원가입 / 로그인 )초안으로 작성한 기능 명세서를 보완하는 시간을 가짐.서비스를 이용할 시, 소셜 로그인으로만 회원가입 / 로그인이 가능하도록 함. ( supabase사용..

앞전에 저장했던 이미지를 다른걸로 바꿨다가 다시 넣어도 에러409{statusCode: '409', 오류: '중복', 메시지: '자원이 이미 존재합니다'}Supabase Storage 이미지 [ 서버사용량 관리해야하는 이유 ] 1. 저장 공간 최적화사용자가 프로필 이미지를 변경할 때마다 이전 이미지+새로운 이미지 이런 식으로 서버 데이터에 누적이 된다.이전 이미지 파일이 계속해서 서버에 쌓이게 되면 스토리지 사용량을 불필요하게 증가시키고, 결국에는 저장 공간의 부족을 초래할 수 있다.▶︎ 새로운 이미지를 업로드할 때 기존 이미지를 삭제하여 저장 공간을 최적화하는 방법이 있다. 이렇게 하면 필요한 파일만 저장되어 공간을 효율적으로 사용할 수 있다. 2. 비용 절감클라우드 스토리지 서비스는 사용한 저장 공간..