웹 애플리케이션을 빌드할 때 외부 리소스에 액세스하기 위해 HTTP 요청을 수행하려는 경우가 있습니다. 예를 들어 블로그를 만들고 있다고 가정합니다. API를 호출하여 각 블로그 게시물에 표시할 댓글 목록을 검색할 수 있습니다. Axios는 웹 요청을 만드는 데 사용할 수 있는 인기 있는 JavaScript 라이브러리입니다. 이 가이드에서는 axios를 사용하여 GET 요청을 만드는 방법을 설명합니다. 몇 가지 예를 통해 axios가 작동하는 방식과 코드에서 사용하는 방법을 보여드리겠습니다. Axios가 필요한 이유 Axio

자바스크립트 화살표 함수는 함수를 선언하는 방법입니다. 화살표 함수는 JavaScript 함수를 보다 효율적으로 작성하고 보다 간결한 구문을 사용하는 데 사용할 수 있습니다. 화살표 함수 구문은 단일 표현식에 대한 암시적 반환을 지원합니다. 함수는 특정 작업을 수행하거나 값을 반환하는 코드 블록입니다. 함수는 프로그래머가 여러 번 재사용할 수 있는 코드를 만드는 데 사용됩니다. 이렇게 하면 프로그램의 줄 수를 줄여 더 효율적으로 만들 수 있습니다. 전통적으로 JavaScript는 function을 사용하여 함수를 선언하는 한

카운트다운 타이머는 주요 이벤트를 카운트다운하려는 사람들이 인터넷 전체에서 사용합니다. 카운트다운 타이머를 사용하여 새 웹사이트가 시작될 때까지 카운트다운할 수 있습니다. 카운트다운 타이머는 제품 발표를 할 때 표시할 수 있습니다. 탐색할 가능성이 너무 많습니다. 이 가이드에서는 HTML, CSS 및 JavaScript의 세 가지 기술을 사용하여 JavaScript에서 카운트다운 타이머를 만드는 방법을 보여줍니다. 시작하겠습니다! 웹페이지 설정 첫 번째 단계는 기본 웹 페이지를 설정하는 것입니다. 이 가이드에서는 외부

코드 작성은 재미있으면서도 상당히 지루할 수 있습니다. 코드 작성을 시작하고 무언가가 실행되고 있지 않다는 것을 깨닫고 매우 좌절하는 날이 있습니다. 더 짜증나는 것은 코드가 실행되지만 제대로 작동하지 않는 이유를 알 수 없을 때입니다. 코드에 수정해야 할 것이 있을 때. 바로 여기에서 JavaScript 콘솔이 유용할 수 있습니다. 콘솔을 사용하면 코드에서 진행 중인 작업을 추적할 수 있습니다. 이렇게 하면 코드에서 무엇이 잘못되었는지 쉽게 파악할 수 있습니다. 이 가이드에서는 JavaScript 콘솔을 사용하는

ES6에 도입된 Promises를 사용하면 다른 콜백 함수를 처리하지 않고도 비동기 코드를 쉽게 작성할 수 있습니다. Promise를 사용하면 작성하고 유지 관리하기 어려운 다단계 콜백 함수에 대해 걱정할 필요가 없습니다. JavaScript에는 Promises를 사용하여 비동기 코드를 훨씬 더 쉽게 작성할 수 있는 또 다른 기능이 있습니다. async/await 함수입니다. 이를 통해 동기처럼 보이지만 실제로는 비동기 루틴을 수행하는 코드를 작성할 수 있습니다. 이 가이드에서는 async/await 함수가 무엇이며 코드

웹 응용 프로그램은 매우 빠르게 매우 복잡해질 수 있습니다. 내가 개발자로 있을 때 배운 것 중 하나는 기회만 주어진다면 평범한 오래된 JavaScript로 할 수 있는 일이 많다는 것입니다. localStorage API는 서버가 필요 없는 간단한 애플리케이션에 데이터베이스를 사용할 필요가 없도록 하는 강력한 내장 기능입니다. 이 API를 사용하여 애플리케이션에서 액세스할 수 있는 데이터 조각을 로컬에 저장할 수 있습니다. 이 가이드에서는 JavaScript에서 localStorage 메서드를 사용하는 방법에 대해 설명

기본 매개변수를 사용하면 함수 작업이 훨씬 쉬워집니다. 기본 매개변수를 사용하면 지정하지 않은 경우에 어떤 매개변수를 사용해야 하는지 함수에 알릴 수 있습니다. 이렇게 하면 오류를 방지하고 코드를 더 읽기 쉽게 만들 수 있습니다. JavaScript는 ES2015에서 기본 매개변수를 도입했습니다. 이를 통해 미리 정의된 값으로 함수를 초기화할 수 있습니다. 이 가이드에서는 기본 매개변수가 무엇인지, 어떻게 사용하는지, 기본 매개변수로 지정할 수 있는 표현식 유형에 대해 설명합니다. 시작하는 데 필요한 모든 코드를 얻을 수

