소소한 기록

'use strict' 2009년 ES5가 등장했을 때, 이전 자바스크립트와 호환되지 않은 기능들이 많이 추가됐습니다. 이는 실행시 문제를 일으킬수 있었습니다. 그래서 ES5의 기본모드에서는 변경사항들이 활성화되지 않도록 설정해서, 하위 버전들과의 호환성 문제를 해결했습니다. 근데, 최신 변경사항들을 사용하고 싶은 사람들이 있지 않겠습니까? 자바스크립트 최상단에 'use strict'라고 적어주면, 최신 변경사항들이 활성화돼서 최신 버전을 사용할 수 있습니다. 하위 버전과의 호환성 문제는 생기겠죠. 참고로 함수만 엄격모드를 사용하고 싶을 때는, 함수 제일 앞에 'use strict'를 쓰면 됩니다. 변수에 하이픈(-)을 사용할 수 없습니다 HTML이나 CSS 속성에 하이픈(-)이 들어가는게 많습니다. b..

JSX(JavaScript for XLM)는 javascript 구문을 조금 확장한 것이라고 생각하시면 됩니다. HTML과 javascript를 섞어서 쓸 수 있습니다. 주로 리액트에서 많이 사용됩니다. 예전에는 웹을 만들 때, 화면구조와 내용은 HTML, 디자인은 CSS, 로직은 javascript로 나눠서 만들었습니다. 파일도 별도로 관리됐죠. 그런데 웹이 더 복잡해지고, 상호작용도 많아지면서, 로직에 따라 다른 HTML을 보여주는 상황이 늘어났습니다. 그래서 javascript가 바로 HTML을 다룰 수 있도록 JSX가 나타났습니다. // JSX 구문 const element = ( Hello, world! ); // javascript 구문 const element = React.createEle..

function numberWithCommas(n) { return n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } 호출받은 숫자 x를 toString()을 이용하여 문자열로 변환시키고, replace 메서드에 정규표현식을 이용하여 콤마 삽입