JAVASCRIPT

JavaScript 프로토타입 및 프로토타입 ⚙️

소개 그러나 콘솔에서 배열을 본 적이 있다면 __proto__가 정확히 무엇인지 알 수 있습니다. 프로토는 무엇입니까? 믿거나 말거나 실제로 Array 청사진에 고유한 메서드를 추가할 수 있습니다. 이제 우리가 방금 생성한 예제 배열을 포함하여 기존 배열에는 이 구문 메서드가 있습니다. 구문법이라고 하면... 결론...

JavaScript 정규식 팁: 설명이 포함된 "HelloWorldAgain"을 "Hello World Again"(Camelcase에서 단어 분리)으로 변경

따라서 낙타 모양의 단어를 공백으로 구분된 단어로 바꾸려는 경우에도 이 문제가 발생했을 수 있습니다. 바로 여기에 있습니다. 여기서 무슨 일이 일어나고 있는지 이해할 수 있도록 설명하겠습니다. 우리는 .replace(arg1, arg2) 를 사용했습니다. 첫 번째 인수는 무엇을 찾을 것인가입니다. 두 번째 인수는 우리가 찾은 것을 대체합니다. 우리는 정규식/([a-z0-9])([A-Z])/g...

HTML CSS 및 JavaScript로 메모 앱 만들기

codewithrandom 블로그에 오신 것을 환영합니다. 이 블로그에서는 HTML, CSS 및 JavaScript를 사용하여 Notes 앱을 만드는 방법을 배웁니다. 이 메모 앱에서는 메모를 새로 만들고 메모를 편집하고 삭제할 수 있습니다. 블로그를 즐기시기 바라며 Notes 앱의 기본 html 구조부터 시작하겠습니다. *Notes 앱용 HTML 코드 * 목차 Notes 앱에 대한 모든 H...

자바스크립트 배열 슬라이스 방법

배열의 slice 메서드는 배열의 일부에 대한 얕은 복사본을 반환합니다. slice 메서드에는 start 및 end 두 가지 선택적 매개변수가 있습니다. end가 포함할 마지막 항목을 나타낼 것으로 예상할 수 있지만 대신 제외할 첫 번째 항목입니다. 이 인수를 생략하면 다음 예와 같이 slice 메서드가 단순히 배열의 끝까지 계속됩니다. 배열 길이보다 큰 값을 사용하면 slice 배열의 끝까...

자바스크립트 시작

Ormai sono più di Due settimane che sto provando javascript, e devo dire che 피아노 피아노 sto migliorando la mia comprensione del linguaggio, e scopro ogni volta cose pazzesche ! Abbiamo visto le funzioni e come crearle in mo...

Sqlite3 및 Javascript로 데이터를 엄청나게 빠르게 제공

사람들이 수입하는 것을 보았습니다 . 으로 사용되는 것을 보고 깜짝 놀랐습니다. SQLite 데이터베이스 를 호스팅할 수 있다는 점이 좋습니다. 웹 서버와 함께 사용할 때 SQLite3의 성능을 살펴보고 싶었습니다. 실제로 2022년 유럽 에너지 위기와 함께 비용 효율적인 솔루션을 찾는 것이 중요합니다. 내 목표: 달성 가능한 동시성이 무엇인지 파악하는 것이 현명합니다. 내가 사용한 SQLi...

Javascript를 사용하는 나이 계산기 ( 소스 코드 )

이 기사에서는 날짜를 오늘 날짜로 계산하는 연령 계산기 프로젝트를 만듭니다. 연령 계산기의 경우 Html, Css 및 Javascript를 사용합니다. 블로그를 즐기시기 바라며 나이 계산기 자바스크립트의 기본 HTML 구조부터 시작하겠습니다. 연령 계산기용 HTML 코드 HTML 문서의 body 태그에서 element를 사용하여 계산기를 위한 컨테이너를 만들고 class 속성인 class =...

HTML,CSS, JavaScript를 이용한 나만의 공룡 게임 (Chrome Dinosaur Game)

