https://velog.io/@kwonh/Chart.js-%EC%B0%A8%ED%8A%B8%EB%A5%BC-%EA%B7%B8%EB%A0%A4%EB%B3%B4%EC%9E%90-%EB%B0%94%EB%8B%90%EB%9D%BC-React-Vue%EC%97%90%EC%84%9C-Chart.js%EB%A1%9C-%EC%B0%A8%ED%8A%B8%EA%B7%B8%EB%A6%AC%EA%B8%B0 [Chart.js] 차트를 그려보자 - 바닐라, React, Vue에서 Chart.js로 차트그리기 Chart.js 는 유용한 자바스크립트 차트 라이브러리다.바닐라 자바스크립트로도 차트를 그릴 수 있고, 프레임워크들과의 통합도 쉽다.그리고 크로스 브라우징이 가능하다.다양한 형태의 차트들도 velog.io chart.js와..

export default function ResultGraph() { const [firstResponse, setFirstResponse] = useState(""); const context = useContext(UserContext); //CORS : Cross Origin Resource Sharing 교차 출처 리소 스 공유 // 도메인과 포트가 서로 다른 서버로 client를 요청했을 때 브라우저가 보안상 이유로 API를 차단하는 문제. ex client는 8080포트, server는 9000포트일 때. //나는 지금 백엔드 없이 프론트React만 사용하므로 요청받는 server에서 모든 요청을 허가한다든지 백엔드에 cors 패키지를 설치해 미들웨어로 처리한다든지 할 수 없다. useEff..

// Promise란 : 비동기 작업의 단위 // 비동기 작업이 성공 : resolve 호출 // 비동기 작업이 실패 : reject 호출 // then : 해당 Promise가 성공했을 때 후속 조치 동작, 인자로 함수 받음 // catch : 해당 Promise가 실패했을 떄 후속 조치 동작, 인자로 함수 받음 // 1. resolve란 const promise1 = new Promise((resolve, reject) => { resolve(); }); promise1 .then(() => { console.log("비동기 작업 성공ㅋㅋ"); }) .catch(() => { console.log("비동기 작업 실패 ㅠㅠ"); }); //콘솔 결과 비동기 작업 성공ㅋㅋ // 2. reject란 con..

useEffect 설명글 https://eunhee-programming.tistory.com/197?category=1220652 (React) 리액트 useEffect 사용법 (React) 리액트 useEffect 사용법 * 이 포스팅은 "리액트를 다루는 기술"책 & 생활코딩님의 강의를 보고 복습겸 정리한 포스팅 입니다. 클래스형 컴포넌트에서는 라이프사이클을 사용하지만, 함수 eunhee-programming.tistory.com localStorage 설명글 https://shyunju7.tistory.com/37 [React] 17. localStorage와 sessionStorage 사용해보기 오늘은 브라우저 상에서 데이터를 저장할 수 있는 webStorage에 대해 공부해보려고 합니다. 보통은..

아 진짜.. state로 input입력받는데 안되가지고 짜증나 죽는 줄 알았다. 저 같은 분들 삽질하지 말고 찾아쓰시라고 생각나는 키워드 다 적어서 제목에 적었다. {'B1':'1', 'B2':'3', 'B3':'5' } 내가 원하는 것 {currQuestionNum: '3'} 나온 결과 https://velog.io/@kysung95/%EA%B0%9C%EB%B0%9C%EC%83%81%EC%8B%9D-JSON%EA%B3%BC-JavaScript-Object%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90 [개발상식] JSON과 JavaScript Object의 차이점 안녕하세요. 김용성입니다.정말 비슷하게 생겨먹은 녀석들이 존재합니다. 바로 흔히들 사용하는 JSON(JavaScript ..