getElementById . getElementByClass . 이러한 기능에 대해 들어본 적이 있을 것입니다. 둘 다 JavaScript에서 특정 요소를 선택할 수 있습니다. 요소를 선택하면 내용을 변경하거나 상태를 수정하거나 사라지게 할 수도 있습니다. JavaScript에서 웹페이지의 항목을 선택하는 데 사용할 수 있는 또 다른 기능이 있습니다. querySelector . 이 함수에는 querySelectorAll이라는 자매가 있습니다. , 특정 쿼리를 충족하는 모든 요소를 ​​반환합니다. 이 가이드에서는

프로그래머는 코드의 반복을 줄이는 것을 좋아합니다. 코드를 더 많이 반복할수록 유지 관리가 어려워지고 프로그램 실행 속도가 느려집니다. 이것이 JavaScript에 데이터 세트를 반복하는 다양한 메소드가 있는 이유입니다. 이러한 방법 중 하나를 map()이라고 합니다. 방법. 이 메서드는 기존 배열을 반복하고 해당 배열의 모든 항목에 대해 특정 기능을 수행합니다. 이 가이드에서는 JavaScript map() 사용 방법에 대해 이야기할 것입니다. 함수. map()의 세 가지 일반적인 예를 살펴보겠습니다. 시작하는 데 도움

컴퓨터는 수학을 정말 잘한다. 컴퓨터가 우리가 바이너리라고 부르는 1과 0으로 구동된다는 점을 고려할 때 은유적인 혈액에 있습니다. 코딩을 할 때 수학 연산을 수행하고 싶을 때가 있을 것입니다. JavaScript에서 수학은 항상 등장합니다. 수학을 사용하여 창 크기를 계산할 수 있습니다. 이를 사용하여 사용자가 사이트를 사용할 수 있는 연령인지 여부를 계산할 수 있습니다. 수학을 사용하여 사용자가 제공한 두 개의 숫자를 더할 수 있습니다. 이 가이드에서는 다섯 가지 주요 수학 연산자를 사용하여 JavaScript에서 수

웹 사이트에 대화형 기능을 추가하는 것은 JavaScript가 빛나는 곳입니다. HTML과 CSS는 각각 웹 페이지의 구조와 스타일을 설정하는 데 사용되지만 JavaScript를 사용하여 사이트를 보다 동적으로 만들 수 있습니다. JavaScript에서 이벤트는 사이트를 대화형으로 만드는 데 사용됩니다. 이 가이드에서는 JavaScript 이벤트에 대해 이야기할 것입니다. 이벤트를 사용할 수 있는 위치, 이벤트를 정의하는 방법 및 이벤트를 호출하는 방법을 탐색합니다. 시작하겠습니다! 자바스크립트 이벤트란 무엇입니까? 이벤트는

목록은 데이터를 저장하는 유용한 방법이지만 목록의 특정 개체에 대한 여러 속성을 저장하려는 경우에는 사용하기가 불편합니다. 예를 들어, 쿠키 가게에서 판매되는 모든 쿠키에 대한 데이터를 저장하려면 데이터를 저장할 여러 목록을 만들어야 합니다. 그것이 객체가 들어오는 곳입니다. 객체를 사용하면 이름:값 쌍으로 데이터를 저장할 수 있습니다. 즉, 애플리케이션에 저장한 데이터에 레이블을 추가할 수 있습니다. 이 가이드에서는 객체가 무엇이고 코드에서 객체를 사용하는 방법에 대해 논의할 것입니다. JavaScript 프로그래밍 언

쿠키는 맛있는 간식이자 현대 웹사이트의 중요한 부분입니다. 쿠키를 사용하면 웹 브라우저에서 사용자에 대한 데이터를 저장할 수 있습니다. 쿠키는 종종 인증 세션과 같은 정보를 저장하므로 브라우저는 귀하가 웹 페이지에 로그인했음을 기억합니다. 이 가이드에서는 쿠키가 존재하는 이유, 쿠키의 유형 및 JavaScript에서 쿠키를 사용하는 방법에 대해 설명합니다. 시작하겠습니다! 브라우저 쿠키란 무엇입니까? 쿠키는 브라우저에 사용자에 대한 정보를 저장하는 텍스트 문자열입니다. 이 아이디어는 1990년대에 세계에서 가장 인기 있

