Next.js 14과 Supabase로 간편하게 Kakao 로그인 구현하기

supabase와 Next.js 14를 이용해 간단하게 카카오 로그인을 구현하는 방법을 소개합니다. KAKAO... 더보기

authentication supabase nextjs14 oauth kakaologin webdevelopment

08/02/2024

퍼포먼스를 최대로! Supabase를 활용한 Prisma 및 PostgreSQL 설정하기.

Supabase와 Prisma를 활용한 PostgreSQL 설정 성공적🏰... 더보기

nextjs supabase postgresql prisma

07/29/2024

[svelteKit] form action을 사용하는 이유

아니 좋은 fetch 안 쓰고 왜 form action을 쓴다고 하십니까 팀장님! 네? html 표준이라고요? 그래요?... 더보기

sveltekit ssr form action +page.server.js react 데이터송수신

02/26/2024

[css] 맨날 까먹는 웹폰트 적용기 feat 글꼴 추천

우당탕탕 웹폰트 적용기, 웹폰트나 폰트 적용을 까먹는다. 반복반복반복 어차피 적어놔도 다시 반복해서 검색해볼테지만 일단 적는다. 구글폰트 어떻게 적용하는 건데...... 더보기

웹폰트 구글폰트 css

01/16/2024

[CSS] 선택자 + 결합자 ~ 명시도 > 제대로 알아보기

javascript만 잘하면 된다고 하셨잖아요? 왜 CSS가 저를 괴롭힙니까. 선택자와 결합자, 명시도에 대한 이야기... 더보기

CSS HTML 자바스크립트 선택자 결합자 캐스케이딩 명시도 개발자

11/27/2023

[SEO] SvelteKit에서 RSS를 제대로 적용하는 방법

SEO를 위하여 스벨트킷에 RSS를 추가한다. sitemap / rss / SEO를 통해 구글 ads 승인을 원합니다. 하라는 대로 운영하겠습니다 충성... 더보기

RSS 애드센스 블로그 SEO 스벨트킷 sveltekit sitemap 검색최적화

11/08/2023

[구글 리디렉션 오류] 블로그 색인이 생성되지 않는다. 왜 나만 안될까?🫠

블로그를 새로 만들었지만 여전히 색인이 안되는 문제에 관하여 살펴본다. 따라서 내 포스팅들은 잠자고 있다는 의미이다.... 더보기

색인 구글콘솔 네이버서치어드바이저 redirectionerror error308 vercel domain GSC googlesearchconsole 블로그이사 리디렉션오류

11/03/2023

CSP에 대하여, 이미지 소스에 문제가 있다. - 번외편

strapi-provider-upload-supabase-v4 로 strapi와 supabase의 storage를 연동해서 이미지가 media library에 잘 업로드되고 사용했... 더보기

csp contentSecurityPolicy strapi img src

10/30/2023

next 13 그냥 쓰지맙시다. | Strapi 나만의 블로그 만들기(4)

정말 간단한 블로그라 데이터를 불러오고 카드형식으로 뿌리고 클릭했을 때 detail page만 나오면 되는 초간단 사이드프로젝트였다 [...] 심플하게 쌓아 심플한 현실을 그리자... 더보기

googleanalytics koyeb picocss rss ssr blog cms next13 seo site-map strapi supabase

10/24/2023

nextJS와 Strapi 연결하기 | 나만의 블로그 만들기 (3)

지난 글에서 백엔드 로직을 짜보았다. 50%는 완성되었나 싶었는데, 아직 갈 길이 멀다. 프론트로 넣어서 어떻게 보여줄 것인가의 작업이 남아있다. 사실 보여주는게 제일 중요하다.일... 더보기

LRS PostgresSQL vlog koyeb nextjs picoCSS strapi supabase 수익화블로그 워드프레스

10/24/2023

사이트가 멈췄다? ISR을 알아봅시다. feat SSR

나의 블로그는 왜 정적인가? 왜 CMS와 호흡하지 못하는 것인가. 수동으로 되살아났던 응급실의 블로그에 관하여... 더보기

SSR ISR vercel svelteKit nextjs javascript csr 정적사이트

09/25/2023

Strapi와 Supabase를 활용한 수익화 블로그 구축기 - 백엔드 설정과 배포 (2)

전 풀스택 부트캠프를 들었지만, 프론트엔드 개발자입니다만? 이것저것 붙여서 백엔드 로직 구성해버리기 strapi - supabase- postgreSQL - koyep... 더보기

koyebvercel blog nextjs seo supabse 수익화 블로그 에드센스 워드프레스 클라우드웨이즈

09/25/2023

프롬프트 엔지니어링: chat GPT에게 먹히는 진짜 질문패턴

