전체 글 46

position : relative , absolute

position 속성을 통해 문서 상에 요소를 배치하는 방법을 지정한다. top, right, bottom, left 속성을 통해 요소의 최종 위치를 결정한다. block : 한 줄 모두 차지 (대표 element - , ) inline : 콘텐츠 크기 만큼만 차지 (대표 element - ) position : 다음 표의 값; static 기준 없음 (배치 불가능 / 기본값) relative 요소 자기 자신을 기준으로 배치 absolute 부모(조상) 요소를 기준으로 배치 fixed 뷰포트 기준으로 배치 stickey 스크롤 영역 기준으로 배치 Relative 요소를 일반적인 문서 흐름에 따라 배치한다. 요소 자기 자신의 원래 위치(static일 때의 위치)를 기준으로 배치한다. 원래 위치를 기준으로 ..

HTML & CSS 2022.11.05

async , await , fetch 로 API 가져오기

useEffect(()=> { (async()=> { const response = await fetch("https://api.coinpaprika.com/v1/coins"); // fetch를 통해 해당 주소의 api를 가져온다. const json = await response.json(); // 가져온 api를 json 형식으로 바꿔준다. setCoins(json.slice(0,10)); //setState 로 state에 값을 저장한다.(slice를 이용해 원하는 갯 수를 정할 수 있다.) setLoading(false); // api 가져오는 순간 동안 boolean 을 이용해서 로딩 문구를 띄워준다. })(); },[])

React 2022.11.04