본문 바로가기

JavaScript97

Javascript에서 Promise 개체의 기본 제공 메서드 만약 당신이 자바스크립트 개발자로 일한 지 오래되었다면, 당신은 Promise를 발견했을 것이다. 그렇지 않다면 간단한 소개를 하겠습니다. 나는 오랫동안 약속들을 다뤄왔고, 그것들이 자바스크립트에서 비동기 동작을 나타내는 좋은 방법이라고 생각한다. 이 제품들은 훌륭하지만, 여전히 우리 대부분이 알지 못하는 내장 기능들이 많이 있습니다(일주일 전까지만 해도요. 오늘 이 게시물을 통해 저는 Promise 객체의 4가지 흥미로운 빌트인 특징을 설명하고자 합니다. 먼저 데모에 사용한 유틸리티에 대해 살펴보겠습니다. // configs for the createPromiseArrayFromConfig function const allItemsWillResolve = [ { settleAfterSeconds: 1,.. 2022. 1. 11.
Javascript의 O.O. 객체 지향 프로그래밍은 단순히 다른 유형의 객체와 그 속성의 개념에 기반을 둔 프로그래밍 패턴이다. 지금은 거의 모든 프로그래밍 언어가 OOP를 지원하지만, 이 기사에서는 자바스크립트에서 OOP의 주요 특징에 대해 살펴보고 간단한 예를 들어 설명하겠습니다. 우리는 이러한 원칙을 예시하기 위해 자바스크립트에서 OOP의 핵심 특성을 사용하여 상속과 다형성 온베이스 수준을 살펴볼 것이다. 생성자 및 "this" 키워드. 자바스크립트의 객체 지향 프로그래밍과 다른 프로그래밍 언어에서 가장 필수적인 두 가지는 바로 이 키워드와 생성자이다. 자바스크립트 Es6+를 학습할 때 구문당이나 생성자를 작성하거나 클래스를 선언하는 더 편리한 방법으로 간주되지만, 이 글에서는 생성자가 후드 아래에서 어떻게 작동하는지 더 깊이.. 2022. 1. 11.
Apaitu Async Waiting, Promise, Callback — Handling Asyncronus javascript #1. 안녕하세요, 비주여기… 베베라파 개발자 멍킨 마시 케빙궁안 멘게나이 카라 핸들 단은 비동기크론 기능, 칼리이니 아칸 멤버리칸 펜젤라산 세카라 세데르하나를 소비합니다. Asyncronus secara sederhana sebuah sebuah concep dimana program akan menjalankan perlanjutnya tanpa menunggu kembalian perintah saati, silahkan baca lebih lebih lanjuth disuh disuh dis. 비동기 테르다팟 두아 마카암 야크니 멍구나칸 콜백 단 프로미스 처리. 콜백 아달라 수아투 페망길란 펑시 켐발리, untuk conto sederhana 마리 키타 디 코데 베리쿠트. Pertama kita memb.. 2022. 1. 11.
Angular 11 및 가 포함된 온라인 상점을 개발합니다.넷 코어 5 이 기사에서는 프로젝트에 권한을 부여합니다. 이는 이전 기사에서 살펴본 인증 기능을 보완한 것입니다. 이 시리즈의 첫 번째 게시물(이전 게시물에 대한 링크)을 여기에서 찾을 수 있습니다. 프런트엔드 먼저 권한 부여 등을 위한 도우미 클래스가 포함된 폴더(헬퍼)를 새로 추가합니다. helpers 폴더에 인터셉터 클래스를 만듭니다. 이 클래스는 모든 나가는 http 요청을 호출하는 단일 함수를 포함합니다(API에만 해당). 사용자가 로그인한 경우 이 함수는 요청 헤더에 JSON 웹 토큰을 추가합니다. 이 토큰은 인증 단계에서 백엔드에서 전송되었으며 이전 문서의 세션 저장소에 저장되었습니다. 토큰은 백엔드 API 미들웨어에 의해 검사되어 데이터 요청이 승인되었는지 여부를 결정합니다. app.module.ts에.. 2022. 1. 11.
색상으로 JavaScript Tic-Tac-Toe 게임을 만드는 방법 개요 틱택토 게임 방법 틱택토 게임 디자인 방법 HTML 파일 CSS 파일 Javascript 파일 게임 기능 끝. 개요 이 가이드는 컴퓨터에 대해 자신만의 틱 타코 견인을 만들고 플레이하는 방법을 가르쳐 줍니다. HTML, CSS, 자바스크립트 사용법을 배우게 될 것입니다. 가이드 작성 후 코딩 포트폴리오에서 이 프로젝트를 사용할 수 있습니다. 첫 번째 섹션에서는 틱택토 규칙을 안내합니다. 두 번째 섹션에서는 HTML 및 CSS 파일 설정을 안내합니다. 세 번째 절에서는 틱택토우를 위한 자바스크립트 코드를 안내합니다. HTML, CSS, 자바스크립트 사용법을 배우게 될 것입니다. 틱택토 게임 방법 색상 선택 보통 틱택토 게임에서 첫 번째 선수는 X이고 두 번째 선수는 O입니다. 그러나 이 버전의 틱택토.. 2022. 1. 11.
내가 지금까지 한 일 2부 (JS) 과거 블로그를 통해 현재 프로젝트를 진행하고 있는데, 이것이 제가 시간을 들여 작업한 것입니다. HTML, CSS, 자바스크립트로 만든 Roster`s의 간단한 메뉴입니다. 자바스크립트를 현대 영어로 번역할 때 경험이 부족해서 제가 설명하기가 좀 복잡할 것 같습니다. 제가 수탉 메뉴에 자바스크립트를 추가하는 것에 대해 설명하려고 하는 동안 양해해 주세요. 제가 만든 메뉴는 최대한 단순하면서도 우아한 느낌을 더하고 싶었습니다. 그래서 저는 간단한 메뉴를 만드는 대신 클릭할 때마다 페이드 인과 페이드 아웃을 애니메이션화하는 것을 추구했습니다. 이 애니메이션을 하기 위해서는 CSS와 JavaScript를 함께 만들어야 제대로 동작할 수 있었습니다. CSS 부분은 페이드인 및 페이드아웃의 원인이며, JavaSc.. 2022. 1. 11.
React성과 견고성을 갖춘 이더리움 트랜잭션 앱 구축 파트 1: 무엇을 만들 것인가. 여기서 라이브 데모와 Git Repo를 참조하십시오. 온라인 데모에서는 Ropsten 테스트 네트워크를 사용합니다. 도입 웹3 운동이 월드 와이드 웹에 파문을 일으키면서 개발자로 뛰어들어 이 블록체인 기술의 수혜자 중 한 명이 되어야 한다. 그런데 웹3가 뭐야? 블록체인 기반 탈중앙화가 적용된 월드 와이드 웹의 새로운 버전을 위한 개념이다. 즉, 데이터 자율성은 더 이상 한 개인이나 기업의 손에 넘어가지 않고 웹을 통해 배포될 것입니다. 다시 말해, 정보는 이제 네트워크를 통해 안전하고, 불변하며, 배포될 것입니다. 이 튜토리얼에서는 ReactJs 프런트엔드와 상호 작용할 분산형 블록체인 애플리케이션을 처음부터 구축하는 방법을 안내합니다. 2부작 시리즈 중 1부작으로, 여.. 2022. 1. 11.
자바스크립트에서 어떤 종류의 루프가 가장 빠릅니까? 어떤 루프 또는 반복기가 사용자의 요구에 적합한지 알아보고 앱 성능을 해치는 어리석은 실수를 방지하십시오. 웹 개발에서 자바스크립트는 새로운 센세이션을 일으키고 있다. NodeJS, React, Angular Vue 등과 같은 JS 프레임워크뿐만 아니라 바닐라 JS도 많은 팬층을 보유하고 있습니다. 이제 현대 자바스크립트에 대해 이야기해보자. 거의 모든 프로그래밍 언어는 루프를 사용한다. 현대 JS 언어는 가치에 대한 반복에 있어 많은 유연성을 제공합니다. 문제는, 어떤 루프와 반복이 당신의 요구에 가장 잘 맞는지 아는가 하는 것입니다. 루프에 대해 , for (reverse), for …of , foreach , for …in 및 for…wait 등 다양한 옵션을 사용할 수 있습니다. 그 기사는 그러한.. 2022. 1. 11.
JavaScript의 기본 VS 비기본/참조 유형 원시 대 원시적이지 않은 것의 차이와 작동을 5/분 안에 이해합시다. 기본 데이터 형식은 문자열, 숫자, 부울, 정의되지 않음, Null입니다. 비기본/참조 유형은 배열 , 객체, 함수입니다. 이제 먼저 이러한 값이 메모리에 저장되는 방법에 대해 알아보겠습니다. Primative 값은 Stack by value에 저장되고 non-primative 값은 참조로 저장됩니다. 변수 let name=" Humza "를 정의할 때 스택에 저장됩니다. 예를 들어 설명하겠습니다. 이제 출력은 "함자" 또는 "사지드"가 될 것 같습니까? 원시 값이 값으로 스택에 저장되므로 한 값이 변경되었을 때 다른 값에 영향을 미치지 않기 때문에 "함자"가 될 것이다. 힙 케이스에서는 어떤 일이 일어날까요? 힙은 크지만 속도가 느린.. 2022. 1. 4.
React: 통제됨 vs. 제어되지 않음 HTML과 DOM이 기본적으로 양식을 지원하기 때문에 React는 양식에 대한 기본 지원을 제공합니다. 대응 양식 대 HTML 양식 HTML 양식: 양식 태그와 입력에 대한 레이블이 있습니다. 레이블 속성은 대응 양식: 유사한 양식 태그, 대응은 해당 입력의 ID와 일치하는 htmlFor 요소를 사용합니다. React의 입력은 제어됨 또는 제어되지 않음의 두 가지 유형 중 하나가 될 수 있습니다. 제어되지 않은 입력은 둘 중 더 간단하다. 이것은 평범한 HTML 입력과 비슷합니다. 응답은 페이지에 삽입하고 브라우저는 나머지를 추적합니다. 제어되지 않은 입력은 더 적은 코드를 필요로 합니다. 그들은 자신의 가치를 관리합니다. 일반 HTML 양식과 마찬가지로 값은 입력의 DOM 노드에 유지됩니다. 수동으로 .. 2022. 1. 4.
NodeJS의 에러는 어떻게 처리해야 하나요? 때로는 오류가 위협적일 때도 있지만, 실제로 오류가 없을 때는 앱이 잘 작동됩니다! 우리가 실수를 올바르게 처리한다면 프런트엔드 팀원들은 매우 고마워할 것입니다. 오류 Node.js에서 실행되는 응용 프로그램에는 일반적으로 네 가지 범주의 오류가 발생합니다. 구문, 참조, 유형 등의 표준 JavaScript 오류. 시스템 오류는 존재하지 않는 파일을 열거나 닫힌 소켓을 통해 데이터를 보내는 시도와 같은 기본 운영 체제 제약에 의해 트리거됩니다. 응용 프로그램 코드에 의해 트리거된 사용자 지정 오류입니다. AssertionErrors는 절대 발생해서는 안 되는 예외적인 논리 위반을 Node.js가 탐지할 때 트리거될 수 있는 특수 오류 클래스입니다. 이것들은 전형적으로 주장 모듈에 의해 제기된다. Node.. 2022. 1. 4.
JavaScript에서 객체 배열에 대한 효율적인 설정 작업 세트 연산은 거의 모든 애플리케이션에서 볼 수 있기 때문에 효율적인 방식으로 작성하는 것이 매우 중요합니다. 오늘은 Javascript의 세트 연산에 초점을 맞추고 어레이 내부의 데이터 교차, 차이 및 합계(세트 의미)를 작성하는 방법에 대한 두 가지 접근 방식을 비교할 것이다. 순진한 사람을 피하는 것이 왜 그렇게 중요한지도 알게 될 것이다. 예를 들어 시작해 보겠습니다. 예 당신이 인터넷 유명인사 존의 데이터 매니저라고 상상해 보세요. 존은 인스타그램과 트위터라는 두 개의 소셜 미디어에 계정을 가지고 있다. 당신의 임무는 그를 따르는 사용자들을 조사하는 것입니다. 두 가지 사용자 배열(Instagram과 Twitter)이 있습니다. 참고: 사용자를 비교하기 위해 이메일 주소 필드를 사용합니다(사용자가.. 2022. 1. 4.
Javascript를 사용하여 HTTP 요청을 만드는 방법 언제나 그렇듯이 나는 처음부터 시작한다. HTTP란? 과거에는 인터넷을 통해 클라이언트와 서버 간에 데이터를 전송하는 표준 방법이 없었기 때문에 HTTP 개발은 1989년 CERN의 Tim Berners-Lee에 의해 시작되었다. 에이잭스란 무엇인가: 아약스는 비동기식 자바스크립트와 XML을 의미한다. 그것은 비동기식 웹 애플리케이션을 개발하는 데 사용되는 기술들의 그룹을 가리킨다. 아마도 그것에 대한 일반적인 예는 당신이 새로운 문자를 입력할 때 구글이 제안한 단어이고, 따라서 전체 페이지를 다시 로드하지 않고 제안사항이 바뀐다. Http 요청/응답: 클라이언트와 서버 간의 통신은 요청과 응답에 의해 수행됩니다. 클라이언트(브라우저)가 HTTP 요청을 웹으로 보냅니다. 웹 서버가 요청을 수신합니다. 서.. 2022. 1. 4.
javascript의 비동기 - 이전 스타일 대 약속 대 RxJS 스케줄러 이벤트 루프 대기열 - javascript에서 비동기 기능을 제공합니다. 이벤트 대기열에 추가된 작업은 기본 스레드 작업 이후에 실행됩니다. javascript에서 다른 방법으로 비동기 작업을 실행할 수 있습니다. 그 중 일부는 다음과 같다. 이전 스타일의 콜백 함수: 아래 예에서 콜백은 로드 함수로 전달되며 XMLHtpRequest onload 함수가 실행되면 비동기적으로 호출됩니다(이벤트 큐에 추가됨). 약속: Promise는 콜백 함수를 취하는 .then() 블록을 가지고 있다. 따라서 주 작업 코드 .를 실행한 후 콜백 함수가 비동기적으로 실행됩니다(이벤트 큐에 추가됨). .the() 콜백 함수가 여러 개 있을 경우 모든 함수는 차례로 실행됩니다. 그러므로 각 .ten() 콜백 함수는 .ten().. 2022. 1. 4.
콘솔 이런! 뭔가 코드가 잘못됐어. 웹 브라우저 콘솔을 사용하여 디버깅하려고 합니까? 만세! 우린 비슷한 점이 많죠 거의 모든 웹 브라우저는 개발자가 코드를 디버깅할 수 있도록 콘솔로 알려진 인터페이스를 제공한다. 코드 샘플의 오류 위치를 쉽게 추적하기 위해 개발자로서 경고, 오류 또는 일반 정보만 있으면 됩니다. 저에게 콘솔은 디버거가 아니라 알고리즘으로 시작하거나, 수학 연산을 시도하거나, 전역 변수에 저장된 데이터 개체를 가지고 놀기 위해 매우 자주 사용하는 도구입니다. 프로그래밍 언어에서 콘솔은 브라우저 디버깅 인터페이스에 대한 접근을 제공하는 객체라고 할 수 있다. console.log()를 사용하여 데이터 객체나 일부 메시지를 인쇄하기 위해 콘솔을 사용하지만, 이에 제한되지는 않습니다. 콘솔은 우리.. 2022. 1. 4.

티스토리툴바