본문 바로가기

javascript144

[javascript] 자바스크립트 JSON.parse() JSON.stringify() 사용 예제 요즘 브라우저들은 JSON 오브젝트를 만지기 위해 parse와 stringify 같은 매우 유용한 메소드를 제공하고 있습니다. JSON.parse()는 JSON 문자열을 받아 자바스크립트 객체로 변환해 주고, JSON.stringify()는 자바스크립트 객체를 JSON 형식의 문자열로 바꿔줍니다. 상호 변환을 통해 쉽게 JSON 객체를 다룰 수 있습니다. JSON.stringify() const myObject = { name: 'dog', age: 2 }; const myString = JSON.stringify(myObject); myObject는 자바스크립트 객체입니다. 이를 JSON.stringify()를 통해 문자열로 바꾸는 코드 예제입니다. 위의 그림에서 보이는 것 처럼 myObject를 ty.. 2019. 12. 5.
[javascript] 자바스크립트 타이머 (setTimeout, setInterval) 자바스크립트를 짜다보면 함수를 바로 실행하지 않고 일정시간 뒤에 실행하도록 하고싶을 때가 있습니다. 이런 기능을 구현할 수 있도록 자바스크립트에서는 setTimeout과 setInterval 함수를 지원합니다. setTimeout 일정 시간(밀리세컨드) 이후 함수 실행 setTimeout(() => { // do something console.log('javascript'); }, 1000); 위 코드는 첫번째 인자의 함수를 1000 밀리세컨드 이후에 실행하도록 하는 코드입니다. 1000 밀리세컨드는 1초 입니다. 만약 주어진 시간이 지나기 전에 타이머를 취소하고 싶으면 clearTimeout을 사용합니다. const timer = setTimeout(() => { // do something cons.. 2019. 12. 5.
[javascript] 자바스크립트 ES6 (ECMAScript 2015) 원문: https://www.w3schools.com/js/js_es6.asp JavaScript let let은 블록 스코프 내에서 변수를 선언할 수 있게 해줍니다. var x = 10; // Here x is 10 { let x = 2; // Here x is 2 } // Here x is 10 JavaScript const const로는 상수를 선언할 수 있습니다. (상수 값을 가지는 자바스크립트 변수) const는 let과 비슷하지만 값을 수정할 수 없습니다. var x = 10; // Here x is 10 { const x = 2; // Here x is 2 } // Here x is 10 Arrow Functions 함수를 작성할 화살표 함수로 좀더 짧은 문법을 사용할 수 있습니다. func.. 2019. 11. 22.
[javascript] 자바스크립트 랜덤숫자 사용하기(Math.random) 자바스크립트에서 Math.random() 함수를 사용하면 0에서 1 사이의 숫자를 리턴합니다. (0포함 1제외) // Math.random() console.log(Math.randon()); 0에서 10 사이의 랜덤 값을 얻고 싶다면 Math.random() 함수에 10을 곱하면 0 2019. 11. 22.