gggimmin 개발 블로그 gggimmin 개발 블로그

자바스크립트에는 Math 객체 기능이 존재한다. Math 객체 기능에는 Math.random() Math.floor() Math.ceil() Math.round() 가 존재한다. Math.random() 은 0 부터 1 사이의 무작위의 값을 반환해준다. Math.random() * 10 을 통해 0 에서 10 사이의 무작위 값을 반환 받을 수 있다. 이제 마지막으로 받은 무작위 값을 Math.floor 를 사용해보면 5.791~~~ 의 숫자를 5로 나타내주는 것을 볼 수 있다. 즉 Math.floor 은 무조건 소수를 내려서 보여준다. 반대로 Math.ceil 를 사용하면 무조건 소수를 올려서 보여준다. 마지막으로 Math.round 는 소수를 반올림해서 보여준다. 1.2 는 1로, 1.9 는 2로 나타..

페이지에 현재 시간을 나타내기 위해 // 페이지에 현재 시간을 나타내는 코드 function getClock() { const date = new Date(); clock.innerText = `${date.getHours()} : ${date.getMinutes()} : ${date.getSeconds}` } getClock(); setInterval(getClock, 1000); 위와 같은 코드를 작성했다. 위와 같은 코드를 작성하니 페이지에 20:54:12 20:54:13 20:54:14 ....... 내가 원하는대로 현재 시간을 잘 보여주었다. 하지만 한 가지 고치고 싶은 점이 생겼는데 20:54:59 20:55:0 20:55:1 20:55:2 ...... 초 단위의 숫자가 59초에서 0초로 넘어..

interval 이 무엇인가? interval은 '매번' 일어나야 하는 무언가를 말한다. 예를 들면 매 1초마다 무언가를 실행시키거나, 어떤 일을 일어나게 만들고 싶을 때 그럴때 사용하는 것이 setInterval 이다. // setInterval 예시코드 function sayHello() { console.log("hello"); } setInterval(sayHello, 5000) // 5초마다 console 창에 "hello" 가 나타난다. setInterval ( 호출하려는 function의 이름 , ms 단위의 초 ) 1000ms = 1초 를 입력해주면 setInterval 이 잘 작동하는 것을 확인할 수 있다. setTimeout 은 setInterval 과 비슷하게 생겼다. 하지만 동작은 ..

Vite 로 개인 프로젝트를 진행하던 도중 [plugin:vite:import-analysis] Failed to parse source for import analysis because the content contains invalid JS syntax. If you are using JSX, make sure to name the file with the .jsx or .tsx extension. 위와 같은 에러를 만났다. 처음엔 무엇이 문제인지 한참헤메다가 구글링을 통해 알아낸 것은 Vite는 기본적으로 .js 파일 내에서 JSX 구문 사용을 허용하지 않기 때문이다. https://stackoverflow.com/questions/74620427/how-to-configure-vite-to-all..

오늘은 자바스크립트에서 2015년도에 대규모 문법적 향상 및 변경인 ES6 문법에 대해 정리하고자 한다. 1. let 과 const ✅ let : 재할당 가능, 재선언 불가 let name = "john" console.log(name) // john name = "bob" // 재할당 가능 console.log(name) // bob let name = "alex" // 재선언 불가능, SyntaxError: Identifier 'name' has already been declared ✅ const : 재할당, 재선언 불가 / 초기값 없을시 선언 불가능 const name; // 초기값 없이 선언 불가능, SyntaxError: Missing initializer in const declaration..