반응형 전체 글67 [JavaScript 33가지 개념] 10. setTimeout, setInterval, requestAnimationFrame 1. setTimeout const greeting = (name) => { console.log(`Hello, ${name}!`); } setTimeout(greeting, 2000, "John"); console.log("Waiting for 2 seconds..."); /* 실행 결과 Waiting for 2 seconds... Hello, John! */ setTimout을 사용하는 방법은 위와 같다. 위의 예시에서는 2000밀리초(2초) 지연 후 실행되도록 예약되었기 때문에 console.log가 먼저 실행되고 greeting 함수가 실행된다. 2. setInterval let count = 0; const increment = () => { count += 1; console.log(`Coun.. 2023. 3. 12. [JavaScript 33가지 개념] 09. 메시지 큐와 이벤트 루프 JavaScript는 단일 스레드 언어이므로 한 번에 하나만 실행할 수 있다. 그러나 다른 코드가 계속 실행되는 동안 코드가 백그라운드에서 실행될 수 있는 비동기 프로그래밍도 지원한다. 이는 JavaScript의 두 가지 주요 기능인 메시지 큐와 이벤트 루프 때문에 가능하다. 1. 메시지 큐 메시지 큐는 처리해야 하는 메시지(또는 작업)의 목록이다. 대기열의 각 메시지는 메시지가 처리될 때 실행될 함수와 연결된다. 메시지는 대기열에 추가된 순서, 즉 FIFO(First In, First Out) 순서대로 실행된다. 2. 이벤트 루프 이벤트 루프는 대기열의 메시지 처리를 담당한다. 아래의 과정을 반복한다. 백그라운드에서 계속 실행되어 처리할 새 메시지의 대기열을 확인한다. > 메시지가 발견되면 관련 기능이.. 2023. 3. 12. [JavaScript 33가지 개념] 08. IIFE, Modules, Namespaces IIFE, Modules, Namespaces는 자바스크립트에서 코드 구조화를 위해 사용되는 중요한 개념이다. 각각의 개념은 서로 다른 방식으로 코드의 구조화와 유지보수를 용이하게 하는데 도움을 준다. 1. IIFE IIFE (Immediately Invoked Function Expression) IIFE는 즉시 실행되는 함수 표현식으로, 함수를 정의하고 즉시 호출하는 것을 의미한다. 이를 통해 전역 스코프를 오염시키지 않고 모듈화할 수 있으며, 클로저를 이용하여 비공개 변수를 만들어 정보 은닉에도 사용된다. 사용 방법은 아래와 같다. (function() { // 함수 내 코드 })(); 2. Modules Modules는 자바스크립트 코드를 여러 파일로 분리하여 개발하고 유지보수하는 방법이다. 각각.. 2023. 3. 2. [NCLOUD] 네이버클라우드에서 SourceCommit을 사용해서 git source 관리하기 네이버클라우드에서 SourceCommit을 사용해서 git source를 관리해보자 1. 서비스 소개 네이버클라우드에서는 git source를 관리할 수 있는 SourceCommit을 제공한다. 설명을 보면 다양한 기능과 최적의 퍼포먼스를 제공한다고 나와있다. 하지만 시작하는 우리에게 기본 기능만 잘 동작한다면 가장 중요한건 가격정책! 5명 이하 / 50GB 이하면 무료로 사용할 수 있다. 그리고 NCLOUD의 다른 서비스와 연동해서 효과적인 개발 환경을 구축할 수 있다. 아래의 링크로 들어가면 자세한 설명을 볼 수 있다. https://www.ncloud.com/product/devTools/sourceCommit NAVER CLOUD PLATFORM cloud computing services for.. 2023. 2. 19. [NCLOUD] 네이버클라우드 MICRO 서버 1년간 무료로 사용하기 네이버클라우드 MICRO 서버 1년간 무료로 사용하기 1. 네이버클라우드 가입 네이버로 간편 로그인을 통해 쉽게 가입할 수 있다. 가입 후 결제 수당 등록까지 해주면 계정 세팅은 완료된다. 해당 세팅을 완료하면 3개월간 무료로 사용할 수 있는 100,000 크레딧을 준다!! (23.02.19 기준) 2. micro server 서버 만들기 Platform 옆에 토글 버튼을 Classic으로 바꿔주고 서버 생성을 누르면 아래와 같은 화면이 나온다. 순차적으로 세팅을 해준다. micro로 선택하면 다음 화면에서 1년 후 과금이 된다는 안내문구가 뜬다. 인증키를 하나 만들어주고, 나머지는 기본 세팅을 유지해주면 아래처럼 server가 생성된다! 완료되기를 기다렸다가 '운영중' 표시가 나오면 터미널을 통해 접속.. 2023. 2. 19. [JavaScript 33가지 개념] 07. 함수 표현식(expression) vs 함수 선언문(declaration) 자바스크립트에서 함수를 만드는 방법은 대표적으로 두가지가 있다. 1. 함수 표현식(expression) 함수 표현식을 사용하는 방법은 다음과 같다. const [이름] = function (param1, param2, ...param3) { // 함수 본문 및 로직 } 2. 함수 선언문(declaration) 함수 선언문을 사용하는 방법은 다음과 같다. function [이름] (param1, param2, ...param3) { // 함수 본문 및 로직 } 3. 함수 표현식 vs 함수 선언문 함수 선언문은 호이스팅되지만 함수 표현식은 호이스팅되지 않습니다. 즉, 정의되기 전에 함수 선언을 호출할 수 있지만 함수 식으로는 이 작업을 수행할 수 없다. 함수 표현식을 사용하면 함수를 정의한 직후 함수를 사용.. 2022. 12. 8. 이전 1 2 3 4 ··· 12 다음 반응형
