Today

1. 프로젝트

Supabase 진행 중..
현재 : 테이블 생성, 더미데이터 추가, 프로젝트 내 코드에서 읽어오기 후 게시까지 ok

2. 자바스크립트 연산자

3. 알고리즘 코드카타

앨리스와 밥👇

// 함수 구현:
function minimumNumberGame(nums) {
  // return해줄 비어있는 arr 선언
  // nums가 비어있으면 바로 arr 리턴
  // 제일 작은 요소를 담을 변수 선언 : min1, min2 (초기값은 크게)
  // 해당 배열을 순회 하며 제일 작은 요소를 찾아 변수에 담는다 : for문
  // nums에서 min1, min2순으로 제거
  // min2, min1 순으로 arr에 담는다
  // 해당 구간을 조건을 만족할 때 까지(nums.length > 0) 반복한다.
  let arr = [];
  if (nums.length === 0) {
    return arr;
  }

  while (nums.length > 0) {
    let min1 = Infinity;
    let min2 = Infinity;
    let index = 0;
    for (let i = 0; i < nums.length; i++) {
      if (nums[i] < min1) {
        min1 = nums[i];
        index = i;
      }
    }
    nums.splice(index, 1);
    for (let i = 0; i < nums.length; i++) {
      if (nums[i] < min2) {
        min2 = nums[i];
        index = i;
      }
    }
    nums.splice(index, 1);
    arr.push(min2);
    arr.push(min1);
  }
  return arr;
}

---

Learn

supabase

역시나 생소하기 때문일까? 참 쉬운듯 하면서 어려운 데이터베이스이다.

관계형 데이터베이스라서 테이블을 이것 저것 생성해서 서로 연관이 있는 것 끼리 엮어줘야 하는데
PK, FK는 뭐고 RLS 정책? 등 어지럽다

간단히 세팅하는 법만 적고 추후에 정리 필요!

설치

yarn add @supabase/supabase-js

초기 설정

key를 공개하면 안되기 때문에 .env.local에 숨기고 .gitignore에 파일 등록

// .env.local
# Vite로 만든 리액트 프로젝트의 .env는 반드시 "VITE"란 접두사가 있어야 호환
# `등 특수문자가 없어야 함

VITE_SUPABASE_URL = URL
VITE_SUPABASE_KEY = KEY

// supabase.js

import { createClient } from '@supabase/supabase-js';

const SUPABASE_PROJECT_URL = import.meta.env.VITE_SUPABASE_URL;
const SUPABASE_ANON_KEY = import.meta.env.VITE_SUPABASE_KEY;

const supabase = createClient(SUPABASE_PROJECT_URL, SUPABASE_ANON_KEY);

export default supabase;

// .gitignore
.env.local

사용법(추가, 불러오기, 수정, 삭제 등)

추후 정리...

공식문서에서 확인 필요 => 프로젝트 내 API Docs 내 테이블별로 활용 가능한 함수 등 정리되어 있음.

---

주절주절

없음!