[what is your mbti] socket.io로 채팅 구현하기 [what is your mbti] socket.io로 채팅 구현하기안녕하세요.처음 1차 배포하고 채팅 구현해서 2차 배포한 내용을 블로그에 담으려고 합니다. 1. 업데이트 내용- 채팅 시작서로 좋아요한 사람들끼리 채팅시작 할 수 있습니다.좋아요 리스트에서 채팅하기 버튼이 보입니다 - 채팅 목록 화면좋아요 페이지에서 채팅하고 채팅을 치면 목록이 나옵니다.목록도 소켓연결로 실시간 업데이트 내용을 보여줍니다내용이 많아질 경우 인피닛 스크롤로 더 볼 수 있습니다 - 채팅 상세 화면좋아요 or 채팅 목록에서 상세페이지로 들어갔을 경우 채팅할 수 있습니다.실시간으로 채팅 가능합니다.내용이 많아 질 경우 리버스 인피닛 스크롤로 채팅 확인 가능합니다 2. 프로세스 1. 유저의 상세페이지 / 추천하기.. MBTI가 어떻게 되세요? (feat: what is your mbti) MBTI가 어떻게 되세요? (feat: what is your mbti)리액트와 넥스트를 공부하면서 어떤 프로젝트를 만들지 고민하다가포폴용으로 소개팅 앱을 만들면 재밌겠다 싶어서 시도해봤습니다.정확히는 sns형 소개팅앱으로 소개팅앱에서 아쉬웠던 사람들을 한번에 볼수없다는것과 뭐할때마다 조건이 들어가는 부분을 개선하고 좀더 sns형식으로 가볍게 다가갈 수 있게 하려 했습니다.제일 정확히는 공부했던 것들을 모두 적용할 수 있는 프로젝트를 생각해보다가 만들게 되었습니다추후에 수정해야할 것들은 차고넘치지만 일단 1차 배포를 축하하는 의미로 블로그에 남기려고 합니다. 0. 프로젝트 소개- sns형 소개팅 앱기존 소개팅 앱에서 아쉽다고 생각하는 부분들을 sns와 결합함으로써 해결하려고 했습니다.(이성을 만날 수 .. Next.js | Prisma | 나만의 카페 리스트 - 1 [회원가입 / 로그인] 0.서비스 설명 우연히 저랑 비슷하게 공부하시는 분의 유튜브를 보다가 카페관련 어플을 만드시는거 보고 나도 이번에 공부하는걸로 저렇게 만들어보고 싶다라는 생각이 들었습니다. 메인에서는 오늘의 카페를 랜덤으로 뿌려주고, 리스트 페이지에서는 카페리스트를 뽑아오고 거기서 나만의 리스트를 만들고 리뷰도 쓸수있도록 하면 좋을것 같았습니다. 거기에 회원가입/로그인 기능까지! 포폴에도 도움이 될수 있으면서, 제가 공부한것을 녹여낼수 있고, 거기에 배우고 싶었던 백엔드 찍먹까지 할 수 있으면 좋겠다 생각했습니다. 아직 진행중이고 처음 접한 부분들이 많아서 중간중간 글을 올리고 수정할 생각입니다. 회원가입/로그인/리뷰작성 등 필요한 백단을 한번도 해본적이 없어서 초보자에게 쉬운게 어떤게 있을까 찾아보다가 nextauth.. Next.js | 영화 서비스 0. 서비스 설명 니꼬쌤의 노마드 코더 강의를 들으면서 만들었습니다. 기본 수업에선 간단히 nextjs를 맛보기 위한 프로젝트였어서 별다른 스타일도 없고 기능도 없었습니다. 그래서 다른 라이브러리들을 경험하고 이왕이면 포폴에도 도움이 될 수있지 않을까해서 작업하게 되었습니다. 특징 빠른 초기화면 / 캐싱으로 인한 빠른 화면 seo 최적화 반응형 ui tailwind css shadcn/ui 스켈레톤 ui shadcn/ui carouce shadcn/ui dialog https://nomadcoders.co/nextjs-for-beginners/lectures/3454 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.. 이전 1 다음
