프론트엔드
유튜브 강좌로 프론트엔드 개발을 배우고 아이디어를 직접 개발해서 스타트업 창업을 목표로 합니다.
#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 배치
Comments
키워드 내용에 대한 서로의 생각을 공유하고 댓글로 응원해주세요.