CodeWithRandom 블로그에 오신 것을 환영합니다. 이 기사에서는 Html, Css 및 javascript를 사용하여 공룡 게임을 만드는 방법을 배웁니다. Dino 게임 html 코드를 생성한 다음 css 코드를 생성하고 디노 게임에 대해 기능적으로 javascript 코드를 사용합니다. 저희 블로그가 재미있으시길 바라며, 디노 게임 HTML 코드의 기본 HTML 구조부터 시작하겠습니...

JavaScript를 사용하여 숫자 추측 게임 만들기

이 기사에서는 자바 스크립트를 사용하여 숫자 추측 게임을 만듭니다. 숫자 추측 게임 프로젝트에서는 Html, Css 및 기본 Vanilla Javascript를 사용합니다. 따라서 이러한 기술에 대한 기본적인 이해만 있으면 시작할 수 있습니다. 숫자 추측 게임용 HTML 코드 html 상용구를 작성하여 외부 Css 파일 및 Javascript 파일과 연결합니다. 이 프로젝트에서는 Google...

HTML, CSS 및 JavaScript를 사용하여 장바구니에 추가 버튼

codewithrandom 블로그에 오신 것을 환영합니다. 이 기사에서는 장바구니에 추가 버튼 애니메이션을 만듭니다. 장바구니에 담기 버튼 애니메이션에 Html, Css 및 Javascript를 사용합니다. 블로그를 즐기시기 바랍니다. 장바구니에 추가 버튼 애니메이션을 위한 기본 html 구조부터 시작하겠습니다. 버튼에 추가를 위한 HTML 코드 장바구니에 추가 버튼 애니메이션에 대한 모든 ...

HTML, CSS 및 Javascript를 사용하여 캘린더 만들기

Code With Random 블로그에 오신 것을 환영합니다. 이 기사에서는 Html, Css 및 Javascript 코딩을 사용하여 달력을 만듭니다. 이 달력에는 모든 연도, 월 및 날짜가 있습니다. 달력에는 월 슬라이더가 있고 월의 제목이 있고 매달 배경색이 바뀌므로 달력 html css 자바스크립트를 만들어 보겠습니다. 블로그를 즐기시기 바라며 캘린더의 기본 HTML 구조부터 시작하겠습...

Javascript(소스 코드)를 사용하여 뮤직 플레이어 프로젝트 만들기

codewithrandom 블로그에 오신 것을 환영합니다. html, css 및 javascript 코드를 사용하여 음악 플레이어를 만듭니다. 우리는 재생, 일시 중지 및 앞으로 또는 뒤로 버튼을하는 완전한 음악 플레이어 시스템을 만듭니다. 음악 플레이어 html을 만드는 방법을 배웁니다. 우리는 이 뮤직 플레이어 html에 html & css와 javascript를 사용합니다. 우리 블로그...

인생을 더 쉽게 만들기 위해 알아야 할 5가지 JavaScript 배열 방법

배열은 관련 데이터를 저장하는 데 유용하며 종종 정보를 구성하는 방법으로 사용됩니다. 이것은 관심 있는 모든 항목이 포함된 새 배열을 반환하는 유용한 함수입니다. 배열의 각 요소에 대해 호출되는 매개변수로 함수가 필요합니다. 백엔드에서 데이터를 요청했으며 개체 배열이 가진 속성을 기반으로 클라이언트 측 필터링을 수행하려고 합니다. 이 경우 JokeAPI에서 농담을 요청했으며 카테고리 속성이 ...

Javascript에서 DOM이 준비되기를 기다리는 중

Javascript로 작업할 때 매우 일반적인 문제에 부딪쳤을 것입니다. Javascript가 HTML보다 먼저 나타나면 HTML에 이벤트를 첨부하는 것과 같은 작업을 수행할 수 없습니다. 예를 들어 다음 코드를 고려하십시오. ID가 #button인 버튼이 있더라도 이 코드는 실제로 오류를 발생시킵니다. 그 이유는 Javascript가 DOM보다 먼저 로드되기 때문입니다. 따라서 #butto...

자바스크립트로 객체 키 값 업데이트하기

