본문 바로가기

교육후 개인공부61

[CSS] width가 %일경우 width를 %로 설정하면 부모요소의 %로 설정된다. 근데 width %의 문제는 PC사이즈에서 너무 크다는것이다. 그래서 max-width를 같이 쓴다.(최대폭을 설정한다) 2023. 12. 2.
[CSS] position설정 position: relative 내 원래 위치를 기준으로 이동하세요 position: static 좌표 이동하지 말아주세요 position: fixed 현재화면이 기준(viewport 기준) 상단메뉴같이 위치 고정되는거 만들때 사용한다. position: absolute 내 부모 태그중에 position:relative를 가진 부모가 기준이다. position: absolute준 요소 가운데 정렬 하려면 position: absolute left: 0; right: 0; margin: auto; width: 알아서설정. 어떤 두가지를 겹쳐서 보여주려고할때 margin을 -로 설정하면 밑에 보여지는 화면이 밑으로 깔린다. 밑에 보여지는 화면이 위로 등장하게 하려면 position: relative; to.. 2023. 12. 2.
[CSS] selector를 이용한 css 작성법 selector 문법 > : '~안에있는' 직계자식만을 칭한다 selector 문법 공백 : '~안에있는' 모든자식을 칭한다. .navbar>li { display: inline-block; } 2023. 12. 2.
[TroubleShooting] query data를 여러개 가져오는과정중 발생한에러 일단 첫번째 문제는 query를 이용해서 data를 여러개 가져오는 과정중에 발생했다. queries를 이용해서 해결했다.const queries = [ { queryKey: "tvpopular", queryFn: getTvP }, { queryKey: "tvrate", queryFn: getTvT }, ]; const results = useQueries(queries); 이렇게해서 results를 console.log해보니 [{},{}]이렇게 데이터가 담겨있었다. 가장 큰 문제가 발생했다.넷플릭스클론을 하는과정중인데메인화면에 popular, rate 슬라이더를 두줄 만드는데슬라이더를 만드는 과정까지는 무리없었다. 해당작품을 클릭하면 그 작품에 대한 설명이 나오는 오버레이를 구현하는 과정.. 2023. 10. 21.