01/02 ~ 01/05 코딩일기

Spoonacular 이용한 recipe 앱

1) 라이브러리 / REACT.JS
2) 설치한 라이브러리
-> react-icons / react-router-dom (SPA) / framer-motion
3) .env 를 통해 API 변수 관리
4) styled-components를 통해 style 관리

* {detail.summary} -> 그냥 사용 시 깨짐
* dangerouslySetInnerHTML={{__html: detail.summary}} 로 코드 사용 시 HTMl 그대로 나옴.

5) LINK - to{'/recipeinfo/' + item.id} 를 이용해 item.id를 통해 클릭한 DATA 그대로 받아오기

styled-components
장점 ) css 파일 필요없이 한 화면에서 조작가능
단점 ) 직접 하드코딩,,