프롬프트 엔지니어링에 대한 깊이 있는 이해를 제공합니다. 그것이 무엇인지, 왜 필요한지, 어떤 패턴들이 있는지 설명하고 있습니다. 또한 AI 모델을 통해 지식을 추출하는 방법의 중... 더보기

프롬프트엔지니어링 자연어처리 NLP AI모델 질문패턴 페르소나패턴 레시피패턴 리플렉션패턴

09/13/2023

워드프레스 ? 그게 뭔데 : 수익화 블로그 대안 기술 스택 (1)

크리에이터가 워드프레스 할 줄 아냐고 물어봤다. 워드프로세서 1급 자격증은 있는데... 중략 strapi + supabse + nextjs + koyeb + vercel... 더보기

koyeb vercel blog googledomains nextjs seo strapi supabase 수익화 애드센스 워드프레스 클라우드웨이즈

09/13/2023

[react] 상!태!관!리! Zustand 를 아십니까?

정말 쉬운 리액트 전역상태관리! 프로젝트 한다고? 뭐 새로 배울 시간이 없다고? 무조건 사용해보자. zustand! 주토피아 아님... 더보기

flux react js javascript 상태관리 redux recoil

09/11/2023

[node.js] "실시간 메일 푸쉬를 받고 싶습니다" _ nodemailer 메일 알람 기능 구현

SvelteKit으로 email push 기능 개발하기. 우리에겐 고객 전환율이 필요하다.... 더보기

nodemailer nodejs 메일 알람 sveltekit push 메일알람 법률사무소대도

09/05/2023

[mac] 🤩 내 인생, 첫 맥북 개발자 초기 세팅

평생 윈도우를 사용한 신입 개발자가 풀어놓는 맥북 초기 세팅법 (shell을 이쁘게 해보자)... 더보기

맥 apple fig node prezto homebrew pure shell 테마변경 맥북 초기세팅 단축키

09/04/2023

[deno & postgres] deno deploy에서 supabase 연결하기

사실 생소하다.deno 보는 바와 같이 최신 기술이다. 하나하나 간략히 보자 (나도 잘 모름) 🦁라이언 달 say :nodejs를 만들고 10가지 후회함... ... 더보기

node postgresql deno denodeploy nodejs supabase 배포 데노 라이언달 sveltekit

09/04/2023

[node.js] 메일 발송서비스 만들기 : nodemailer test 코드 작성

코드를 짜서 메일을 보낸다니? nodemailer를 이용해보자 구글메일에 감사하며 살아가기 ... 더보기

TDD testcase jest nodejs nodemailer 메일발송 자동화

09/01/2023

[node.js] nodejs 기본기 & URL.toString() 직접 확장하기

node.js는 javascript의 혁명으로 불리운다. JS로 서버 개발하는 목적으로 만든 JS Runtime으로 웹서버로 활용되며, 프로그래밍적으로 사용자에게 전송할 데이터..... 더보기

javascript module js nodejs toString url Non-blocking I/O

09/01/2023

[node.js] 암호화 그리고 encrypt password

암호화는 남의 일인줄 알았다. 문과에선 개인정보보호, 이과에선 암호화를 다루는구나. 내 정보만 팔려 나간 정신나간 세상... 더보기

backend node encrypt decrypt nodejs 암호화 seed

08/31/2023

[Svelte] 사랑만하고 사용하지않는 스벨트에 대하여,

좋아한다 사랑한다 해놓고 정작 사용하지 않는 스벨트를 알아보자. 다르다는 건 두렵기도 하지만 때론 기회일 수도 있다. 스벨트를 알아보자.... 더보기

javascript react js svelte sveltekit 스벨트 자바스크립트

08/31/2023

[React & node] socketIO 연결 편 (1)

socketIO를 통해 실시간으로 클라이언트와 백엔드를 연결하는 방법. 이제 우리도 카톡이 될 수 있어... 더보기

카카오톡 1:1채팅 socketIO websocket javascript 채팅기능구현 react nodejs

08/25/2023

[React & node] socket.IO로 1:1 채팅 프롤로그

socket.IO를 이용한 채팅 연결을 상세히 기록해보고자 한다. PocaZ 프로젝트 구현 전에 통신의 개념을 먼저 알아보도록 하자 ... 더보기

javascript react nodejs socketIO http 채팅기능 카카오톡 websocket

08/25/2023

[vitest]TDD + svelteKIT 유닛테스트를 해보자

⚡️vite를 쓴다면 vitest로⚡️ unitTEST 도 빠르다!... 더보기

TDD JDD js svelte svelteKIT 테스트주도개발 vitest 유닛테스트

08/25/2023