본문 바로가기

Front-end/Javascript4

== 와 === 차이 명확하게 알아보기 ==는 Equal Operator이고, ===는 Strict Equal Operator이다. ==는 a == b 라고 할때, a와 b의 값이 같은지를 비교해서, 같으면 true, 다르면 false라고 한다.(값만 같으면 true이다.) ===는 Strict, 즉 엄격한 Equal Operator로써, "엄격하게" 같음을 비교할 때 사용하는 연산자이다. ===는 a === b 라고 할때, 값과 값의 종류(Data Type)가 모두 같은지를 비교해서, 같으면 true, 다르면 false라고 한다. 숫자와 문자열을 비교할 때, 문자열을 숫자로 변환한다. JavaScript는 문자열의 숫자 리터럴을 Number형의 숫자로 변환하려고 한다. 처음에 그 문자열의 숫자 리터럴부터 수학적인 값을 이끌어 낸다. 그 다음.. 2023. 4. 27.
Webpack Webpack 이란 ? 흩어져있는 CSS, js 리소스를 하나의 파일로 만들어 HTTP Request 비용을 줄여주며, 가져다 쓸때 편하고 기존 코드와 충돌을 피할 수 있도록 도와주는 자바스크립트 모듈 번들러이다. 사용법 번들러 사용이 필요한 디렉토리가 npm을 사용해야 한다. npm init webpack 패키지 설치가 필요하다. 사용이 필요한 디렉토리에 webpack 을 설치해준다. 그냥 인스톨이 아닌 개발용 옵션으로 설치한다. npm install -D webpack webpack-cli webpack.config.js 파일을 만든다. webpack 공식 사이트에 config 예시가 나와있다. 참고해서 만들자. https://webpack.js.org/configuration/ Configurati.. 2021. 10. 26.
Fabric, Javascript Canvas Drawing Library Web 드로잉 기능을 구현하기 위해 Javascript Canvas Library를 찾아보았다. 10 Best JavaScript Canvas Libraries in 2021 | Openbase 10 Best JavaScript Canvas Libraries in 2021 | Openbase A comparison of the 10 Best JavaScript Canvas Libraries in 2021: @ngx-canvas/core, paintablejs, react-canvas-wrapper, angular5-canvas-drawer, chart and more openbase.com 위 사이트를 참고해보면 현재 많이 사용되고 있는 canvas library 순서를 볼 수 있다. 1위 차트부터 시작.. 2021. 1. 26.
[Javascript] for in 은 속성 반환용 배열의 반복과 for...in for...in은 인덱스의 순서가 중요한 Array에서 반복을 위해 사용할 수 없습니다. 배열 인덱스는 정수로 된 열거 가능한 속성이며, 일반적인 객체의 속성들과 같습니다. for...in은 특정 순서에 따라 인덱스를 반환하는 것을 보장할 수 없습니다. for...in반복문은 정수가 아닌 이름을 가진 속성, 상속된 모든 열거 가능한 속성들을 반환합니다. 반복되는 순서는 구현에 따라 다르기 때문에, 배열의 반복이 일관된 순서로 요소를 방문하지 못할 수도 있습니다. 그러므로 방문의 순서가 중요한 배열의 반복시에는 숫자 인덱스를 사용할 수 있는 for 반복문을 사용하는 것이 좋습니다.(또는 Array.prototype.forEach(), for...of를 권장합니다.) 괜히 한 .. 2019. 8. 14.