본문 바로가기

개인 프로젝트4

Supabase SQL 보관 최종 수정 : 25.02.10 클로디에 의존하여 개발을 진행했는데, 테이블이 많이 엉켰었다. 섹션마다 서로 데이터가 호환되지 않아 생긴 이유였고, 무엇보다 내가 고민하지 않고 문제를 해결하고 넘어가기만 해서 발생했던 참사였다. 그래서 프로젝트에 사용된 테이블과 함수, 정책들을 다 삭제하고 처음부터 다시 만들고 있다. # 회원가입을 위한 profiles 테이블1. profiles 테이블 생성create table public.profiles ( id uuid references auth.users on delete cascade primary key, name text, nickname text unique, email text, avatar_url text, interests text[], .. 2025. 2. 10.
프로젝트를 진행하며 시행착오 최종 수정 : 25.2.10아직 개발중이기에 지속적으로 기록할 예정입니다.알게 된 지식1. 특정 문장을 반복하는 기능const phrases = ['무지(無知)를 끊다.', '지식의 체계화', '인생의 마중물'];const Search = () => { const [currentIndex, setCurrentIndex] = useState([phrases[0]]); useEffect(() => { let currentIndex = 0; const interval = setInterval(() => { currentIndex = (currentIndex + 1) % phrases.length; setCurrentIndex([phrases[currentIndex]]); .. 2025. 1. 4.
프로젝트 셋팅 최종 수정 : 25.1.4 1. 패키지 매니저 선택 : PNPM프로젝트를 시작하기에 앞서 패키지 매니저들을 찾아봤다. NPM, Yarn, YarnBerry, PNPM 등에 대한 정리를 마쳤다. 2. 스택 선정Next.JS(app), TailwindCSS, TanStack Query, Supabase, GraphQL(Relay), Jotai 3. prettierrc 설정{ "singleQuote": true, "semi": true, "tabWidth": 2, "useTabs": false, "trailingComma": "es5", "plugins": ["prettier-plugin-tailwindcss"]} 4. 개발 원칙항목이유mobile first추후 개발을 쉽게 진행하기 위해commit.. 2025. 1. 4.
프로젝트 아이디어 아이디어 1. 한 웹사이트에서 자신만의 공부를 위한 모든 도구들을 활용하게 하자. 2. 블로그와 다르게 자신만의 카드뉴스 및 영상시청 추천이 나오도록 한다. 사용도구 프레임워크, Next.JS - 데이터베이스, Superbase - 상태관리 도구, Jotai - 전역변수화 하여 상태관리에 용이. - redux, recoil에 비해 관리하기 편리하다. 가벼운 라이브러리 언어 TypeScript Tailwind CSS 2023. 7. 11.

티스토리툴바