자바스크립트 확산 연산자 (스프레드 연산자) : 기본 문법 및 활용법
스프레드 연산자라고 불리는 확산 연산자는 무언가 변수 앞에 점을 세개 (…) 붙인 모양인데요. 확산 연산자 (…)는 ES6에 도입된 구문 기능으로, 배열이나 문자열과 같은 반복 가능 개체를 개별 요소로 확장시킬 수 있습니다…
Javascript
자바스크립트 map 메소드 : 배열을 다루기 위한 연속 콤보
“자바스크립트 map 메소드”는 파이썬에서와 마찬가지로 원본 배열의 각 요소에 제공된 함수를 적용하여 새 배열을 만드는데 사용할 수 있는 메서드입니다. 배열을 다루기 위한 많은 메스드와 연계해서 많이 쓰이는 배열의 콤보 기술 중 하나입니다.
자바스크립트 Array.from(), fill(), filter() : JS의 리스트 컴프리헨션
자바스크립트에서 널리 쓰이는 자료구조 중 하나가 배열 입니다. 자바스크립트 배열에도 파이썬의 리스트 컴프리헨션과 유사하게 동작하는 메소드들이 있는 것 같아 해당 메소드들 ( Array.from(), fill(), filter() )을 정리해보았습니다.
자바스크립트 제너레이터 : JS도 제너레이터가 있었네…?
“자바스크립트 제너레이터”는 반복 가능한 데이터 시퀀스를 생성하는 강력한 방법을 제공합니다. 제너레이터는 실행을 일시 중지하고 재개할 수 있는 특수 함수로, 시간이 지남에 따라 일련의 값을 생성할 수 있습니다.
자바스크립트 연산자
“자바스크립트 연산자”는 다른 프로그래밍 언어와 유사한 부분이 많습니다. 다만 파이썬과 비교 연산자와, 논리 연산자, 삼항 연산자 부분에서 다른 부분이 존재하기 때문에 유의해서 사용해야 하는 부분이 있는 것 같습니다.
자바스크립트 문자열 : 문자열 다루기, 문자열 검사, 형변환
파이썬 문자열을 꽤 다루어 보았음에도 “자바스크립트 문자열”을 다뤄보니 여간 헷갈리는 게 아니네요…. 문자열 다루는 것이나 형변환은 유사한 데 자료형 검사 부분이 파이썬과 많이 달라 유독 고생을 했던 것 같습니다
자바스크립트 구조 분해 : 배열 분해하기, 변수 값들 교환하기
“자바스크립트 구조 분해” 구문을 사용하면 배열의 값을 추출하거나 객체의 속성을 고유한 변수로 추출할 수 있습니다. 그리고 변수 값들을 교환하는 데에도 사용할 수 있습니다. 자바스크립트 구조 분해는 어떤 기능 일까요?
자바스크립트 콜백 (callbacks)
콜백은 함수를 다른 함수의 인자로 전달하여, 특정 이벤트가 발생하거나 특정 작업이 완료되면 실행되도록 하는 메커니즘입니다. 이를 통해 비동기적인 작업이나 이벤트 처리 등에 유용하게 활용됩니다… Read more
자바스크립트 비동기
“javascript Fetch” 에 관해 공부하였는데 “javascript 비동기”, “Promise”, “콜백 함수”, “멀티 스레드”, “async/await” 개념이 튀어 나옵니다… 이렇게 하나의 개념을 이해하는 데 여러 개념이 줄줄이 알아야 하는 경우 골치가 아픕니다. 이번 포스트에서는 아직 잘 이해하지 못한 복잡한 개념은 제외하고 다른 개념들을 이해하는 데 핵심인 “비동기”란 무엇인지 간단한 개념만 정리해보겠습니다. 동기 (Synchronous) VS 비동기 (Asynchronous) 자바스크립트에서 동기(Synchronous)와 … Read more
자바스크립트 Fetch 함수 : API로 데이터 가져오기
fetch 함수는 웹 API를 통해 네트워크 리소스를 가져오는데 사용되는 JavaScript의 함수입니다. 이 함수는 Promise를 반환하며, 비동기적으로 네트워크 리소스를 요청하고 응답을 처리할 수 있도록 합니다. Fetch 함수 다음 코드 예제를 통해 Fetch 함수의 작동을 확인 할 수 있습니다. 1 fetch(url): 주어진 url로부터 데이터를 가져오는 네트워크 요청을 시작합니다. fetch는 Promise를 반환하며, 비동기적으로 요청이 완료될 때까지 기다리게 됩니다. … Read more