본문 바로가기

js20

[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.
[JS] JSON 시작 JSON json은 문자 데이터인데 객체 데이터 처럼 다루어진다. // import myData from './myData.json' const user = { name: 'Flyda', age: 85, emails: [ 'sjdkfsldjf@gamil.com', 'hello@naver.com' ] } console.log('user', user) // { // name: 'Flyda', // age: 85, // emails: [ // 'sjdkfsldjf@gamil.com', // 'hello@naver.com' // ] // } const str = JSON.stringify(user).. 2022. 5. 2.