KeySsue Beta

세상의 모든 댓글 키슈!

로그인

프론트엔드

유튜브 강좌로 프론트엔드 개발을 배우고 아이디어를 직접 개발해서 스타트업 창업을 목표로 합니다.

#Next.js

Nextjs, React, Tailwind를 사용하여 실시간 Miro 클론 구축(2024)

공동 작업이 가능한 실시간 화이트보드인 Miro 클론을 만드는 방법을 배우고 실시간 데이터베이스, 직사각형 및 타원과 같은 모양을 추가할 수 있는 화이트보드, 스티커 메모 및 연필 드로잉과 같은 기능 구현

00:00 소개 및 데모

03:42 추가 정보

04:07 프로젝트 설정

12:33 프로젝트 구조

30:41 Convex & 서기

56:51 대시보드 레이아웃

01:10:25 사이드바

01:35:01 조직 사이드바

01:49:49 Navbar

02:04:04 빈 상태

02:23:22 변형 생성

02:41:57 보드 목록

03:14 :28 카드 동작

03:55:36 선호하는 기능

04:18:12 검색 쿼리

04:31:52 캔버스 레이아웃

04:42:50 라이브 블록 설정

05:00:13 방 인증

05:19:44 방 정보

05:36: 23 방 참가자

05:49:46 방 도구 모음

05:56:45 캔버스 상태

06:22:01 커서 존재

06:47:41 레이어 삽입

07:20:07 레이어 선택

07:36:02 선택 상자

07:59:34 레이어 크기 조정

08:17:52 레이어 변환

08:31:29 색상 변경 및 삭제

08:50:09 레이어 깊이

08:56:46 선택 순

09:11:53 기타 요소

09:32:51 연필 및 그림

10:13 :02 배치

작성자 @하보리·0 ·10달 전
채널을 구독하면 구독한 채널에 키워드를 등록할 수 있습니다.
..

Comments

키워드 내용에 대한 서로의 생각을 공유하고 댓글로 응원해주세요.

등록된 댓글이 없습니다.
유튜브 강좌로 프론트엔드 개발을 배우고 아이디어를 직접 개발해서 스타트업 창업을 목표로 합니다.
나만의 채널을 선점해보세요.

@ KEYSSUE