키 값 쌍으로 구성되며 Javascript에서 가장 일반적인 데이터 구조 중 하나입니다. 개체의 모든 값을 업데이트하는 가장 쉬운 방법은 다음과 같습니다. Object.keys를 사용하여 개체의 모든 키를 가져옵니다. 논리를 적용하여 업데이트해야 할 값을 결정합니다. forEach 또는 for 와 같은 루프를 사용하여 각각의 값을 업데이트하십시오. 예를 들어: 논리를 적용할 필요는 없지만 일...

Typed.js(JavaScript)를 사용한 놀라운 타이핑 효과

안녕하세요 여러분! 에 오신 것을 환영합니다. 이 블로그에서는 Typed.js를 사용하여 놀라운 타이핑 효과를 만드는 방법을 설명하겠습니다. 이것은 HTML과 CSS를 포함한 단계별 가이드가 될 것입니다. 시작해봅시다 🚀 . HTML을 사용하여 웹사이트의 골격을 만듭니다. HTML은 마크업 언어입니다. 이제 Google Fonts API를 사용하여 글꼴을 가져옵니다. 아래는 Poppins F...

자바스크립트: Node.js

1. 프로그램을 중지하려면 오류가 발생해야 합니다. console.log(new Error('this is an error')) 프로그램 실행을 중지하지 않습니다. 2. console.table() 객체의 요소를 테이블로 출력 3. console.assert() 괄호 안의 내용이 거짓이면 거짓을 출력합니다. 4.process는 내장 모듈입니다. 모듈을 가져오려면: 5.node는 오류 우선 콜...

javascript: 유형 변환 및 유형 강제 변환

하지만 이는 점점 더 가독성이 떨어지는 코드를 작성하는 데 도움이 될 수 있지만 버그, 특히 유형 강제의 원인이 될 수 있으므로 이러한 기능을 알고 이해하면 일부 고통스러운 버그. 둘 다 값을 한 유형에서 다른 유형으로 변환하는 것을 의미합니다(예: 문자열에서 숫자로, 숫자에서 부울로 등). 우리가 말했듯이 값의 유형을 변경하고 있지만 수동으로 예를 들어 입력 값이 출생 연도이고 입력 값 유...

자바스크립트: Express.js

Node.js는 브라우저 런타임 외부에서 Javascript 파일을 실행할 수 있는 런타임 환경입니다. Express.js는 Node.js와 함께 작동하도록 구축된 서버 측 프레임워크입니다 CRUD는 API를 통해 클라이언트가 정보를 생성, 읽기, 업데이트 및 삭제할 수 있음을 의미합니다. app.listen(PORT, callback) 서버를 시작할 수 있습니다. 첫 번째 매개변수는 포트 ...

다단계 양식 HTML Css Javascript 생성(소스 코드)

다단계 양식을 만드는 방법에 대해 알아봅니다. 이 다단계 양식에 순수 HTML 및 CSS와 자바스크립트를 사용할 것입니다. 먼저 다단계 양식이 무엇이며 언제 다단계 양식을 사용해야 하는지 살펴보겠습니다. 다단계 양식이란 무엇이며 언제 사용해야합니까? 일반적으로 사이트가 사용자로부터 일부 데이터를 원할 때 필요한 데이터로 양식을 작성하도록 요청합니다. 때때로 데이터가 평소보다 더 많은 경향이 ...

HTML, Css 및 Javascript를 사용하여 햄버거 메뉴 만들기

Code With Random 블로그에 오신 것을 환영합니다. 이 블로그에서는 반응형 햄버거 메뉴 프로젝트를 위해 HTML, CSS 및 자바스크립트를 사용하여 햄버거 메뉴를 만드는 방법을 배웁니다. 저희 블로그를 즐기시기 바라며 햄버거 메뉴의 기본 HTML 구조부터 시작하겠습니다. 햄버거 메뉴용 HTML 코드 햄버거 메뉴에 대한 모든 HTML 코드가 있습니다. 이제 햄버거 메뉴로 출력을 볼 ...

Otp 입력 필드 Html Css Javascript 생성( 소스 코드)

