https://ny0011.github.io/myhome/
- 환경 설정
- 스타일 설정
- 태그 style 지정
- 일반 태그와 framer-motion 사용 태그 분리
- Theme 색 지정
- 기본 배경 어둡게
- font 지정
- emoji icon 지정
- 태그 style 지정
- 검색 UI 만들기
- 검색 버튼
- On : 검색 창 + 닫기 버튼
- Off : 검색 버튼
- 검색 버튼
- 북마크 UI 만들기
- 북마크 토글 버튼
- 북마크 리스트
- 북마크 데이터 구성
- 최대 6개 추가 가능
- (임시) local storage에 저장되도록 구성
- 북마크 UI 수정
- 데이터가 0개부터 5개 있을 때 추가 버튼 보여주기
- 추가버튼 누르면 Form UI 띄우기
- 북마크 이름
- 북마크 URL
- 북마크 수정/삭제 버튼 추가
- (아이디어)
- 북마크 이름이 가운데에서 빙글빙글 도는 애니메이션 만들기
- 참고
- 북마크 이름들 가운데에 달 띄워두기...?
- 유튜브 채널 링크 북마크는 클릭할 때 아래쪽에 채널의 최신 영상 import
- 만약 이전에 본 영상이라면 영상을 보여주지 않음
- 전체 배경화면 남색 -> 하늘색 그라데이션
- 다음 스텝을 위한 NestJS 스터디
-
북마크 UI 수정
- 북마크 이름들이 관람차처럼 빙글빙글 도는 애니메이션 만들기
- 참고
- 북마크 버튼 제외
- 북마크 item의 수정 삭제 버튼 위치 변경
-
북마크 중 유튜브 채널 링크일 때 기능 추가 -> 백엔드 필요!
- new idea
- 새로운 영상이 있으면ㅋㅋㅋ 채널 이미지 눈에 불들어오깈ㅋㅋㅋㅋㅋㅋ 한쪽에만ㅋㅋㅋㅋㅋ 자전 무엇ㅋㅋㅋㅋ
- react-youtube
- youtube api 사용
- https://www.npmjs.com/package/react-youtube
- 미디어 쿼리를 사용해보자
- 모바일 : 회전 회오리
- 데스크탑 : 회전 ㄴㄴ, 원 반지름 2배
- react-youtube 사용해보기
(가안)
- 메모장 UI 만들기
- todo 리스트를 만들까 하다가 그냥 3줄짜리 메모장 + 저장버튼을 만들면 되지 않을까? 싶음