선돌이의 코딩하우스

supabase란? 요즘 각광을 받으며 떠오르고 있는 supabase는 firebase를 대체할 새로운 오픈소스 라이브러리입니다. firebase와 상당히 유사하지만 많은 장점들이 있는데요. PostgreSQL지원 ⇒ RDB를 지원하며 RDB가 익숙한 사람들에게 추천합니당. 소셜 로그인 지원 → 이건 firebase에서도 지원하는 부분인데 슈퍼베이스 역시 당연히 지원합니다. 추가로 refresh_token 역시 사용할 수 있습니다. 간편한 사용 넉넉한 프리티어 ⇒ API 호출 무제한 , 500MB DB 지원 등 웬만한 개인 사이드 프로젝트에서는 요금이 발생할 일이 없습니다. 또 구독형이 아닌 사용한 만큼만 결제하면 된다는 장점이 있습니당. 저희 팀의 경우, 빠르게 서비스를 배포한 후 사용자들의 피드백을 ..

DatePicker의 달력이 안보인다........... z-index가 문제겠구나! .react-datepicker-popper의 z-index를 바꾸어주었다! 결과는!!!!!!!!!!!!!!!!!!!!!!!! ㅠㅠ...... 뭐가 문제인지 모르겠당.................... z-index가 문제가 아닌가? position 때문에 z-index가 안먹나? 하고 오랜 시간 고민했는데.. popperProps={{strategy: 'fixed'}} 를 DatePicker에 추가해주니 됐다!!!!!!!!!! popperjs가 생소해서 많이 헤맸지만 조금 자신감이 생겼따! 참조 : https://stackoverflow.com/questions/64882223/im-having-trouble-with..

웹 페이지를 이용하다보면 코드/링크 등이 복사되는 버튼을 본 적이 있을 것이다! 리액트로 이를 구현하기엔 정말 간단하다. 바로 Clipboard API를 이용하면 된다. 별도의 라이브러리 추가할 필요 없이 이용 가능하다. navigator.clipboard.writeText('복사할 내용') 다음과 같이 이용하면 된다. 위 메소드는 Promise를 반환하는 비동기 메소드이기 때문에 await, then이랑 같이 사용하면 된다는 점!! 다음 코드의 문제점 useEffect( async ()=>{ await navigator.clipboard.writeText('hi'); alert('Copied!'); },[]); 이 코드를 실행시키면 동기적으로 잘 작동하지만 콘솔창에 에러가 하나 뜰 것이다. DOMexc..