[TIL] 23/12/24 스파르타 무료 강의: 크리스마스 캘린더 만들기 > 편지로 바꿈

 쉽지않다.. css

찐 프론트가 되는 길..

클스 이브에 뭐하는..

TIL

쉽지않았던 무료 특강 : 크리스마스 캘린더 만들기

원래 아직 안온 날짜의 카드는 안열리게 구현 되어있는데, 이미 24일이어서 모든 카드 열람가능.
그래서 약간 수정해서 크리스마스 편지로 활용해보는 중..

 

1번카드부터 24번카드 까지 편지를 써놔서,

이전 날짜 카드가 안 열려있으면 열지 못하게 바꾸었다!!

github에 올리고

이전 카드 안열려있을 때는 모달창에 내사진 나오게 해줌.

이제 배포해서 친구들 전달..ㅋㅋ

 

https://replit.com/@azazahee/SCC-Advent-Calendar

SCC-Advent-Calendar

 

 

이 무료특강...

코드 스니펫 적용하면 누구나 만들 수 있지만

뜯어보면 나름어렵다...ㅎ

 

적용 된 주요 css

1. perspective (원근법) : 카드 뒤집기에 사용

참고 블로그:  https://gahyun-web-diary.tistory.com/80

 

 

TMI .
남친용과 친구용 두가지 버전으로 배포했는데..
(이것도 방법을 몰라서 구린게  하나는 github에서 branch 선택해서 배포, 하나는 vercel에 default branch 바꿔서 배포)
사실 하나만 배포하고 페이지 나눠서 상세주소만 다르게 링크 전달해 줘서

그사람 용으로 보여주게 하고 싶기도 했는데 귀찮아서 실패앵..

그리고.. 사실 vanila javascript로만 구현하는 거 다 까먹어서 쪼끔 수정하는데도 힘들었땅...