JavaScript

console.log()로 [object]를 찍고 싶을 때

It's easy~ peasy~lemon-squeeezy~ // 기존에 data라는 오브젝트가 있다고 가정. console.log(JSON.stiringify(data)); // or alert(JSON.stringify(data)); JSON.stringify() 와 JSON.parse() JSON.stringify(value[, replacer, space]) : value를 JSON형태의 값으로 변환시켜주는 함수 JSON.stringify사용방법을 뜯어보면 value는 필수값으로 JSON형태로 변환할 값을 입력한다. replacer와 space는 옵션값이며, replacer는 배열일 수도 함수일 수도 있다. 배열이 매개변수로 넘겨질 경우 배열에 있는 값만 결과 값에 포함된다. 한편 함수로 넘겨질 경..

DOM onclick vs React onClick

아래 두 코드의 차이가 뭘까? ex1 ex2 위의 버튼에서 작성한 onClickButton()의 경우에는 DOM의 Event, 아래는 리액트의 Event이다. 둘의 가시적인 차이는 react에서는 camelCase 컨벤션을 따른다. 또한 DOM Event의 경우에는 외부 자바스크립트를 언제든 쓸 수 있지만 React의 경우에는 이벤트를 반드시 컴포넌트가 생성될 때 명시돼있어야 한다. 참고자료 아티클

정수를 구하는 함수

Math.trunc() 정수를 구한다고 하면 어제 학습한 Double tilde 연산자가 생각나는데 그보다 가독성이 높고, 간단하게 작용하는 것 같아 앞으로 자주 이용할 것 같다. Math.trunc(-Infinity); // -Infinity Math.trunc("-1.123"); // -1 Math.trunc(-0.123); // -0 Math.trunc(-0); // -0 Math.trunc(0); // 0 Math.trunc(0.123); // 0 Math.trunc(13.37); // 13 Math.trunc(42.84); // 42 Math.trunc(Infinity); // Infinity 참고자료 MDN