코딩 쏙쏙

[JavaScript] Math 함수 정리 Math 객체는 수학에서 자주 사용하는 상수와 함수들을 미리 구현해 놓은 자바스크립트 표준 내장 객체이다. 생성자가 존재하지 않아서 따로 인스턴스를 생성하지 않더라도 Math 객체의 모든 method나 property를 바로 사용할 수 있다. 자주 사용하는 함수들 Math.min(x, y, z....) 가장 작은 값 반환 Math.max(x, y, z....) 가장 큰 값 반환 Math.random() 0보다 크거나 같고 1보다 작은 무작위 숫자 변환 Math.round(x) 소수점 첫 번째 자리에서 반올림 후 반환 Math.floor(x) 인수와 같거나 작은 수 중에서 가장 큰 정수 반환 Math.ceil(x) 인수와 같거나 큰 수 중에서 가장 작은 정수 반환..

프로미스(Promise) JavaScript는 비동기 처리를 위해 사용되는 객체이다. 하나의 패턴으로 콜백 함수를 사용하지만 콜백 패턴은 콜백 헬로 인해 가독성이 나쁘고 비동기 처리 중 발생한 에러의 처리가 곤란하다. 프로미스의 필요성 프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용된다. 예를 들어 웹이나 애플리케이션을 구현하기 위해서 데이터를 요청하고 받아오기 위해 밑에 API를 사용한다. $. get('url 주소/users/1', function(res) { }); 위에 API가 실행되면 서버에 데이터 요청을 하고 데이터를 받아오기 전에 데이터를 표시하려고 하면 ERROR가 발생하거나 빈 화면이 뜬다. 이와 같은 문제점을 해결하기 위한 방법이 프로미스이다. function getDa..

동기(synchronous)/비동기적(Asynchronous) 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 실행하는 JavaScript의 특성을 의미한다. 동기 처리 JavaScript의 동기 처리란 우선순위 작업이 끝날 때까지 멈춘 상태를 유지하고 준비상태가 되기 때문에 다른 작업을 할수가 없다. 비동기 처리 JavaScript는 단일 스레드, 동기식으로 동작한다. 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 응답에 관계없이 다음 동작이 실행되는 방식이다. 동시에 여러가지 작업을 처리하며, 기다리는 과정에 다른 함수를 호출수도 있다. 비동기 처리는 왜 필요한가? 웹 사이트 사용자들은 응답에 답이 없고 느린 웹 사이트를 원하지 않는다. 그래서 JavaScript가..