# 공부 자료들/JavaScript 검색 결과
9 개의 검색 결과가 있습니다.
# 공부 자료들/JavaScript

[JS] 자바스크립트는 왜 멀티스레드가 아니라 싱글스레드로 동작하는걸까?

자바스크립트를 공부하다보면 정말 많이 들을 수 있는 말이 바로 자바스크립트는 싱글스레드로 동작한다 입니다. 여기서 드는 의문점 하나는, 왜 굳이 멀티스레드를 놔두고 싱글스레드로 동작할까 입니다. 누구나 멀티스레드가 싱글스레드보다 좋지 않냐고 쉽게 생각할 수 있는데, 왜 자바스크립트 개발자들은 여전히 싱글스레드를 고집하는 것일까에 대한 고민이 해당 포스팅으로 이어지게 되었습니다. 0. 싱글스레드인데 어떻게 여러 작업을 동시에 처리하지? 멀티스레드를 놔두고 싱글스레드로 동작하는 이유를 알아보기 전에, 진짜 자바스크립트가 싱글스레드인지, 또 어떻게 자바스크립트가 우리의 눈을 속이고 있을까에 대해서 먼저 알아보겠습니다. 0.0. 자바스크립트, 싱글스레드 맞아? 먼저 자바스크립트가 싱글스레드임을 확인하기 위해서 ..

2022. 11. 5. 16:36
# 공부 자료들/JavaScript

[JavaScript] setTimeout과 setInterval은 정확한 시간을 보장하지 않는다!

이번에도 스톱워치를 만들다가.. 말로만 듣던 setTimeout과 setInterval의 시간보장문제를 직접 맞닥뜨리게 되었습니다. 말로만 듣던걸 간단한 프로그램을 만들면서 직접 겪으니까 참 오묘하네요 ㅎㅎ 목차 0. 타이머 함수 타이머 함수가 뭔지 모르는 사람들을 위해 간략한 설명을 하고 넘어가겠습니다! 자바스크립트의 타이머 함수는 일정 시간이 지난 후에 특정 코드나 함수가 실행될 수 있도록 해주는 장치입니다. 대표적으로 setTimeout과 setInterval이 있습니다. 0.0. setTimeout setTimeout은 실행 함수와 기다리는 시간을 매개변수로 받습니다. 뒤의 arg들은 function에 전달할 매개변수를 뜻합니다. const timeoutID = setTimeout(function..

2022. 2. 2. 23:13
# 공부 자료들/JavaScript

[JavaScript] 그래서 고차함수가 뭐냐고 물어보면 대답할 수 있어?

여느 때처럼 velog를 돌아다니면서 시간을 태우던 중, 면접 질문중에서 꽤나 인상깊었던 질문이 하나 있었습니다. 바로 고차함수가 뭐냐는 물음이었는데요! 저도 분명 어디선가 주워서 들어봤긴 한데, 제대로 알고 있지는 않았습니다. 면접에서 가장 위험한 것이 모르는 것보다 잘못 알고 있는 것이잖아요? 그래서 이번 기회에 다시 정리해보기 위해 이렇게 글을 써 보려고 합니다. 목차 0. 일급 시민 고차 함수를 이해하기 위해서는 먼저 일급 시민 개념에 대해 이해하고 있어야 합니다. 프로그래밍에 있어서 일급 시민의 조건은 아래 세 가지입니다. 변수에 담을 수 있습니다. 함수의 매개변수로 전달할 수 있습니다. 함수의 반환값으로 전달할 수 있습니다. 대부분의 언어에서 기본형 타입의 요소들은 일급 시민의 조건을 만족합니..

2022. 1. 30. 12:36
# 공부 자료들/JavaScript

[JavaScript] 단항연산자 +는 사랑입니다

자바스크립트에서 문자열을 숫자로 변환할 때 parseInt()나 parseFloat() 혹은 조금 더 빠른 Number()를 사용하곤 합니다. 하지만 더욱 간단하고 멋있게 쓸 수 있는 +를 사용해 보는건 어떨까요? 뭔가 더 있어보일 수 있습니다 목차 0. 단항 연산자가 뭔데? 단항 연산자는 한 개의 피연산자와 결합하는 연산자를 의미합니다. 단항 연산자가 앞에 오고 뒤에 요소가 오는 방식으로 사용합니다. ex) -10 위 예시에서 봤듯이 우리는 그동안 알게 모르게 단항연산자를 많이 사용해왔죠. 가장 대표적으로 - 단항 연산자를 숫자 앞에 붙이면? 기존에는 양수값이었던 숫자형 데이터를 음수값으로 바꿔줄 수 있습니다. 1. +도 단항연산자라고? 맞습니다. -가 단항연산자인데, +도 질수 없었는지, 이 친구도 ..

2021. 12. 24. 02:47
# 공부 자료들/JavaScript

[JS] 널 병합 연산자 : Nullish Coalescing Operator(??)

이번 포스팅에서 ES2020에서 Optional Chaining 연산자와 함께 추가된 Nullish Coalescing Operator(??) 연산자에 대해서 알아보도록 하겠습니다. 목차 0. 그게 뭔데? Nullish Coalescing Operator(널 병합 연산자)는 왼쪽 피연산자가 null이나 undefined일 때 오른쪽 피연산자를 반환하고, 왼쪽 피연산자가 null이나 undefined가 아니라면 왼쪽 피연산자를 반환하는 논리 연산자입니다. 말로 표현하자니 좀 길죠? 간단하게 말해서 왼쪽 피연산자가 null과 undefined일 때 ??의 오른쪽 피연산자를 반환한다고 생각하시면 됩니다! const a = 3 ?? 100 // a = 3 // 왼쪽 피연산자인 3은 null이나 undefined..

2021. 10. 15. 04:28
# 공부 자료들/JavaScript

[JS] 데이터를 받아오기 위한 간단한 서버 생성하기

React를 이용한 todolist를 만들다가 데이터를 받아오는 부분을 구현하기 위해서 별도의 서버가 필요한 상황이 생겼습니다. 이 때 좋은 예제를 만들어 주신 분이 계셔서 그 내용을 바탕으로 서버를 구성해보았습니다. 목차 0. 별도의 서버 폴더 만들기 todo-server 폴더를 하나 만듭니다. 이름은 원하시는 대로 만드셔도 상관이 없습니다. mkdir todo-server cd todo-server 만든 폴더에 기본적인 express와 cors를 설치합니다. express : node.js를 편하게 사용하기 위한 웹 애플리케이션 프레임워크 cors : CORS오류를 해결하기 위한 모듈 만약 CORS에 대해서 더 궁금하시다면 아래 공식 문서를 참고하세요! 교차 출처 리소스 공유 (CORS) - HTTP..

2021. 10. 12. 03:54