반응형 분류 전체보기188 SupaBase 사용해보기 With Nextjs 프론트에서 간단하게 사용할 수 있는 오픈소스 백엔드 서비스인 Supabase 를 사용해보려고 합니다. Supabase는 데이터베이스 ,클라우드, 호스팅, 스토리지, 인증, 실시간 데이터 기능 등 많은 기능을 제공하고 무료 가격도 널널한 편이기 때문에 사이드 프로제긑로 사용하기 적합다고 생각했습니다. SupaBase 이전에는 Firebase를 주로 사용했는데 SupaBase는 관계형 데이터 베이스이고 Firebase는 noSql의 차이점이 있습니다. Firebase 의 큰 단점이 비용과 복잡한 쿼리 처리에 제한이 있었습니다. 가장 큰 것이 비용인데 Firebase는 읽기/쓰기/삭제 비용으로 부담하지만 supabase는 저장된 데이터의 양에 따라 부과하고 속도도 supabase가 훨씬 빠릅니다 위 장단점 나.. 2024. 4. 14. 사용 안하는 디펜던시 파일 지우기 리액트를 하다보면 많은 라이브러리들을 사용하게 됩니다. 사용처에 맞게 라이브러리를 테스트 하면서 가끔 제거하는 것을 잊어버리고 package.json에 남게됩니다. 하나하나 검색해서 사용하는지 찾기가 번거롭기 때문에 사용안하는 디펜던시를 찾아주는 방법을 소개해 드립니다 설치 npm install -g depcheck 실행 depcheck 결과 이런식으로 사용안하는 라이브러리들을 보여주고 package.json에서 제거해주시면 됩니다. 감사합니다 2024. 4. 4. 좋은 코드란 뭘까? 이해하기 좋은 코드 만들기 오늘은 좋은 코드가 뭘까에 대해 고민해보고 저의 의견을 적어보려고 합니다. 여러분에게 좋은 코드란 어떤건가요? 각자 좋은 코드의 관점이 다르고 정답이 없는 문제 입니다. 그렇기 때문에 제가 내용을 보고 잠깐 생각해보고 각자 생각하는 관점에 따라 좋은 코드의 기준을 만들어가면 좋을 것 같습니다. 좋은 코드란? 1. 직관적 일수록 좋다 생각합니다. 저의 생각은 직관적인 코드가 좋은 코드라고 생각합니다. 직관적인 코드는 이해하기 쉽고, 유지보수하기 편하며, 협업하는 동료들도 쉽게 이해할 수 있는 코드입니다. 더불어, 직관적인 코드는 코드를 모르는 사람이 와도 완전히 이해할 수는 없지만 '이해의 뼈대'를 파악할 수 있을 정도로 자연스럽게 느껴지는 것이 중요합니다. 하지만 '직관적'이란 표현은 상당히 모호합니다... 2024. 3. 23. [DeepDive] 1장 - 자바스크립트: 클로저와 스코프 자바스크립트를 하면서 클로저에 대한 이야기를 들어봤을 것 입니다. 클로저가 말로 설명하기에 난해한 정의 때문에 어려운 개념이라는 인식 이 있어서 다가가기가 쉽지 않으며 설명이 어려워 금방 잊어 버립니다. 특히, 면접 질문으로 자주 나오는데 어렴풋이 아는데 막상 설명하라고 하면 당황한 경험이 많이 있습니다. 까먹지 않기 위해 블로그로 다시 정리해보려고 합니다. 먼저 리액트에서 클로저를 빼놓고 설명할 수 없을 정도로 많은 관련이 있습니다. 함수형 컴포넌트 구조와 작동방식, 훅의 원리, 의존성 배열 등 모든 대부분이 클로저에 의존하고 있기 때문입니다. 그렇기 때문에 클로저를 꼭 알고 넘어가보도록 하죠 클로저란? MDN 사전적 정의로는 아래와 같습니다. 정의를 보고서는 절대 이해할 수 없을 것 같아요 클로저는 .. 2024. 3. 14. 이전 1 2 3 4 ··· 47 다음 반응형
