핀테크 서비스 프론트엔드 개발자 취업 완성 2기/JS22 [Apache ECharts] ECharts 사용하기 See the Pen echarts by dadafly1244 (@dadafly1244) on CodePen. 실강 마지막 시간에 ECharts 사용법을 간단하게 배웠다. 위의 주석을 참고해서 보기를 바란다!!! https://echarts.apache.org/en/option.html#title Documentation - Apache ECharts echarts.apache.org 홈페이지에서 docs => api => option 을 눌러서 보면 된다!! series에서 'line', 'bar' 등에서 각각의 모양에서 사용할 수 있는 옵션을 더 확인할 수 있다. const el = document.querySelector('#heropy') const data1 = { 'Mon': 150, 'Tue.. 2022. 7. 22. [JS] 숫자에 1000단위마다 콤마를 추가하는 함수 팀 프로젝트를 하면서 숫자를 화면에 표시하는데, 숫자에 1000 단위마다 콤마가 없으니 숫자 읽기가 매우 불편했다. 그래서 밑의 함수를 사용하여 콤마를 추가해 주었다!! function addComma(num) { const regexp = /\B(?=(\d{3})+(?!\d))/g; return num.toString().replace(regexp, ','); } 사용법은 다음과 같다!! addComma(111212312312) addComma를 적용하니 숫자를 읽는 게 더 편해졌다!! 정규표현식은... 정말 어려운 것 같다.... 검색 없으면 정말 힘들 뻔 ㅠ + 추가 (220719) Uncaught (in promise) TypeError: Cannot read properties of undefi.. 2022. 7. 13. [JS] OMDb_API를 활용해서 간단하게 영화 제목과 포스터 출력하기 OMDb_API https://www.omdbapi.com/ "주소?속성=값&속성=값" axios를 설치해준다 npm install axios 자세한 사용법 > https://github.com/axios/axios package.json 파일에 dependencies 부분에 다음과 같이 잘 설치 되어있는지 살펴본다!! "dependencies": { "axios": "^0.27.2", "lodash": "^4.17.21", "regenerator-runtime": "^0.13.9" } 이후에 잘 받아오는지 한번 확인한다. import axios from "axios"; function fetchMovies() { axios .get('https://www.omdbapi.com/?apikey=70.. 2022. 5. 2. [JS] Storage Stroage 브라우저에서 제공하는 저장소가 있다. f12를 눌러서 개발자 도구를 열어보면 Application에서 Storage를 볼 수 있다. Local Storage localStorage의 데이터는 만료되지 않음. (지우지 않으면 반영구적으로 사용 가능.) localStorage에 저장한 자료는 페이지 프로토콜별로 구분함. 특히 HTTP와 HTTPS는 다른 localStorage에 저장됨. 저장하기 localStorage.setItem(key_키, value_값_문자형) 읽기(가져오기) localStorage.getItem(key_키) 지우기 localStorage.removeItem(key_키) const user = { name: 'Flyda', age: 85, emails: [.. 2022. 5. 2. 이전 1 2 3 4 ··· 6 다음
