[TIL] 20220208

 

1. You can only use optional-chaining when the 'optionalChaining' plugin is enabled.

commit을 할 때 prettier 설정에 의해 optional chaining을 쓴 부분이 commit 이 안됐다. 

그래서 몇시간 동안 찾아봤는데 도무지 모르겠음................................ 

optional chaining

https://stackoverflow.com/questions/59093630/how-to-enable-optional-chaining-with-create-react-app-and-typescript

1. package-lock.json, nodemoudles파일 삭제
2. devpendencies에서 eslint삭제
3. yarn install

2. 카드 펼치기 css

갑자기 만들고 싶은 서비스가 생각났다. 

내가 관심있는 타로카드를 직접 뽑을 수 있는 페이지를 만들고 싶다.

그리고 인터렉티브 css도 조금씩 실습해볼까 한다. 

나는 시각적으로 예쁘고 다이나믹 한 걸 좋아하는데 회사에선 그것을 못하고 있으니.........

 

[참고 자료]

카드 뒤집는 효과

https://codepen.io/nicolaspavlotsky/pen/wqGgLO

카드 펼쳐지는 효과

https://codepen.io/2creativebrains/pen/ALyrLE

https://codepen.io/cmlohr/pen/ExZjOqW

https://codepen.io/gavinn/pen/xxzPqa

https://www.w3tweaks.com/css-cards.html

https://www.w3tweaks.com/css-cards.html

카드 펼치기

https://codepen.io/candroo/full/NvJZNx

예쁜 카드 효과

https://codepen.io/Mestika/pen/KVXVWE

https://codepen.io/shshaw/pen/KzYXvP

https://medium.com/@leferreyra/first-blog-building-an-interactive-card-fan-with-css-c79c9cd87a14

라이브러리

https://github.com/nuxy/baraja-js