티스토리

neda의 블로그

검색하기

블로그 홈

neda의 블로그

neda.tistory.com/m

더 적게, 그러나 더 낫게 (Less, but better)

구독자: 1

방명록 방문하기

주요 글 목록

230617 최종프로젝트 2차 버그 및 에러 수집·개선 230617 최종프로젝트 2차 버그 및 에러 수집·개선 팀장님의 권유로 프로젝트를 마무리하기 전에 2차로 다시 한 번 피드백을 받기로 했다. 앞서 9월 6일 1차로 유저 테스트를 진행했다.하지만 생각보다 너무 빨리 올린 것도 있고 밤 10시에 올리는 바람에 사람들의 관심을 제대로 받지 못했다. 이번에는 낮에 다시 올렸고 다양한 사람들로 부터 피드백을 받을 수 있었다. 대체로 만족도 부분에서는 다들 후하게 점수를 주셨다. 분명 좋은 점수를 받기에는 부족함이 많은 프로젝트라 생각하는데 다들 너무 착하신 것 같다. 이번에도 불편사항이나 에러를 위주로 피드백을 모아서 개선을 진행했다. 1차, 2차 테스트에서 발견하고 개선한 사항은 총 74개였다. 단순한 CSS 버그부터 API 호출을 계속 할 수 있는 치명적인 .. 공감수 1 댓글수 0 2023. 9. 16.
리액트에서 webp로 변환하여 이미지 최적화 리액트에서 webp로 변환하여 이미지 최적화 file 입력 → URL.createObjectURL(file) → url string url string → react-cropper → base64 string base 64 string → react-image-file-resizer → File object File object → upload supabase → getPublicUrl→ url string 공감수 0 댓글수 0 2023. 9. 15.
html react scroll top 버튼 스크롤 멈춤 현상 html react scroll top 버튼 스크롤 멈춤 현상 문제 상황 크롬 브라우저에서 스크롤 탑 버튼을 눌렀을 때 위로 스크롤 되다가 멈추는 현상 발생 const onClickToTop = () => { window.scroll({ top: 0, behavior: "smooth" }); }; 문제 원인: 크롬의 smooth scrolling 기능이 켜져 있으면 스크롤이 늦게 멈추게 되는데, 스크롤을 하다가 바로 스크롤 탑 버튼을 누르면 스크롤이 올라가는 중에 스크롤 end 이벤트가 발생하여 멈추게 된다. smooth scrolling 해제 시 -> behavior: "smooth"를 지정해도 한 번의 스크롤로 상단까지 바로 올라감 smooth scrolling 설정 시 -> behavior: "sm.. 공감수 2 댓글수 0 2023. 9. 14.
supabase postgresql 데이터 없는 날 포함하여 월간 일별 통계 만들기 supabase postgresql 데이터 없는 날 포함하여 월간 일별 통계 만들기 postgresql의 데이터 테이블에서 날짜 데이터를 사용하여 일별 통계 만들기 관리자는 선택한 년도와 월에 해당하는 각각의 날짜에 대해서 가입자 현황 그래프를 볼 수 있어야 한다 하지만 매번 api를 호출하는 것은 너무 비효율적이다. 또한 범위를 통해 해당 월에 해당하는 데이터를 전부 가져오고, 클라이언트에서 직접 그룹화하는 것은 가져와야 하는 데이터가 너무 커지고, 처리해야 하는 직접 클라이언트에서 처리해야 하는 부담이 생긴다. 유저 정보를 가지는 테이블이고 있고 아래와 같이 날짜 데이터를 사용하여 유저가 가입한 날짜를 가리키는 레코드가 있을 때, 날짜별로 가입한 사용자의 수를 일자 별로 가져올 수 있다면 편할 것이다.. 공감수 0 댓글수 0 2023. 9. 12.
200907 디바운싱과 쓰로틀링 200907 디바운싱과 쓰로틀링 디바운싱(Debouncing)과 쓰로틀링(Throttling)은 반복적인 이벤트를 효율적으로 처리하기 위한 방법이다. 디바운싱 디바운싱은 연속적으로 발생한 이벤트에서 마지막 이벤트만 처리하는 방식이다. 검색 기능에서 문자를 입력할 때마다 검색 api를 호출하면 매우 비효율적일 것이다. 이때 디바운싱을 통해 입력이 다 끝난 후에 검색 api가 호출되도록 하여 불필요한 api 호출을 줄일 수 있다 쓰로틀링 쓰로틀링은 이벤트가 지속적으로 발생할 때 이벤트의 발생 빈도를 줄이기 위해 사용하는 방식이다 스크롤이나 리사이즈와 같은 이벤트는 짧은 시간 내에 많은 이벤트가 반복 발생할 수 있다. 이때 모든 이벤트에 대해 함수 또는 연산을 처리하면 비효율적이고 연산이 무거우면 성능 저하가.. 공감수 0 댓글수 0 2023. 9. 7.
230906 css flexbox에서 부모 영역 전체 공간 사용하기 230906 css flexbox에서 부모 영역 전체 공간 사용하기 flexbox에서 자식이 2개 이상일때 부모의 크기에서 다른 자식의 크기를 뺀 나머지 크기를 모두 사용하도록 하는 방법 아래와 같이 헤더 영역, 컨텐츠 영역, 바텀 영역이 있을때 높이가 달라질 때 헤더와 바텀 영역의 크기는 고정하고 컨텐츠 영역의 크기만 변경된다. .content { flex: 1 } HTML 삽입 미리보기할 수 없는 소스 공감수 0 댓글수 0 2023. 9. 6.
230905 HTTP에서 HTTPS로 230905 HTTP에서 HTTPS로 https는 http 프로토콜에 인증서를 사용하여 보안을 강화하는 것이다. HTTP는 텍스트 기반 프로토콜이므로 네트워크를 들여다 볼 수 있는 사람은 누구나 쉽게 스니핑을 할 수 있다. 웹이 발전하면서 중요한 데이터를 전송할 때 숨겨야할 필요성이 생겼다. 인증서를 사용하면 공개키를 통해 암호화를 진행해 안전하게 서버에게 데이터를 전송할 수 있다. SSL 인증서는 인증 기관을 통해 발급받아 서버에 설치하여 사용한다. 인증서를 제 3자인 인증 기관에서 관리하는 이유는 신뢰성 때문이다. 스스로 인증서를 만들 수도 있지만, 검증할 수 없기 때문에 안전하지 않다. 공감수 0 댓글수 0 2023. 9. 5.
230904 내일배움캠프 중간 발표와 피드백 230904 내일배움캠프 중간 발표와 피드백 마지막 프로젝트의 중간 발표를 진행하고 프로젝트 전반에 대해 피드백을 받을 수 있었다. 채팅 기능 채팅 기능은 기술적 어필을 할 수 있는 부분이 많다. 기능 개선도 트러블 슈팅이다 오류를 해결하는 것 뿐만 아니라 기존에 되던 것도 더 좋게 바꾸면 트러블 슈팅이 될 수 있다 dev 브랜치 이상에서는 모든 주석을 제거 주석을 지우고 주석 없이도 읽기 쉽도록 코드를 만들어라 리액트 쿼리 키 관리 커스텀 훅으로 추상화하여 한 곳에서 쿼리 키를 관리하여 키가 중복되거나 잘못된 키를 사용할 가능성을 줄일 수 있다. 기술적 의사 결정 현재는 하나의 기능에도 여러 선택지가 존재한다. 선택지 간 장단점 비교를 통해 의사 결정의 합리적 이유를 만들어라 공감수 0 댓글수 0 2023. 9. 4.
230903 내일배움캠프 16주차 WIL 디자인과 기획이 거의 잡혀서 빠르게 개발하는 한 주였다. sendbird로 채팅 기능을 구현했었는데, 최대 연결 20개가 넘어서 바로 서비스가 막혀버렸고, supabase realtime 기능으로 채팅을 다시 직접 구현했다. 오히려 직접 구현하는게 용량 걱정 안해도 되고, sendbird와 supabase간 연결을 안해도 되어서 더 좋았던 것 같기도 하다 월요일에 중간 발표기 때문에 최대한 mvp 기능을 구현하고, 주말은 에러나 디자인을 정리하는 데 시간을 썼다. 공감수 0 댓글수 0 2023. 9. 3.
230901 nextjs 서버컴포넌트에서 form 사용하기 230901 nextjs 서버컴포넌트에서 form 사용하기 서버 컴포넌트에서는 useState와 같은 hooks을 사용할 수 없다.따라서 form의 기본 사용법에 따라 action과 method로 http 요청을 보내고 api 폴더에 만들어 둔 route.ts에서 적절한 처리하여 응답을 받는다. // app/api/auth/login/route.ts export async function POST(request: Request) { const requestUrl = new URL(request.url) const formData = await request.formData() const email = String(formData.get('email')) const password = String(form.. 공감수 0 댓글수 0 2023. 9. 1.
230831 javascript Intl을 사용하여 날짜 시간 다루기 230831 javascript Intl을 사용하여 날짜 시간 다루기 채팅방에서 채팅에 대한 각각의 시간과 일자별로 날짜를 알려주기 위해서 Intl 객체를 사용하여 사용자의 언어에 맞게 시간을 계산하여 보여줄 수 있다. 시간 보여 주기 const getTimeText = (isoDateString: string) => { const isoDate = new Date(isoDateString); const options: Intl.DateTimeFormatOptions = { hour: 'numeric', minute: 'numeric' }; return new Intl.DateTimeFormat(navigator.language, options).format(isoDate); }; getTimeText(.. 공감수 0 댓글수 0 2023. 8. 31.
230830 react router dom에서 useSearchParams로 쿼리 스트링 조작하기 230830 react router dom에서 useSearchParams로 쿼리 스트링 조작하기 특정 params 값 가져오기 const [searchParams, setSearchParams] = useSearchParams(); const room_id = searchParams.get('room_id') 기존 params에 특정 params 업데이트하기 const [searchParams, setSearchParams] = useSearchParams(); setSearchParams((prev) => ({...prev,room_id:'123'})); 특정 params 삭제하기 setSearchParams는 useState처럼 콜백 함수에서 기존 상태를 인자로 받을 수 있다. 삭제는 URLSear.. 공감수 0 댓글수 0 2023. 8. 30.
230829 supabase inner join을 통해 필요한 데이터 한 번에 가져오기 230829 supabase inner join을 통해 필요한 데이터 한 번에 가져오기 채팅 기능을 구현하기 위해 채팅방 테이블, 채팅방 참가자 테이블, 채팅 메시지 테이블을 각각 만들었다. 일반적으로 채팅 페이지에서는 현재 사용자가 참여중인 채팅방의 목록을 보여주어야 한다. 또한 채팅방 각각의 참여자 수와 마지막 메시지를 미리보기로 보여주어 채팅방 리스트에서도 한 눈에 확인하기 쉽도록 해야 한다. supabase foreign table join supabase 에서는 외래키를 통해 연결된 테이블에 대해서 자동으로 join을 지원한다. 이렇게 하면 연결된 데이터를 모두 가져올 수 있다. await supabase .from('chat_rooms') .select( `*,chat_room_particip.. 공감수 0 댓글수 0 2023. 8. 29.
230828 sendbird 용량 초과로 인한 supabase로의 chat 구현 230828 sendbird 용량 초과로 인한 supabase로의 chat 구현 sendbird의 프리티어 최대 연결 수는 20이다. 한 사용자가 20개의 탭을 열어 20번 연결하면 끝나는 셈이다. UIKit이나 js sdk에서 중복 연결을 막지 않으면 1명이 사용하더라도 사용량이 다 찰 위험이 있는 것이다. 연습 용 프로젝트에서 17번을 찍은 적이 있기 때문에 실제 웹 사이트에 쓸 프로젝트에서는 3번 이상을 넘기면 합쳐서 20번이 넘기 때문에 멈추게 되었다. 결국 정말 맛보기 중에 맛보기 밖에 하지 못하는 프리 티어이다. supabase로 채팅 구현 결국 완전히 구현된 서비스를 사용하지 않고 직접 만들기로 했다. socket io을 사용하여 node 서버를 만들지 supabase로 만들지 고민했다. 채.. 공감수 0 댓글수 0 2023. 8. 28.
230827 내일배움캠프 15주차 WIL 230827 내일배움캠프 15주차 WIL 벌써 15주차가 끝이 났다. 시간이 정말 빠른 것 같다. 이번 주에는 supabase와 sendbird에 집중한 시간인 것 같다. supabase는 여러모로 편한 것 같다. 타입스크립트로 타입을 내보는 것 부터, sql문을 직접 작성하지 않고, 자바스크립트 점 표기법을 통해 원하는 select문을 쉽게 사용할 수 있다. 또 대시보드에서는 sql문을 지원하기 때문에, 다양한 postgreSQL 자료들을 찾아보고 적용할 수 있다. sendbird는 처음에는 문서가 괜찮아 보여 시작했는데, 갈수록 예상하는 것과 다르게 동작하거나, 상수를 useState로 관리하는 등 신기한 부분이 많은 것 같다. 공감수 0 댓글수 0 2023. 8. 27.
230825 sendbird javascript 메시지 보내기 230825 sendbird javascript 메시지 보내기 sendbird javascript SDK를 사용하여 메시지를 보내는 방법 사용자 아이디로 샌드버드 연결 -> 메시지 보낼 채널 가져오기 -> 메시지 보내기 export const sendRequestTutoringMessage = async (studentId: string, tutorId: string) => { try { await sendbird.connect(studentId); } catch (err) { throw new Error('채팅 연결 에러'); } let channel; try { channel = await getGroupChannel(studentId, tutorId); } catch (err) { throw new.. 공감수 0 댓글수 0 2023. 8. 25.
230824 sendbird React UIKit 커스텀 메시지 보내고 받기 230824 sendbird React UIKit 커스텀 메시지 보내고 받기 UIKit을 사용하는 채팅방 내에서 일반 텍스트 메시지가 아닌 다른 메시지를 띄우기 위해서 커스텀 메시지를 이용할 수 있다. 커스텀 메시지 렌더링하기 props로 받은 message 객체에서 일반 메시지는 customType을 가지지 않는다. 커스텀 메시지는 보낼 때 커스텀 타입을 지정할 수 있고, 렌더링할 때 그 타입에 따라 다르게 렌더링시켜 줄 수 있다. { if (!props.message.customType) return null; if (props.message.customType === 'request') { const message = props.message as ClientUserMessage; const { n.. 공감수 0 댓글수 0 2023. 8. 24.
230823 sandbird react uikit으로 사용하기 0823 sandbird react uikit으로 사용하기 웹 사이트에 1:1 채팅 기능을 추가하기 위해서 sandbird 서비스를 이용했다. sandbird에서는 react UIKit을 제공하여 쉽게 시작할 수 있었다. UIKit으로 react에서 시작하기 sendbird에서는 react에서 채팅 서비스를 만들기 위한 UIKit과 함께 튜토리얼을 제공한다. React chat tutorial: How to build a chat app UI | Chat UI in 3 easy steps Build in-app messaging with developer-friendly SDKs, APIs, and UIKits. sendbird.com function App() { const [currentChannel.. 공감수 0 댓글수 0 2023. 8. 23.
230822 supabase postgreSQL view를 통해 통계 만들기 230822 supabase postgreSQL view를 통해 통계 만들기 특정 열의 값에 따라 통계를 만들기 위해서는 group by 절을 사용할 수 있는데, javascript api에서는 group by절을 사용할 수 없다. VIEW를 직접 만들어서 VIEW 테이블에 대해 select를 하여 통계를 가져올 수 있다. 매칭 시스템을 만들고 있는 중이다. 사용자는 매칭이 끝나면 서로를 평가(리뷰)할 수 있다. 이를 위해서 테이블을 만들었다. profiles 테이블에는 사용자의 id를 포함한 사용자 데이터가 있고, role 열에는 사용자의 역할이 정의되어 있다. 'tutor' 또는 'student'이다. review 테이블에는 사용자에 대한 각각의 리뷰에 대한 데이터가 있고, reviewed_id를 통.. 공감수 0 댓글수 0 2023. 8. 22.
230821 supabase query count 230821 supabase query count 수파베이스에서 count qeury하기 Select에서 count 사용하기 유저 테이블의 유저가 총 몇명인지 찾기 위해 count를 사용 const getAllUserCount = async () => { const { count, error } = await supabase .from("user") .select("*", { count: "exact", head: true }); console.log(count, error); }; job 컬럼에서 값이 '개발자'인 행만 count하여 개발자 직업을 가진 유저가 몇 명인지 구하기 const getStudentUserCount = async () => { const { count, error } = awa.. 공감수 0 댓글수 0 2023. 8. 21.
230820 내일배움캠프 14주차 WIL 230820 내일배움캠프 14주차 WIL 새로운 프로젝트의 시작과 기획 월요일에는 프로젝트 발표, 화요일에는 광복절, 수요일부터는 마지막 프로젝트가 시작되었다 이번 프로젝트는 마지막 프로젝트이거 프로젝트 기간이 긴 만큼, 기획부터 탄탄하게 하기로 했다. 주제 선정부터 필요한 기능, 기술 선택까지 다 함께 천천히 고민했다. 특히 이번에는 디자이너분과 협업이 이루어지는 만큼, 기획을 잘 해놓아야 디자인 잡기가 편하다고 생각했다. 공감수 0 댓글수 0 2023. 8. 20.
230818 React Hydration 230818 React Hydration SSR을 사용하면 정적인 HTML 페이지를 서버에서 렌더링할 수 있다. 하지만 이벤트와 같은 상호작용을 할 수 없는 정적인 페이지일 뿐이다.이때 서버에서는 상호작용을 위한 자바스크립트 파일을 같이 내려 보낸다. 클라이언트에서는 내려받은 정적인 페이지에 상호작용을 추가하는 Hydration을 수행한다. Hydration 서버에서 렌더링된 정적인 HTML 파일을 클라이언트에서 상태와 상호작용을 추가하는 단계 처음 한 번만 수행되고, 이후로는 다시 Hydration하지 않고 클라이언트에서 상태를 통해 관리 장점: 서버에서 HTML을 렌더링하여 페이지 로딩 시간을 줄일 수 있다 SSR을 사용하여 SEO 최적화가 유리하다 공감수 0 댓글수 0 2023. 8. 18.
230817 CPU와 메모리 230817 CPU와 메모리 CPU와 메모리 CPU 컴퓨터에서 처리를 담당하는 “중앙 처리 장치”. 계산을 잘하지만 다른 지능적인 행위를 하지 못한다 CPU - ALU “산출 처리 장치(arithmetic logic unit)” : 산술이나 논리같은 수학적 연산 AU (산술 장치) + LU (논리 장치)를 합친 디지털 회로 정수 산술 연산: 더하기, 빼기, 부호 뒤집기, 증가, 감소 등 비트 논리 연산: OR AND NOT 등 CPU - CU “제어 장치(control unit)” : 프로세서의 작업을 제어(=지시를 받아서 명령어로 디코딩)하는 회로 BUS 컴퓨터에서, 컴퓨터 간에 데이터를 전송하는 통로 물리적(하드웨어), 추상적(소프트웨어)인 요소를 모두 포함 “내부 버스”: 메인보드에 연결된 메모리 .. 공감수 0 댓글수 0 2023. 8. 17.
230816 supabase data types and range 230816 supabase data types 수파베이스 사용을 위한 기본 타입 이름과 설명, 범위 정리 자세한 설명은 www.postgresql.org을 참고 이름 설명 범위 int2(smallint) 부호가 있는 2바이트(16비트) 정수 타입 -32,768 ~ 32,767 int4(integer) 부호가 있는 4바이트(32비트) 정수 타입 -2,147,483,648 ~ 2,147,483,647 int8(bigint) 부호가 있는 8바이트(64비트) 정수 타입 -9,223,372,036,854,775,808 ~ 9,223,372,036,854,775,807 float4(real) 단일 정밀도 부동 소수점 형식으로 32비트를 사용하므로 float32,Single로도 부른다 ±1.175494351 E -.. 공감수 0 댓글수 0 2023. 8. 16.
230814 react 모달이 열릴 때 포커스를 주고 닫을 때 원래대로 돌려주기 230814 react 모달이 열릴 때 포커스를 주고 닫을 때 원래대로 돌려주기 모달을 열 때 현재 포커스 중인 엘리먼트를 저장 모달 컴포넌트로 포커스를 이동 const modalRef = useRef(null); const previousFocusRef = useRef(null); useEffect(() => { const focusedElementBeforeModal = document.activeElement as HTMLElement; previousFocusRef.current = focusedElementBeforeModal; if (modalRef.current) { modalRef.current.focus(); } }, []); return( {children} ) 모달을 닫을 때 useE.. 공감수 0 댓글수 0 2023. 8. 14.
230814 KPT 회고 230814 KPT 회고 Keep PR 코드 리뷰 열심히 하기 매일 회의와 적극적인 의사소통 문제가 생기면 다같이 의논하고 돕기 알고리즘 문제 풀기 Problem 새로운 라이브러리 사용법을 배우는 시간 소요 react query 심화 주차지만 심화하지 않게 쓴… trouble shooting을 그 때 그 때 잘 요약해서 정리해두지 않았다. 나중에 생각해내기가 너무 어려웠음 반응형 디자인 전체 구현에는 실패.. Try 다음에는 라이브러리 안쓰고, 직접 다 만들어보기 (라이브러리 들어가서 참고, 꼭 필요할 때만 쓰기) 중요(좋아요, 북마크)버튼에 debouncing, optimistic update 처리해주기 새로운 기능을 쓰는 경우 많은 자료로 학습 후 도전하기 클린코드 기반으로 PR 리뷰 조금 더 자세히.. 공감수 0 댓글수 0 2023. 8. 14.
230813 내일배움캠프 13주차 WIL 230813 내일배움캠프 13주차 WIL 230813 내일배움캠프 13주차 WIL Facts 리액트 심화주차? 팀 프로젝트를 진행했다. 이번 프로젝트의 백엔드는 firebase가 아닌 supabase라는 PostgreSQL를 사용하는 백엔드 서비스를 이용했다. 또한 Ant Design UI 라이브러리를 사용하여 기본적인 컴포넌트를 구현하지 않고 사용했다. Feelings 파이어베이스에서는 보안과 관련해 별로 신경쓰지 않았는데 supabase에서는 행수준 보안 규칙이라고 해서 행동별로 보안 규칙을 설정할 수 있었다. 또한 테이블끼리 관계를 설정할 수 있어 쉽게 연결하여 다른 테이블 간에 데이터를 함께 사용할 수 있었다. UI 라이브러리는 직접 구현한 게 아닌 만큼, 구현하는 시간은 줄어들지만, 기본 사용법.. 공감수 0 댓글수 0 2023. 8. 13.
230812 ant design을 쓰면서 느낀 점 230812 ant design을 쓰면서 느낀 점 이번 프로젝트에서는 공용 컴포넌트를 따로 만들지 않고 UI 라이브러리를 사용하기로 했다. MUI와 Ant Design에서 고민하던 중 Ant Design의 작은 크기의 Calendar이 마음에 들어 Ant Design을 선택했다. Ant Design을 사용하기 시작하면서 Button같이 단순한 컴포넌트는 사용하기 어렵지 않았다. 문제는 Select와 같은 복잡한 컴포넌트였다. Ant Design은 선택할 수 있는 값을 options라는 props로 받는다. 반면 MUI는 children을 통해 MenuItem을 받는다. 하위 요소가 노출되어 있는 MUI에 반해 Ant 에서는 볼 수가 없는데, Select 컴포넌트의 Option 요소를 커스텀마이징하려 했을.. 공감수 0 댓글수 0 2023. 8. 12.
230810 React에서 FullCalendar 기본 사용법 230810 React에서 FullCalendar 기본 사용법 fullcalendar 라이브러리를 react에서 조작하는 방법. API 사용법 FullCalendar 컴포넌트를 ref로 참조하여 getApi()를 호출하여 api를 사용할 수 있다 next -> 다음 페이지로 이동 prev -> 이전 페이지로 이동 today -> 오늘로 이동 gotoDate -> 해당 날짜로 이동 const calendarRef = useRef(null); const goToNext = ():void => { if (!calendarRef.current) return; const api = calendarRef.current.getApi(); api.next(); }; return( goToNext()}>다음 페이지로 이.. 공감수 0 댓글수 0 2023. 8. 10.
230809 React Zustand Modal 전역 상태 관리하기 230809 React Zustand Modal 전역 상태 관리하기 Zustand Store: 모달 컴포넌트 정보를 Map 객체로 저장 커스텀 훅: Modal을 open,close하는 함수를 만들어서 제공 사용자: 커스텀 훅의 open 함수와 close 함수를 사용해 모달을 조작 1. Zustand로 useOverlayStore 생성 overlays 변수: {id:itemElement} 형식으로 오버레이할 모달 컴포넌트를 맵 객체로 저장 addOverlay 함수: 추가할 오버레이 컴포넌트와 id값을 받아 overlays에 추가 deleteOverlay 함수: 오버레이한 컴포넌트 id값을 인자로 받아 delete 메서드로 overlays에서 제거 const useOverlayStore = create()(.. 공감수 0 댓글수 0 2023. 8. 9.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.