본문 바로가기
code.camp

댓글 등록과 수정, ant.design, UI 프레임워크, 라이브러리, 달력, 별점

by jyamin 2021. 10. 22.
728x90

7/19

위, 아래 같은 컴포넌트
등록하기 함수
수정하기 함수, 작은네모 = 게시물 아이디
isEdit이 맵 밖에 있으면 안되는 것
네모박스가 10개라는 것
수정하면이 보이게 되는 것

 

UI 프레임워크

 

캐러셀라이브

만드는데 오래걸림

ant.desigh 사이트에서 가져오기

주의: id를 넣어도
id는 비어있다 그래서 넣는 방법은 따로 있음
설치를 했는데도 안뜨는이유 = 자바스크립트가 아니라 타입스크립트이기 때문
주석처럼 하면 되지만 가능하면
이렇게 설치

 

디자인이 망가진 이유 = CSS가 이상

그래서 ant.design

이렇게 하면
이렇게!
마우스 있는 부분이 function과 같다

 

유튜브 넣기

사이즈 조절은 여기서!
기능들이 적혀있음, 음소거~ 자동 재생 등

 

-----------------------------------------참고-----------------------------------------

별 넣기

마우스 올리면 나오는 점수

클릭하면 아래 점수 나오게 하기

-----------------------------------------참고 끝-------------------------------------

유튜브 url 추가

안에 유튜브가 포함되어 있어서 바꿀필요 없음

연결

아래 사진에 있는 곳에 연결

추가해야 화면에 보임
오른쪽 네모들은 위 사진 참고

끝!

좋아요 싫어요 넣기

추가!
이 게시물에서 좋아요를 1씩 늘려주세요~ 하는 곳
스타일

disabled 사용 = 결과이므로 클릭하면 안되니까

728x90

댓글