소소한 기록

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

프로젝트에 타입스크립트를 처음 사용해 봤습니다. 자바스크립트와 비슷하다고 해서 별도로 공부를 하지 않았는데, 소스를 보니 타입스크립트를 모르고서는 소스분석이 불가능했습니다. 그래서 앞으로 몇 번에 걸쳐 타입스크립트를 세세하게 알아보려고 합니다. 몇 번으로 정리가 될지는 잘 모르겠습니다. 어쨌든 열심히 해 보겠습니다. 타입스크립트는 스택 오버플로우에서 실시한 2022 개발자 설문조사에서 가장 사랑하는 언어 4위에 랭크된 언어입니다. 73.46%의 개발자가 타입스크립트를 좋아하고, 계속 사용할 것이라고 답했습니다. 그만큼 폭넓은 사랑을 받고 있습니다. 타입스크립트가 왜 이렇게 사랑을 받고 있고, 강점은 무엇인지 알아보도록 하겠습니다. 탄생 프런트엔드 기술이 자바스크립트로 정리돼 가고 있습니다. 자바스크립트가..

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

Ajax를 이용해 화면단에서 서버단으로 데이터를 송신할 때 {키:값} 의 형태인 json 자료 형으로 데이터를 보내게 됩니다. new Ajax.Request(URL, { name: '홍길동', age : '20', onSuccess: function(transport){} ) 대략 이런 형태입니다. 한두개의 필드를 넘길때는 문제가 없지만 넘겨야 하는 필드가 수십개인 경우에는 코드생성뿐만 아니라 유지보수도 상당히 힘들겁니다. 폼에 있는 데이터를 한꺼번에 보내고 싶을 때 사용하는 함수가 serialize() 함수 입니다. id가 'frm'인 폼이 있을 때, 키와 값을 하나씩 매핑해 주는것이 아니라 var jData = $("frm").serialize(); 이렇게 해주고 넘길때 아래와 같이 처리하면 됩니다...