728x90
반응형

Front/JS & jQuery 438

[javascript] 소수점 계산 오류

소수점을 포함한 숫자배열의 합을 구하려고 하였는데, 결과값이 엉뚱하게 나왔다. 소수점 아래 5자리인 수를 12개 더해서 값을 콘솔로 찍었는데 소수점이 아래자리가 5자리보다 많은 수가 찍혀나왔다 .. 왜인지 알아보니 소수점 덧셈계산에 오류가 나는 문제가 자바스크립트 뿐만 아니라 다른언어에도 있었다. 원인은 컴퓨터의 문제라서 정확하게 이해하기 어렵지만, 1. 컴퓨터로 숫자를 표현하는 데에는 한계가 있고 2. 10진수로 표현되는 소수를 2진수로 표현하려면 몇몇의 경우 무한소수가 발생하는데, 3. 무한수를 유한하게 표현하려다 보니 미세한 값들이 초과되거나 손실되어 4. 계산 오류가 일어난다. 정도로 알아두고, 그래도 프로그래밍을 해나가야 하기 때문에 해결방법을 알아보자. 1. toFixed() toFixed메서..

Front/JS & jQuery 2022.04.23

[javascript] array.forEach() / array.filter()

forEach() forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행한다. ex) const array1 = ['a', 'b', 'c']; array1.forEach(element => console.log(element)); // expected output: "a" // expected output: "b" // expected output: "c" 참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach filter() filter() 메서드는 주어진 함수의 테스트를 통과하는 요소를 모아 새로운 배열로 반환한다. ex) const words = ['spray', 'l..

Front/JS & jQuery 2022.04.21

[javascript] async & await

https://imswengineer.tistory.com/118 [javascript] 비동기 처리 동기식 (Synchronous) 먼저 시작된 하나의 작업이 끝날 때까지 다른 작업을 시작하지 않고 기다렸다가 다 끝나면 새로운 작업을 시작하는 작업 방식. 작업이 직렬로 배치되어 실행, 작업 실행의 순 imswengineer.tistory.com https://imswengineer.tistory.com/119 [javascript] 콜백함수 콜백함수란? 콜백함수는 다른 함수에 매겨변수로 넘겨준 함수를 말한다. 함수를 파라미터로 받아서 함수안에서 또 다른 함수를 실행한다. 파라미터로 함수를 넘겨 받은 함수가 먼저 실행이 되 imswengineer.tistory.com https://imswengineer..

Front/JS & jQuery 2022.04.20

[javascript] Promise

https://imswengineer.tistory.com/118 [javascript] 비동기 처리 동기식 (Synchronous) 먼저 시작된 하나의 작업이 끝날 때까지 다른 작업을 시작하지 않고 기다렸다가 다 끝나면 새로운 작업을 시작하는 작업 방식. 작업이 직렬로 배치되어 실행, 작업 실행의 순 imswengineer.tistory.com https://imswengineer.tistory.com/119 [javascript] 콜백함수 콜백함수란? 콜백함수는 다른 함수에 매겨변수로 넘겨준 함수를 말한다. 함수를 파라미터로 받아서 함수안에서 또 다른 함수를 실행한다. 파라미터로 함수를 넘겨 받은 함수가 먼저 실행이 되 imswengineer.tistory.com 콜백함수를 여러번 중첩해서 사용하게 ..

Front/JS & jQuery 2022.04.18

[javascript] 콜백함수

콜백함수란? 콜백함수는 다른 함수에 매겨변수로 넘겨준 함수를 말한다. 함수를 파라미터로 받아서 함수안에서 또 다른 함수를 실행한다. 파라미터로 함수를 넘겨 받은 함수가 먼저 실행이 되고 나중에 파라미터로 넘어온 함수가 호출된다는 것에서 콜백Callback)함수라고 한다. 콜백함수는 필요에 따라 즉시 실행할수도 나중에 실행할 수도 있다. 파라미터로 넘길 때 함수의 이름만 넘겨주면 된다. 예 ) function add(x, callback) {let sum = x + x; console.log(sum); callback(sum); } 출처 : https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%..

Front/JS & jQuery 2022.04.17

[javascript] 비동기 처리

동기식 (Synchronous) 먼저 시작된 하나의 작업이 끝날 때까지 다른 작업을 시작하지 않고 기다렸다가 다 끝나면 새로운 작업을 시작하는 작업 방식. 작업이 직렬로 배치되어 실행, 작업 실행의 순서가 확실함 비동기식 (Asynchronous) 동기식 방식과 다르게 먼저 시작된 작업의 완료여부와 상관없이 새로운 작업을 시작하는 방식. 작업이 병렬로 배치되어 실행, 작업의 순서가 확실하지 않아 나중에 시작한 작업이 먼저 끝나는 경우도 발생.

Front/JS & jQuery 2022.04.17

[javascript] console 창에 undefined data

console.log로 식을 입력 후, 결과값이 undefined 가 뜨는 경우, ➡️ 반환한 결과값이 없을 때 console.log는 어떠한 값이 보이도록 출력하는 역할만 하기 때문에 반환할 값이 없을 때 undefined 가 뜬다. + undefined와 null 의 차이 undefined는 아무런 값이 담기지 않은 상태 → 자료형도 undefined로 나온다. null은 null이라는 값이 담긴 상태 → 자료형이 object로 나온다. 🔸undefined == null ➡️ true → 빈 값이라는 것은 같으므로 true 🔸undefined === null ➡️ false → 자료형은 다르므로 false

Front/JS & jQuery 2022.04.15

[javascript] 자료형 확인 함수

오늘 코드 테스트를 하면서 변수의 자료형을 확인해야 하는 경우가 생김 ! ✅ 숫자인지 아닌지 : isNaN(); 문자열 타입('123', "123") 이든 숫자( 123 ) 타입이든 숫자가 입력되면 false를 리턴, 이걸 몰라서 "숫자" 이런 리턴값이라 String타입이었는데 false를 출력하길래 숫자인줄 알았다. + 또 false를 리턴하는 경우 : 빈 문자열('', "", null), true, false, [] (배열), new Date() ✅ 타입유형 반환하는 함수: typeof(); 그래서 typeof();를 쓰니까 String 이라고 나왔다. 반환되는 값 🔸undefined : 변수가 정의되지 않거나 값이 없을 때 🔸number : 데이터 타입이 수일 때 🔸string : 데이터 타입이 문..

Front/JS & jQuery 2022.04.14
728x90
반응형