react

[Next.js + prisma + planetScale] Cheer luv 목표 공유 앱

서비스 부터 소개하겠습니다. 목표를 공유하고 응원하는 간단한 Todo App입니다~ 신년 목표를 작성하고 서로 응원하는 시간을 가져봐요! cheer luv - 목표를 공유해요 cheer-luv.vercel.app To Do List를 갑자기 개발한 이유 완전 J인 사람이라 신년 목표를 계획하고 있었는데 뭘 해야할지 고민이 됐어요. '다른 사람의 신년 목표는 무엇일까?' 생각이 들어서 목표를 공유하는 서비스를 개발하게 됐습니다. 요즘 MVP 개발을 최대한 빠르게 하는걸 목표로 여러가지 알아보고 있는데, Next + Prisma + planetScale을 이용하면 풀스택 어플리케이션을 개발할 수 있을 것 같아서 기술 공부 목적으로 개발했습니다. Next를 애용하는 사람 중 한 명인데, api 기능은 써본적이..

[React-query] 기존 Query Data 갱신, 삭제하는 법

서비스를 만들다 보면 어떤 동작을 했을 때, 기존의 데이터를 새롭게 받아오거나, 삭제해야 하는 경우가 있다. 예를 들면, 다음이 상황이 있을 수 있다. 새로운 포스트를 작성했을 때, 포스트 데이터를 새롭게 받아오는 상황 로그아웃을 했을 때, 사용자 프로필 데이터를 삭제하는 상황 이번 시간에는 React-query를 사용할 때, 기존의 데이터를 갱신하는 법과 삭제하는 법에 대해서 알아보겠다. React-query를 이용해 데이터 받아오기 React-query는 서버 상태 관리 라이브러리 중 하나이다. 해당 글에서 React-query의 자세한 사용 방법은 다루지 않겠다. 구체적인 사용 방법이 궁금한 사람은 아래의 공식문서를 확인하는 것을 추천한다. TanStack Query | React Query, S..

SSR에서 로그인 유무 확인하기 (Feat. Next.js)

서비스를 개발하다 보면, 사용자의 로그인 유무에 따라 다른 화면을 보여줘야 하는 경우가 있다. 예를 들면, 로그인하지 않은 사용자에게는 로그인 버튼을 보여주고, 반대로 로그인한 사용자에게는 프로필이나 로그아웃 버튼을 보여주는 식이다. 이번 시간에는 SSR에서 로그인 유무를 확인하는 방법을 공유하고자 한다. 일러두기 해당 글에서는 원활한 소통을 위해 SSR을 Frontend의 Server, CSR을 Fronted의 Client의 의미로 사용할 것이다. 개발환경 Typescript React Next.js JWT axios @tanstack/react-query nookies 기존 CSR에서 처리하는 방법 SSR에서 처리하는 방법을 알아보기 전에, 기존 CSR에서 어떻게 했는지 소개하겠다. 전통적인 방법 일..

[사이드 프로젝트] solomon 고민 플랫폼 - 문제 발견 (2)

왜 고민 플랫폼을 만들어? 고민이 없는 사람이 세상에 존재할까? 누구나 사소한 고민부터, 인생이 걸린 고민까지 다양한 고민들로부터 해방되고 싶어 한다. 나는 생각이 정말 많은 사람이라서 고민이 정말 많고 이 때문에 스트레스를 많이 받는다. 보통 주변 사람들에게 내 고민을 털어놓곤 하는데, 주변 사람들에겐 미안하지만 사실 큰 도움이 되지 못한다. 이럴 때마다 '정말 지혜로운 사람이 내 고민의 답을 주면 좋겠다'라는 생각을 한다. 이런 생각을 해서 일까, 다른 사람의 고민을 들어주고 해결책을 제시해주는 걸 좋아한다. '덕분에 고민이 해소됐어'라는 말을 듣게 되는 날은 흐뭇해진다. 반대로, 내 말대로 하지 않았다는 얘기를 들으면 짜증이 날 때도 있다. 주변 사람에게 이런 경험들을 얘기한 적이 있었는데, 다들 ..

[사이드 프로젝트] solomon 고민 플랫폼 - 시작 (0)

스타트업에 꿈을 품게 된 이후로 9개월이란 시간이 지났다. 그동안 기획과 개발에 대한 공부를 많이 했는데, 뒷심이 부족한 성격 탓일까 제대로 된 프러덕트를 론칭한 경험은 전무하다.... 난 항상 프로젝트가 이렇게 진행되고 끝난다. 기발한 아이디어가 떠오른다. 신나게 개발한다. '근데 이걸 사람들이 쓸까?'라는 생각이 든다. 중도 포기한다. 그래서 이번에는 끝까지 마칠 수 있도록, 프로젝트 개발과 활성화하는 과정을 블로깅하면서 진행해보려고 한다. 이번 사이드 프로젝트로 이루고 싶은 우선순위는 다음과 같다. 수익 내기 서비스 활성화하는 과정 경험해보기 개발 인프라 공부하기 그리고, 다음의 규칙을 세웠고 최대한 지키고자 한다. 스타트업을 하는 방식으로 한다. 최소 주 3회 진행한다. 핵심 목표는 다음과 같다...