728x90
반응형
SMALL

프론트/javascript 4

[자바스크립트] 자바스크립트(JavaScript)의 동작 원리

면접 준비를 하면서 공부하는 겸 블로그 정리하려고 합니다. 면접 질문 목록에서 자바스크립트와 React같은 프론트엔드 개발 질문 목록이다 보니 개념이 중요한 것같습니다. 그래서 기본적인 Javascript의 동작원리에 대해 공부하고 포스팅했답니다 자바스크립트( Javascript )의 동작 원리 자바스크립트 ( javascript )는 싱글 스레드 기반 원리로, 한번에 하나의 작업만 처리할 수 있습니다. 그러나 비동기 처리를 통해 여러 작업을 '동시에' 처리하는 것처럼 보일 수 있습니다.(Async인가요..?) Javascript 엔진은 Call Stack, Web API(블라우저 제공), Task Queue(Event Queue), Event Loop로 구성됩니다. ** JavaScript 엔진 : 자..

[자바스크립트] let, var, const의 차이

var, let, const javascript를 구현할 때 사용하는 변수입니다. 세개 모두 다른 특징이 있는데 미리 알아두고 코드를 구현하면 좋겠죠? var var 변수가 함 수 내에서 선언 될 때는 함수 범위로 지정합니다. 하지만 블록({ }) 내부에서 선언한 var 변수는 블록 밖에서도 접근이 가능합니다. 한번 선언한 후에도 값을 변경할 수 있습니다. * 원래 알던 변수와 다른 점으로는 블록 내에서 선언한 값을 밖에서도 접근 가능합니다! let let으로 선언된 변수는 { }로 구성된 코드 블록 내부에서만 접근 가능하며 그 외부에서는 접근할 수 없습니다. 우리가 흔히 알고 있는 변수의 특징입니다. 한번 선언한 후에도 값을 변경할 수 있습니다. const const로 선언된 변수는 { }로 구성된 코..

[자바스크립트] 자바스크립트(JavaScript) 전화번호, 생일, 시간 정규식, 하이픈 자동 생성 코드

//전화번호 정규식 const validatePhone = phone => { const regex = /^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/; return regex.test(phone); } //생일 정규식 const validateBirth = aBirth => { const regex = /^([0-9]{4})-?([0-9]{2})-?([0-9]{2})$/; return regex.test(aBirth); }​ //시간 정규식 const validateTime = time => { const regex =/^([01][0-9]|2[0-3]):([0-5][0-9])$/; return regex.test(time); } 팀원이 작성한 정규식이다! ​ 처..

[자바스크립트] 자바스크립트(JavaScript) 소수점 뒷자리 자르기

toFixed(숫자) ​ ex) ​ number = 123456.78901234567 ​ number.toFixed(5) ​ 소수점 아래 5개만 두고 나머지 자르기 ​ result = 123456.78901 ​ 변수1 = 12.321654987 변수2 = 변수1.toFixed(5) console.log(변수2) // 12.32165 이렇게 출력될 것입니당 https://squll1.tistory.com/entry/javascript-%EC%86%8C%EC%88%98%EC%A0%90-%EC%9E%90%EB%A6%AC%EC%88%98-%EC%A7%80%EC%A0%95%EC%9E%90%EB%A5%B4%EA%B8%B0 [javascript] 소수점 자리수 지정(자르기) toFixed() toFixed()함수를 ..

728x90