Frontend42 [Javascript] 자바스크립트 Dictionary 사용하기 Javascrpt에서 객체를 사용하다보면 키,값으로 된 dict를 자주 사용하게 됩니다. 하지만 MDN이 제공하고 있는 문서에 보면 dict이나 Dictionary는 찾아 볼 수 없는데 딕셔너리라는 표현은 파이썬에서 사용하는 용어이기 때문입니다. MDN Document에서 Dicionary에 관한 부분을 보고 싶다면 Object를 찾아야해요. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects 표준 내장 객체 - JavaScript | MDN 이 장은 JavaScript의 모든 표준 내장 객체와 그 메서드 및 속성을 나열합니다. developer.mozilla.org Object든 Dictionary든 사용하다보면 A.. 2022. 3. 23. [React] Chart 라이브러리 비교하기 Reacts에서 트리맵 차트를 사용하기 위해서 트리맵 차트를 제공하는 여러 가지 라이브러리를 찾아보고 데이터를 쉽게 다루면서 쓸 수 있는 라이브러리 세 가지를 비교하여 봤습니다. 1. React Google Chart 2. React Apex Chart 3. high Charts React Official 각 라이브러리마다 Column, Line, Treemap 차트를 비교해보겠습니다. npm trends에서 각각의 라이브러리가 공식적으로 발표한 React 라이브러리 다운로드 비교하여 보았을때 high chart가 많이 다운 받은 것으로 보여집니다. 1. React Google Chart [ 1 ] 설치 yarn add react-google-charts # or npm i react-google-cha.. 2022. 3. 21. [Javascript] 일주일 날짜 구하기 Javascript의 Date와 Date.parase를 이용하여 오늘 기준으로 이전, 이후 일주일 날짜 구하기 입니다. getMonth, getDay 메서드를 이용해서 1씩 더하거나 빼는 로직는 생각보다 고려해야할 부분이 많아서 오늘 날짜를 구한 후 Millisecond로 변환 후 하루씩 빼서 다시 날짜 형태로 바꿔주는 로직으로 작성했습니다. var date = new Date().toLocaleDateString() var today = Date.parse(date) var result = [] result.push(date) for (var i=0; i 2021. 12. 3. [React] Error : A component is changing an uncontrolled input of type text to be controlled index.js:1451 Warning: A component is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://fb.me/react-controlled-components 구성 요소가 제어할 텍스트 유형의 제어되지 않은 입력을 변경하고 있습니다. 입력 요소는 제어되지 않음에서 제어됨으로.. 2021. 10. 12. [React] Error : Element type is invalid: expected a string Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. React로 개발하다가 오랜만에 본 에러 같은데... 뭔지 모르겠는 그런 에러.... 프로젝트 코드를 작성할 때는 VSCode 스니펫을 이용해서 기본 작성이 된 상태에서 하다보니 거의 만나기 어려운 에러인데 간단한 테스트를 할 때 codesand.. 2021. 10. 7. [Javascript] console log, group, table Javascript를 그나마 잘한다고 생각했는데 아직도 모르는것 투성이 yeriel입니다. 이번에 console 종류 중에 group과 table을 발견하고 얼마나 신기했는지..... 그래서 이번 포스팅은 console.log, console.group, console.table에 대해서 다뤄볼까합니다. console.log Web Console에 메시지를 출력합니다. console.log('log') log에 스타일도 추가할 수 있습니다. console.group console.group(label) Web Console log 에 새로운 인라인 그룹을 만듭니다. console.log('yeriel') console.group() console.log('r-0o0-j.tistory.com') conso.. 2021. 9. 28. 이전 1 2 3 4 5 ··· 7 다음 728x90 반응형
