반응형 fetch3 알아두면 좋은 팁.. (React Query) * React Query - : fetch의 로딩 상태와 로딩 이후 데이터를 셋팅하는것을 자동으로 해 주는 라이브러리 npm i react-query * apexcharts : 각종 chart 제공 npm install --save react-apexcharts apexcharts * CSS 색 참조 사이트 https://flatuicolors.com * head 영역 부분을 변경하기 위한 component npm i react-helmet 2022. 7. 21. fetch javascript를 사용하면 필요할 때 서버에 네트워크 요청을 보내고 새로운 정보를 받아올수 있음 이때, 페이지를 새로고침 없이 조회 가능 fetch()는 구식 브라우저에서는 지원하지 않지만, 대부분의 모던 브라우저에서 지원 됨 * 기본문법 let promise = fetch(url, [options]) - url : 접근 하고자 하는 URL - options : 선택 항목, method나 header등을 지정 할 수 있음 - options에 아무것도 넘기지 않으면 GET 으로 요청 - fetch()를 호출하면 브라우저는 네트워크 요청을 보내고 promise 가 반환됨 - http 상태는 응답 프로퍼티를 사용하여 확인 가능 - status : http 상태코드 - ok : http 상태코드가 200 ~.. 2022. 6. 3. Javascript 간편정리 * Javascript는 모든 브라우저에 기본 탑재 되어 있음. * console.log() => 브라우저의 콘솔에 괄호안의 내용을 출력 해 줌 * 변수선언 - 상수 : const -> const conArray; - 변수 : let -> let letAr; * 변수타입 - integer : const a = 1; - string : const a = "1"; - boolean : const a = true; - null : const a = null; - undefined : const a; - array : const a = ["1", "2", "3", "a"]; - object : const a = {}; * 함수 - 키워드 : function 으로 시작. 함수명 + () {코드블록} 로 완성 - .. 2022. 5. 16. 이전 1 다음 반응형