본문 바로가기

분류 전체보기402

2024-06-03 Supabase 스키마 이해하기 지난 팀프로젝트 간 CRUD를 제대로 해본 적이 없어 이번에 해보고 싶어 팀원들께 양해를 구한 후 CRUD를 해보고 싶다고 말씀드렸더니 흔쾌히 양보해주셨기에 CRUD를 구현하기로 하였다. 그런데 조건이 Supabase를 사용하는 것이었고, 크게 어렵지 않을 것이라고 생각했으나, 한국어 자료가 많이 없는 것에서 일단 큰 벽을 만났다. 가장 큰 문제는 '관계형' 데이터베이스에 기반한 서비스라는 게 핵심인 것인데, 이 관계형을 이해하지 못해 여러가지 문제에 봉착했다.   Supabase와 찰떡궁합인듯 많이 사용되고 있는 듯한 quill editor 라이브러리를 사용하기로 하였는데, 생각보다 적용이 어려웠다.default 모듈에서는 이미지 삽입 기능이 없어 별도의 모듈로 정의하고 장착하였는데, 문제는 여기서 이.. Programing/TIL 2024. 6. 3.
[supabase] 댓글 관리할 테이블 만들기 Comments 관리할 테이블 하나 만들기 먼저 posts 등의 게시글을 저장할 data table이 있다고 가정한다. 본인의 posts 테이블의 설저은 이러하다. 아래 쪽에서 foreign keys(외래키) 부분을 보면 auth (사용자 정보) 테이블에서 users라는 테이블의 id라는 key를 외래키로 받고 있고, 이를 posts 테이블의 user_id 칼럼에서 끌어다 사용하는 것을 알 수 있다. 이 원리로 새로 만들 댓글 테이블도 외부에서 가져올 데이터를 외래키로 설정해주면 된다.   새로운 테이블을 만든다.posts 테이블은 게시글을 관리하는 테이블로 기존에 만들어둔 것이다.  Foreign keys (외래키) 관계 설정하기 컬럼 5개가 있는데, id는 그 코멘트만이 갖는 고유한 아이디이다. pr.. Programing/Server 2024. 6. 3.
2024-05-31 Quill 에디터와 supabase를 연동한 글쓰기 페이지 // 지금은 협업 초기로 비교적 자세하게 주석을 달았습니다.// merge하는 과정에서는 필요한 주석만 남기고 제거하겠습니다. - 김병준 -import React, { useEffect, useState } from "react";import styled from "styled-components";import { useNavigate } from 'react-router-dom';import supabase from "../supabaseClient";import ReactQuill from 'react-quill';import 'react-quill/dist/quill.snow.css'; // Quill 스타일 import (글쓰기 에디터)const Container = styled.div` dis.. Programing/TIL 2024. 6. 3.
고민 Hobby/Guitar 2024. 6. 1.
Algorithm TimeAttack // 문자열 myString이 주어집니다. "x"를 기준으로 해당 문자열을 잘라내 // 배열을 만든 후 사전순의 역으로 정렬한 배열을 return 하는 solution 함수를 완성해 주세요.// 단, 빈 문자열은 반환할 배열에 넣지 않습니다.// 입출력 예// "axbxcxdx" => ["d","c","b","a"]// "dxccxbbbxaaaa" => ["d","cc","bbb","aaaa"]function solution(my_String) { let sortedArray; return sortedArray;}// 테스트 코드function runTests() { const testCases = [ { input: "abcxdefxghi", expected: ["ghi",.. Programing/CodeKata 2024. 5. 31.

티스토리툴바