본문 바로가기

전체 글402

supabase signUp() 메서드로 회원가입 시 users 테이블에 자동으로 레코드 생성하기 CREATE OR REPLACE FUNCTION public.handle_new_user_custom() RETURNS TRIGGER AS $$ DECLARE new_nickname TEXT;BEGIN -- 기본 닉네임 생성 new_nickname := 'user_' || substring(md5(random()::text), 1, 8); -- nickname이 이미 존재하는지 검사 WHILE EXISTS (SELECT 1 FROM public.buddies WHERE buddy_nickname = new_nickname) LOOP -- 중복 발생 시 다른 유니크한 닉네임 생성 new_nickname := 'user_' || substring(md5(r.. Programing/Server 2024. 7. 21.
2024-07-19 유저의 마이페이지 세그먼트를 어떻게 줄 것인가 supabase 회원가입 시 user unique key를 supabase 내장 uuid로 사용하는 것에 대한 고민1. 마이페이지에서 [id]로 segment를 갖게 되는데, 내장 uuid를 사용하면 23423weff-234jk.... 이런 식으로 설정되기에 도메인/[id]는 유저의 접근성이 떨어짐.다른 사이트는 어떻게 하고 있나? -> user의 로그인용 id를 받음.supabase signUp 메서드에서도 auth schema에서 email이 아닌 로그인용 id를 사용할 수 있나? -> 사용 불가그렇다면 정말 supabase auth를 사용하는 한 login_id를 받을 수 없나? Next.auth 같은 것을 사용해야 하나? -> 회원가입 시 email, password는 signUp 메서드의 필수사.. Programing/TIL 2024. 7. 21.
supabase DB Tables postgreSQL로 한 번에 생성하기 -- tripbookmarks 테이블 생성 및 기본 키 설정create table "tripbookmarks" ( "bookmark_id" uuid not null unique, "bookmark_created_at" timestamp with time zone not null, "bookmark_trip_id" uuid not null, "bookmark_buddy_id" uuid not null );alter table "tripbookmarks"add primary key ("bookmark_id");-- payments 테이블 생성 및 기본 키 설정create table "payments" ( "payment_id" uuid not null unique, "p.. Programing/Server 2024. 7. 21.
2024-07-18 검색기능 트러블 슈팅 트러블 슈팅나이 제한은 최초 생각했으나 그 나이를 사용자가 가입할 때 입력하는데 그것을 검증하려면 NICE 인증 등을 해야 하고, 인증 절차가 없으면 사용자가 입력한 나이가 진짜인지 아닌지 검증할 방법이 없어 의미없는 데이터라고 판단하여 삭제함.jsonb에서 특정 헤시 태그를 일일이 검사하는 것이 비용이 많이 발생한다고 함 -> 컬럼으로 나눠서 하는 것이 베스트인 것 같음 -> 그러나 jsonb로 관리하기로 결정 -> 그럼 text든 boolean이든 모든 컬럼에 인덱싱을 걸어 놓으면 유리한 것 아닌가? -> 맞지만 서버 컴퓨터의 리소스를 쓰기 때문에 불필요한데 걸어 놓으면 쓰기 능력 저하jsonb vs 단일 컬럼 장단점jsonb헤시태그 개수가 몇 개가 되든지 유연하게 늘릴 수 있음.인덱스 생성 및 유지.. Programing/TIL 2024. 7. 19.
2024-07-17 최종 프로젝트 기획 아이디어 스케치 주요 여행 앱 온보딩 전략주요 여행 앱의 온보딩 전략.pdf사례1. HOPPER의 3장 튜토리얼 온보딩사례2. AIRBNB의 추천인 혜택 온보딩10가지 유저 온보딩 질문 전략Travel Agents의 Ask To Imporve Client Onoarding 전략 원문Have you used a travel agent before? :: 이전에 여행 앱을 이용해보신 적이 있나요?이용해본 적이 있다면 그 서비스에서 이탈하고 넘어온 것일 수 있으니 해당 앱에서의 불만 요소를 판단해서 잠재적 위험 요소를 제거해주어야 함.How many people are coming and what are their ages?몇 명이 참석하고, 연령대는 어떻게 구성되길 원하나요? -> 파티 추천 알고리즘에 직접적으로 연결 가능.. Programing/TIL 2024. 7. 18.
Next.js 프로젝트 생성 npx create-next-app@latest✔ What is your project named? … my-Next-Project✔ Would you like to use TypeScript? … No / Yes✔ Would you like to use ESLint? … No / Yes✔ Would you like to use Tailwind CSS? … No / Yes✔ Would you like to use `src/` directory? … No / Yes✔ Would you like to use App Router? (recommended) … No / Yes✔ Would you like to customize the default import alias (@/*)? … No / Yes 필요에 .. Programing/Next.js 2024. 7. 17.
Next.js를 쓰는 이유가 무엇인가? Vite나 CRA가 제공하지 않는 기능들을 제공하는 프레임워크의 성격을 갖고 있기 때문에 많이 사용되는 추세이다.여러가지가 있겠지만 대표적으로는 아래와 같은 기능을 추가적으로 제공한다. 왜 쓰는 지 알고 쓰는 것과, 유행이라서 쓰는 것과는 하늘과 땅 차이라고 생각하여 정리를 하며 고민을 해볼 필요가 있다고 생각했다. Next.js의 차별점라우팅라우팅이란, 쉽게 이야기 해서 웹 페이지를 이동하는 것을 말한다. 페이지마다 고유한 URL 세그먼트가 존재해야 페이지 별로 이동할 수가 있는데, 이것을 가능하게 만들어 주는 것이 라우팅 기술이다.Vite나 CRA를 통해 React 프로젝트를 생성하게 되면 React-Router-Dom이라는 라이브러리를 설치해서 별도의 세팅을 해주어야 한다.하지만 Next.js에서는.. Programing/Next.js 2024. 7. 17.
2024-07-16 User Flow Chart 부트캠프 과정에서 User Flow를 처음 경험해보았다.UI/UX 디자이너와 함께 협업을 하면서 처음 접하게 된 개념인데, 사용자가 앱의 어디에서 시작해서 앱의 사용을 종료할 때까지 앱의 다양한 기능과 화면을 통해 어떤 흐름으로 페이지와 기능을 이용하는지 관계도를 나타내는 것이다. 사실 지금까지 웹 사이트를 제작하면서 이 user flow를 고려해가면서 페이지 구성을 하지는 않았다. 그러나 웹 사이트의 정형화된 패턴에서 크게 벗어나지 않게 제작했기 때문에 이 user flow를 후에 작성하더라도 큰 문제는 없었을 것이다. 하지만 user flow를 고려하면서 '분기'도 명시하면서 유저와의 인터렉션도 고려하게 되었다. 또한 user flow를 작성하다 보니 라우트 구조까지 머릿속에 그려졌는데 인증/인가와 .. Programing/TIL 2024. 7. 16.
PWA 프로젝트 셋업하기 패키지 설치yarn add next-pwayarn add -D webpacknext.config.mjs 설정import withPWAInit from "next-pwa";const withPWA = withPWAInit({ dest: "public",});/** @type {import('next').NextConfig} */const nextConfig = {};export default withPWA(nextConfig);public/manifest.json 설정{ "name": "My Next.js PWA", "short_name": "NextPWA", "description": "My awesome Next.js PWA!", "icons": [ { .. Programing/Next.js 2024. 7. 16.
별자리 Hobby/Guitar 2024. 7. 14.

티스토리툴바