codewithrandom 블로그에 오신 것을 환영합니다. 이 기사에서는 html css javascript를 사용하여 Otp 입력 필드를 만듭니다. Otp 입력 필드의 전체 코드를 제공합니다. Otp 입력 필드를 만드는 방법을 배웁니다. Otp 입력란은 html, css, javascript를 사용합니다. 블로그를 즐기시기 바라며 Otp 입력 필드에 대한 기본 html 구조부터 시작하겠습니...

Html,Css 및 Javascript를 사용하는 날씨 앱(날씨 앱 소스 코드)

날씨 앱용 HTML 코드 날씨 앱에 대한 모든 HTML 코드가 있습니다. 날씨 앱용 CSS 코드 CSS 섹션 날씨 앱을 완성했습니다. 날씨 앱용 자바스크립트 코드 이 프로젝트를 실행하려면 API 키가 필요하므로 API 키를 얻은 후 내가 작성자가 있는 프로젝트에 붙여넣고 API 키를 입력하십시오. API 키 생성 단계 1단계 – API 키 정보 – 구글 검색 OpenWeatherMap API...

Html, Css 및 Javascript를 사용하여 퀴즈 앱 만들기(소스 코드)

퀴즈 앱용 HTML 코드 퀴즈 앱에 대한 모든 html 코드가 있습니다. 이제 퀴즈 앱에서 css 및 javascript 없이 출력을 볼 수 있습니다. 그리고 퀴즈 앱용 CSS와 자바스크립트를 작성합니다. 퀴즈 앱용 HTML 출력 미리보기 — N/A 웹사이트에서 미리보기 가능(아래 링크) 퀴즈 앱용 CSS 코드 퀴즈 앱용 HTML 및 CSS 코드로 업데이트된 출력 미리보기 — N/A 웹사이트...

2095. 자바스크립트의 Leetcode 솔루션

JavaScript의 배열 소개.

1. 소개 배열은 여러 값을 저장할 수 있는 고유한 종류의 변수입니다. 대괄호[]로 묶습니다. 통사론 2. 중요성 Array는 작업을 더 쉽게 만들고 코드를 덜 복잡하고 간단하게 만들기 때문에 매우 유용합니다. 여러 종류의 데이터를 하나에 저장할 수 있으므로 여러 변수를 만들 필요가 없습니다. 노트 일단 선언되면 배열의 데이터를 수정할 수 있습니다. 3. 배열 길이 'length' 키워드를 ...

JavaScript의 콜백

콜백이란 무엇입니까? 함수를 다른 함수에 인수로 전달하고 해당 함수가 외부 또는 상위 함수 내에서 호출되면 콜백을 생성합니다. JavaScript에서 내장 메서드를 사용한 적이 있다면 이미 콜백을 사용했을 가능성이 큽니다. 기본적인 예를 살펴보겠습니다. 위의 예에서 우리는 매개변수 cbFunc를 받아들이는 Greeting이라는 함수 선언을 만듭니다. 함수 본문 내에서 cbFunc가 두 번 호...

기본 내보내기를 사용하면 JavaScript를 읽기가 더 어려워집니다!

그러나 기본 내보내기를 사용하면 더 어려워질 뿐만 아니라 이미 존재하는 코드를 사용할 때 복잡성이 추가됩니다! 뿐만 아니라 익명 값을 내보낼 수 있으므로 새 함수를 생성할 때 좋은 이름을 지어야 하는 것은 아닙니다. cookies.js에서 기본 내보낸 함수가 무엇을 하는지 알 수 없습니다. 그 기능이 무엇을 해야 하는지 정확히 알 수 없습니다. 이는 또한 다른 팀 구성원이 새로운 기능을 작업...

🤯 자바스크립트와 타입스크립트에 대해 알아두면 좋은 3가지 이상한 점, PART I

현재 저는 이 놀라운 도구에 대해 친구들과 이야기를 나누다가 Javascript와 그의 비밀 🥷을 조금 더 잘 이해하는 데 도움이 될 수 있는 많은 것들을 알지 못했다는 것을 알게 되었습니다. 배열은 객체입니다 🥲: 왜 이런 일이 일어나고 있는지 물을 수 있습니다. 내가 미쳤어? 아니요, 당신은 아니거나 아마도 당신이지만 이것은 요점이 아닙니다. 이것이 일어나는 이유는 데이터의 구조가 목록이...