본문 바로가기

Programing375

2024-07-24 SEO란? SEO란, Search Engine Optimiztion의 약자로, 검색 엔진 최적화를 의미한다. 구글이나 네이버와 같은 검색 엔진에서 내 웹 사이트가 상위 노출되는 것은 누구나 바랄 것이다. 그런데 검색 엔진은 내 사이트가 어떤 사이트인지 알지 못한다. 그래서 검색 엔진의 로봇이 내 사이트가 어떤 사이트인지 잘 알 수 있게 해주는 것이 중요하다. 검색 엔진은 크게 웹 페이지의 제목(title), 설명(description), 이미지의 alt 속성 등을 읽어서 이 사이트가 어떤 내용으로 구성되어 있는지 판단한다. 그리고 기능 상으로는 작동하지 않는 등의 시멘틱한 HTML 태그 등도 검색 엔진이 이 사이트가 어떻게 구성되었는지 판단할 수 있는 근거가 된다. 여기서 React.js와 Next.js의 큰 차.. Programing/TIL 2024. 7. 23.
2024-07-23 프론트엔드의 디자인, Funnel Pattern 사용법커스텀 훅 살펴보기// useState, useCallback과 같은 리액트 훅을 사용하기 때문에 클라이언트 컴포넌트로 설정합니다.'use client';import { useCallback, useState } from 'react';// useNextButton 커스텀 훅을 정의합니다. 이 커스텀 훅은 Funnel 패턴을 구현하기 위해 단계를 넘기는 기능을 합니다.// 인자를 3개 받습니다.const useNextButton = (// initialStep은 초기 시퀀스의 숫자입니다. 보통은 0부터 설정하시고 실제 사용하는 페이지에서도 그렇게 작성하시면 됩니다. initialStep: number,// 버튼에 렌더링 되는 텍스트입니다. 쓰는 곳이 전부 다르니 prop으로 받았습니다. .. Programing/TIL 2024. 7. 23.
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.

티스토리툴바