특히 프로그래밍에서는 시계를 피할 수 없습니다. 우리가 하루를 추적하기 위해 시계와 시계에 의존하는 것처럼, 프로그램은 시간 추적 도구를 사용하여 어떤 일이 언제 발생해야 하는지 알고 있습니다. 여러 응용 프로그램에서 시간을 추적해야 합니다. 블로그 애플리케이션은 게시물이 생성된 시간을 기억해야 하는 반면 캘린더 애플리케이션은 예약된 이벤트를 표시합니다. 이 가이드에서는 JavaScript에서 날짜 및 시간을 사용하는 방법에 대해 설명합니다. 이러한 도구로 작업하는 방법을 설명하기 위해 몇 가지 예를 살펴보겠습니다.

JavaScript 작성 방법을 배우고 싶다면 제대로 찾아오셨습니다. 모든 프로그래밍 언어에는 영어와 마찬가지로 고유한 규칙 집합이 있습니다. 그것에 대해 생각해보십시오. 초등학교 때 문장을 구성하기 위해 문법 규칙을 배웠습니다. 영어와 마찬가지로 프로그래밍 언어는 모든 사람이 말하는 내용을 이해할 수 있도록 규칙을 따릅니다. 우리 모두가 영어를 사용할 때 자신만의 규칙을 만들 수 있다고 상상해 보세요. 아무도 의사 소통을 할 수 없었을 것입니다. 마찬가지로 프로그래밍 언어는 작성한 코드가 실행될 수 있도록 규칙에 대해

신진 소프트웨어 엔지니어와 웹 개발자로서 우리가 해결하기 시작한 첫 번째 코드/알고리즘 과제 중 하나는 문자열을 뒤집는 방법을 알아낼 수 있는지 확인하는 것입니다. 문자열은 문자와 공백의 모음일 뿐입니다. 예를 들어 Hello World! 문자열을 반대로 설정해야 합니다. !dlrow olleH를 반환합니다. 이 문제를 해결할 수 있는 몇 가지 방법이 있으며 이 기사에서 그 중 몇 가지를 다룰 것입니다. 프롬프트 reverseString 함수 작성 , 문자열을 뒤집고 반환합니다. 반전할 문자열은 함수의 인수로 제공됩니다.

그렇다면 JavaScript로 웹 페이지의 요소를 선택하시겠습니까? 이것이 getElementById의 특징입니다. 메소드, 소위 getters 요소의 왕 자바스크립트에서. getElementById ID를 기반으로 요소를 선택할 수 있습니다. 생각해보면 꽤 자명한 메소드 이름입니다. 이 가이드에서는 getElementById 즉, 작동 방식과 코드에서 사용해야 하는 시기입니다. document.getElementById 데모에서 표시/숨기기 텍스트 버튼의 예를 살펴보겠습니다. 뛰어들어봅시다! getElementBy

과일 목록을 만들어 봅시다. 목록을 과일이라고 부르고 바나나, 멜론, 포도 값을 추가합니다. 아, 내가 과일을 얼마나 좋아하는지! 이것은 쇼핑 목록에 대한 자습서처럼 들릴 수 있지만 실제로는 배열을 직접 만들었습니다. 이 가이드에서는 배열이 무엇인지, 어떻게 작동하는지, 코드에서 배열을 사용해야 하는 이유를 살펴보겠습니다. JavaScript 배열 닌자가 될 수 있도록 작동 중인 배열의 몇 가지 예를 논의할 것입니다! 배열이란 무엇입니까? 배열은 데이터를 저장하는 객체입니다. 배열은 정렬된 항목 모음을 포함하며 0개 이상의

JavaScript는 프로토타입을 기반으로 합니다. 개체를 선언할 때마다 해당 개체와 관련된 속성 및 메서드를 확장하는 프로토타입 속성이 생성됩니다. 지난 몇 년 동안 많은 JavaScript 개발자는 객체 지향 디자인을 코드에 통합하는 방법을 모색했습니다. 이것은 프로토타입을 확장하는 클래스라고 하는 JavaScript의 새로운 유형의 객체를 발생시켰습니다. 이 가이드에서는 클래스가 무엇인지, 왜 사용되는지, 코드에서 클래스를 구현하는 방법에 대해 논의할 것입니다. 수업을 시작하는 데 도움이 되는 예시를 살펴보겠습니다.

바닐라 JavaScript로 웹 요청을 할 수 있다는 것을 알고 계셨습니까? 맞습니다. 웹 요청을 하기 위해 라이브러리를 설치할 필요가 없습니다. 그게 다가 아닙니다. 우리는 오래되고 복잡한 XMLHttpRequest 도구에 대해 이야기하는 것이 아닙니다. 가져오기 API를 사용하면 일반 이전 JavaScript로 Ajax 요청을 수행할 수 있습니다. 웹 서버에서 데이터를 검색하고 데이터를 변경하는 데 유용한 도구입니다. 이 가이드에서는 fetch API가 무엇이며 API를 사용하여 웹 요청을 만드는 방법에 대해 설명합니