리드미에 배지로 스택 넣는법참고 : https://cocoon1787.tistory.com/689https://velog.io/@fejigu/Github-Github-README%EC%97%90-%ED%91%9C-%EC%9E%91%EC%84%B1-%E

스크롤 및 화면 resize에 변화가 있을 때마다 브라우저가 리렌더링 됨🖥️  페이지 별로 파악해 본 결과 메인페이지 : 스크롤 움직일 시, 화면 resize 시에 계속 화면 리렌더링about 페이지 : 위와 동일기타 페이지 : 화면 resize시 화면 계속 리렌더링

오늘 local host에서 light house 성능 체크를 해봤는데... 14점????? 도저히 믿을 수 없어서 계속 다시 해봤는데 ㅠㅠ ㅋㅋ이상하게 계속 점수가 바뀌더라..!점수가 바뀌던 원인 중 파악된 건 일단 반응형 디자인 중 브레이크 포인트 별로 점수가 다르

기존 : next ui 탭 사용 -> 커스텀 극악 난이도...수정 : 기본 div, useState로 탭 구현처음엔 Next ui 에서 tab을 가져와서 사용하고 있었는데, 막상 디자이너의 디자인으로 커스텀하려니까 너무 복잡했다. next ui에서 가져온 컴포넌트 안에

(팀)순규 피드백도 전달하기 데일리 스크럼 잘 되고 있나? 다들 뭐 남았나 들어보고 내 이번주 계획 전달해보기 ✅ 사용량 초과 어떻게 처리(내꺼)그룹채팅방 상대방 프로필들도 보여줘야됨 참여인원 띄우기 디자인 헤더 그룹채팅방 목록 불러오기 디자인 (월,화 - 기능 마무리

(월,화 - 기능 마무리, desktop디자인 마무리)(수 - laptop, mobile 디자인, 스켈레톤 Ui)개인채팅방 입력란 고정스크롤 아래에서부터 시작새창으로 열리게 수정화살표 누르면 개인액션 정보 나오게(링크로 이동한다하면 새 창으로 열어야할지?)채팅 수정,삭

useQuery - action_id에 해당하는 room id들 전부 가져와서 배열에 넣기(useState)useEffect 안에서 map으로 room id들 map해서 전부 다 구독하기 + 채팅방 rooms_info 테이블도 같이 구독하기(새로운 채팅방 추가될때 바로

1:1 채팅방 로직 전면 수정 (테이블이 3개로 바뀌어서 전면 수정함) 메시지 리스트 가져오기 hook으로 분리개인액션 등록시 단체방 생성하도록 로직 추가단체방 컴포넌트 추가, 로직 구현 단체 채팅방 테스트 성공! 단체방 입장로직 전면 수정 (모집상태 자동 변경하도록,

첫 성공 참고 : https://www.restack.io/docs/supabase-knowledge-supabase-realtime-chat#clpzmyodr0m47vh0vntenah01 코드 작성한 메시지가 이렇게 바로 콘솔로 들어온다. 활용 시도 payl

📝 오늘 한 일 서비스 아키텍처 구상 및 발표자료 업데이트 모달창 '확인'클릭시 페이지 이동시키기 - 이슈 해결 🏹 트러블슈팅 모달창 '확인'클릭시 페이지 이동시키기 문제 : '로그인이 필요한 페이지 입니다' 모달창 띄우고, '확인'버튼 누르면 페이지 이동되게

중간발표 ppt 준비custom confirm modal 적용 시도 (시도중)다른 팀원분이 모든 컴포넌트에서 사용할 수 있도록 confirm창을 custom해서 올려주셨는데 막상 적용해보니 잘 안됐다. ㅠ다른 컴포넌트에서 적용해본 분이 있어서 어떻게 적용했나 코드 리뷰

문제상황 : about페이지에서 화면이 줄어도 늘어도, 변해야 할 내용들이 그냥 1920 기준 픽셀 혹은 1020 기준 픽셀로 고정되어 있는 상황 발생원인 : const isDesktop = window.innerWidth >= 1920;이런식으로 선언해서는 화면 사이

about페이지에서 헤더를 넣으려는데 이미지 위에 겹쳐 뜨도록 만들려고 시도하고 있었다. 그런데 이미 이미지와 글자, 아래 내용들 전부다 relative와 absolute의 향연이었기 때문에.... 헤더 하나 넣고 이미지에 absolute를 주기에는 이미 이미지에 re

커뮤니티 글쓰기, 수정하기 모달디자인 수정✔️ 글씨색, 버튼색 수정✔️ 게시글 모달창 크기 키우기 ✔️ 취소버튼 없애기✅ (해결 안된 부분)x, 배경 클릭시 ‘작성을(수정을) 취소하시겠습니까?’ confirm작성된 내용 없이 ‘작성완료’ 클릭시 모달 안닫히게..?ㅠㅠㅠ

sticky댓글 입력칸을 댓글리스트 하단에 고정시켜달라는 디자이너의 요청...!시도 : absolute - relative, fixed 시도해봤으나 원하는대로 그림이 나오지 않음. 모달창 안에서 고정되질 않고 브라우저 하단에 고정된다거나...(fixed에는 relati

참고 : https://guiyomi.tistory.com/148기존에 있던 이미지 미리보기, 이미지 삭제 로직드래그, 드롭 로직 추가드래그 상태를 useState로 관리, 드래그 중, 드래그 멈췄을 때, 드롭 했을 때 를 모두 함수로 관리하고, event를

기존 api 수정 - 외래키로 연결된 likes 테이블의 post_id 가져오는 로직 추가하기useQuery로 가져온 communityList를 가지고 정렬 구성하기페이지 렌더링시 + '최신순' 클릭시 - sortedLatestCommunityList를 map,'좋아요

새롭게 업로드한 이미지 file 있으면 - 스토리지 업로드 + url 반환 -> formData + url을 updatefile 없으면 - url없이 텍스트 formData만 updateformData update (url은 있으면 넣고 없으면 말고) -> 없으면 부분