Jeden Tag, aufrichtig und lustig.

1. 프로젝트를 하게 된 배경 리액트를 공부하는 용도로 youtube api를 활용해서 youtube를 구현해보았다. 다른 작업과 병행하다보니 기획부터 배포까지의 총 작업기간은 6일정도 소요되었다. 2. 배운 점 및 느낀 점 이번 프로젝트를 통해 새롭게 배우고 경험한 것은 크게 6가지다. youtube api 활용 mock 데이터 생성 및 활용 React에서의 테일윈드 CSS 적용 폴더구조와 url 구조 기획 MVP 형태 개발 .env 활용 프로젝트에서는 아래의 4가지 api를 활용하였다. 인기 동영상 데이터 검색 키워드에 따른 데이터 연관된 동영상 데이터 채널 데이터 일목요연하게 api가 정리 되어 있어서 필요한 api를 쉽게 찾을 수 있고, 필요한 데이터 수도 간편하게 지정할 수 있다. 다만 불편한 ..

미디어 쿼리 responsive web (반응형 디자인)을 제작하는데 사용 된다. 반응형 디자인이란 화면 크기에 따라 웹페이지의 각 요소들이 반응해서 최적화된 웹페이지를 만드는 것이다. ex. 화면의 최대 크기가 800이하일 때 display를 none하고 싶은 경우, @media (max-width : 800px) { div{ display : none ; } }