사이드프로젝트

[don't Hate Cats] 1차 기록

Okguri 2022. 7. 1. 18:45

don't Hate Cats 작업을 하면서 배우는 기술이나 트러블슈팅을 기록하는 게시물. 

 

1. 언제 api를 호출할 것인가?

1) 입장 버튼을 클릭할 때 api를 호출해서 return 값을 받아온 뒤, 화면 이동? how? 

 

 

2. react-router-dom이 필요한가? 화면 이동이 거의 없는 상황에서? 

생각해 보니, router까지 필요하진 않은 거 같음. 

router 제거하고, a 태그로 그냥 해도 될 거 같은데. ㅋㅋ 

 

3. api 불러올 때 useEffect 안 되던 문제는 강의 118번 참조. 

이렇게 하면 되겠네!

https://velog.io/@ckvelog/data-fetch-before-render

 

4. 폰트

https://noonnu.cc/font_page/242

 

렌더링되기 전에 데이터를 불러오고 싶은 경우

파이널 프로젝트 진행 중 컴포넌트가 렌더 되기 전에 데이터를 먼저 불러오고 싶은 경우가 있었다. 하지만 이 둘 어느것도 componentWillMount 의 역할을 대체할 수 없었다. 컴포넌트가 DOM 위에 만들

velog.io

 

https://jsfiddle.net/adenF/njf4vts0/

 

TheCatAPI: VanillaJS load an image - JSFiddle - Code Playground

 

jsfiddle.net

 

https://docs.thecatapi.com/

 

Home

TheCatApi // Developer Experience Get your API Key from - https://TheCatAPI.com Here you'll find the API reference & Code examples for: 1\. Searc...

docs.thecatapi.com

 

모바일웹 css 

https://velog.io/@eunddodi/React-%EB%AA%A8%EB%B0%94%EC%9D%BC-%EC%9B%B9-%EC%95%B1-100vh-%EC%8B%A4%EC%A0%9C-%ED%99%94%EB%A9%B4-%ED%81%AC%EA%B8%B0%EB%A1%9C-%EB%A7%9E%EC%B6%94%EA%B8%B0