본문 바로가기
반응형

Javascript38

console API에 대해 javascript를 사용하여 개발을 하다보면 주로 alert, console.log를 사용하게 된다. alert은 값도 출력 시키고 잠시 멈출때 주소 사용하고 console.log는 간단히 콘솔창에 값만 체크할때 나는 주로 사용중이었다. 여기서 중요한거는 그냥 별 생각없이 습관적으로 사용 했다는 것... 그 중에 console API안에는 많은 메소드들이 존재한다. 예를 들면 console.dir과 같은 것인데 해당 메소드는 객체의 속성에 대해 자세히 출력 시킨다. console.time, console.timeEnd 는 성능 체크를 위해서 사용 가능하다. 아래 링크에 들어가면 정말 많은게 있고 개발중에 활용할 만한것도 많다. https://developer.mozilla.org/en-US/docs/W.. 2022. 8. 9.
변수 선언 차이 var, let, const 결론부터 말하자면 ES6부터 let과 const가 추가 되었으며, var, let, const 모두 사용이 가능하다. 하지만 나는 이제부터 let, const만을 쓸듯하다. https://google.github.io/styleguide/jsguide.html#features-use-const-and-let Google JavaScript Style Guide Google JavaScript Style Guide 1 Introduction This document serves as the complete definition of Google’s coding standards for source code in the JavaScript programming language. A JavaScript sour.. 2022. 8. 8.
[react-native] 그냥 화면만 띄워 보려다 발생한 삽질들 react-native가 뭔지 그냥 순수한 궁금증에 설치하고 화면만 띄워보려다가 발생한 삽질 리스트이다. 필수 node.js설치 npm 설치 jdk 설치 일단 안드로이드로 띄우기 위해서 나는 설치를 했다. 안드로이드 설치(안드로이드 개발 시) 처음 시작은 공식 사이트를 보고 열심히 설정을 했었다... https://reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev 모든 설치를 마치고 나면 나타나는것은 Run instructions for.. 2022. 7. 21.
chartjs 속도 이슈 개선 방법들 chartjs에서 엄청 많은 데이터를 출력하게 될 시 속도 이슈가 있어 찾아보았고 적용한 것에 대한 기록 인터넷으로 찾아보고 그리고 공식 사이트를 찾아보면 일반적으로 다음과 같은 링크를 찾을 것이다. Performance | Chart.js Performance Chart.js charts are rendered on canvas elements, which makes rendering quite fast. For large datasets or performance sensitive applications, you may wish to consider the tips below. Data structure and format Parsing Provide prepared data in the www.ch.. 2022. 6. 21.
npm 패키지 추가 중 에러 npm install을 이용하여 패키지를 추가하는 중 에러가 발생했다. npm7 버전 부터는 peer dependencies가 뜨면 설치가 막히는데, 아래의 예시처럼 옵션을 붙여주면 peerDependency가 맞지 않아도 일단 설치를 한다. 예시) npm install webpack-obfuscator --legacy-peer-deps 설치를 했는데 뭔가 의도한것처럼 실행되지 않는다. 일단 설치를 하고나서 다음 문제를 잡아봐야할듯(...) 2022. 6. 20.
[javascript ]천단위 콤마(소수점 포함) javascript에서 천단위 콤마를 하기 위해서는 일반적으로 replace를 사용하며, 다른 방법으로는 toLocaleString을 사용하는 방법도 있다. 먼저 replace에 대해서 보겠다. 1. replace(정규식 사용) const ori_val = 12345.6789; const changed_val = ori_val.toString().replace(/\B(? 위의 정규식을 사용하게되면 결과는 '12,345.6789' 값이 나올 것이다. 2. toLocaleString 해당 방법에 대한 설명은 아래의 사이트에 자세히 나와있다. Number.prototype.toLocaleString() - JavaScript | MDN The toLocaleString() method returns a str.. 2022. 6. 15.
728x90