Vanilla JavaScript에서 DOM을 조작하는 방법

Vanilla JavaScript에서 DOM을 조작하는 방법

따라서 변수, 선택 구조 및 루프를 배웠습니다. 이제 DOM 조작에 대해 배우고 멋진 JavaScript 프로젝트를 시작해야 할 때입니다. 이 튜토리얼에서는 vanilla JavaScript로 DOM을 조작하는 방법을 배웁니다. 더 이상 고민하지 않고 바로 시작합시다. 1. 우선 먼저 코딩을 시작하기 전에 Dom이 실제로 무엇인지 알아 보겠습니다.DOM (Document Object Model)은 HTML 및 XML 문서를위한 프로그래밍 인터페이스입니다. 프로그램이 문서 구조, 스타일 및 내용을 변경할 수 있도록 페이지를 나타냅니다. DOM은 문서를

자세히보기

   5 분 안에 HTML 배우기

5 분 안에 HTML 배우기

웹 사이트 구축을 시작하는 데 도움이되는 빠른 자습서입니다. HTML은 World Wide Web에서 콘텐츠를 구성하고 표시하는 데 사용되는 마크 업 언어입니다. CSS 및 JavaScript와 함께 아름답고 인터랙티브 한 웹 사이트를 만들 수 있습니다. HTML은 웹의 기초이기 때문에 모든 웹 개발 경력 경로에서 가장 필수적인 언어이기도합니다. 빠르게 진행되는이 튜토리얼에서는 기본적인 내용을 알려 드리겠습니다.작업 을 마치면 이미 Scrimba.com에서 HTML5에 대한 무료 14 ​​부 과정을 시작했습니다.이 과정 은 언

자세히보기

   Deep Q-Learning 소개 : Let 's Play Doom

Deep Q-Learning 소개 : Let 's Play Doom

이 문서는 Tensorflow? ️를 사용한 심층 강화 학습 과정의 일부입니다. 여기에서 강의 계획서를 확인하십시오. 지난 시간에 우리는 Q-Learning에 대해 배웠습니다. 즉, 에이전트가 주어진 상태에서 취할 수있는 최선의 조치를 찾기 위해 사용하는 Q- 테이블을 생성하는 알고리즘입니다. 그러나 앞으로 보게 되겠지만, Q 테이블을 생성하고 업데이트하는 것은 대규모 상태 공간 환경에서 비효율적 일 수 있습니다. 이 기사는 Deep Reinforcement Learning에 대한 블로그 게시물 시리즈의 세 번째 부분입니다. 더 많은 정보와 더 많은 리소스는 코스의 강의 계획서를 확인하세요. 오늘 우리는 Deep Q Neural Network를

자세히보기
컴퓨터 과학 학위 : 꿈의 기술 직업에 대한 티켓이나 쓸모없는 종이 조각?

컴퓨터 과학 학위 : 꿈의 기술 직업에 대한 티켓이나 쓸모없는 종이 조각?

내가 내린 결정코딩을 처음 시작할 때 나와 같았다면 기술 경력을 쌓는 쉬운 길을 원했을 것입니다. 최소한의 리소스로 기술 작업을 수행 할 수있는 가장 빠르고 확실한 방법을 찾고있었습니다. 상황에서 자원이란 무엇을 의미합니까? 지구상의 모든 인간에게 가장 중요한 것은 시간, 돈, 에너지입니다.나는 내가 급락하고 학위를해야하는지에 대해 계속해서왔다 갔다했다. 사실, 학교로 돌아가는 것이 전혀 호소력이 없었습니다. 2011 년에 다시 수업을들은 줄 알았는데 학위를 받으면 다시 교실에 들어가는 것입니다. 나는 내 미래의 경력과 관련이 없을 수도있는 주제에

자세히보기

   JavaScript에서 숫자를 뒤집는 방법

JavaScript에서 숫자를 뒤집는 방법

화살표 함수 및 일반 JS 함수를 사용하는 예 문자열을 뒤집거나 숫자를 뒤집는 것은 프로그래밍 인터뷰에서 자주 묻는 질문 중 하나입니다. 이것이 어떻게 수행되는지 살펴 보겠습니다. 규칙 / 제한 사항 : 음수는 음수로 유지해야합니다. 전의. -12345된다-54321 선행 0은 제거해야합니다. 전의. 321000되고 123안된다000123 이 함수는 부동 소수점 또는 정수를 허용 할 수 있습니다. 전의. 543.2100된다12.345 이 함수는 정수를 정수로 반환합니다. 전의. 54321되고 12345안된다12345

자세히보기

   파이썬 생성기를 사용해야하는 방법과 이유

파이썬 생성기를 사용해야하는 방법과 이유

생성기 는 PEP 255와 함께 도입 된 이후로 Python의 중요한 부분이었습니다. 생성기 함수를 사용하면 반복자처럼 작동하는 함수를 선언 할 수 있습니다. 이를 통해 프로그래머는 빠르고 쉽고 깨끗한 방법으로 반복기를 만들 수 있습니다. 반복 자란 무엇입니까? 반복자 에 반복 (루프) 할 수있는 객체입니다. 데이터 컨테이너를 추상화하여 반복 가능한 객체처럼 동작하도록하는 데 사용됩니다. 당신은 아마도 매일 몇 가지 반복 가능한 객체 (문자열, 목록, 사전)를 사용하고있을 것입니다. 반복기는 반복기 프로토콜 을 구현하는 클래스에 의해 정의

자세히보기

   HAR 파일을 사용하여 시간 경과에 따른 성능을 분석하는 방법

HAR 파일을 사용하여 시간 경과에 따른 성능을 분석하는 방법

웹 사이트의 성능을 고려할 때 몇 가지 사항이 떠 오릅니다. 페이지의 요청을보고 어떤 리소스가로드되는지 이해하고 이러한 리소스를 사용자가 사용할 수있게하는 데 걸리는 시간을 생각합니다. 네트워크 탭은 페이지에로드 된 모든 자산이 포함 된 테이블을 제공합니다. 또한 해당 자산의 출처 (도메인, HTTP 상태 코드, 크기), 요청을 시작한 사람 및 폭포 표현으로로드 된 순서에 대한 관련 정보를 표시합니다. 테이블 헤더 중 하나를 마우스 오른쪽 단추로 클릭하고 다른 열을 선택하여이 테이블에 더 많은 정보를 추가 할 수 있습니다. 페이지의 성능을 이해하려면 크기, 시간 및 폭포 열이 중요합니다. 크기 값은 리소스의 gzip 크기 (해당되는

자세히보기

   10 개월 만에 직업을 바꾸고 개발자로 일한 방법 : 실화

10 개월 만에 직업을 바꾸고 개발자로 일한 방법 : 실화

이것이 제가 40 세에 관련 경력이나 학위없이 프론트 엔드 개발로 커리어를 바꾼 방법입니다. 나는 풀 타임으로 일하고 거의 아무것도 쓰지 않는 동안 자기 주도적 연구만을 사용했습니다.“저는 마드리드 중심부에있는 카페에 앉아 커피를 마시 며 밖에 비가 내리는 동안 노트북을 두드리고 있습니다. 잠시 후 나는 프론트 엔드 개발자로서의 첫 날을 시작할 것입니다. 10 개월 전에 저는 프로그래밍에 대해 전혀 몰랐던 그라나다의 영어 교사 였고 지금 여기에 있습니다. 어떻게 이런일이 일어 났습니까?" 나는 새 직장에서 첫날을 시작할 준비를하면서 몇 달 전에 그 흥분된 말을 썼다. 내가 여기에 어떻게 왔는지에 대한 나의 여정을 여러분과 공유 할 때 저와 함께 가십시오. 특별한 느낌 처음 개발자가되는 것에 대해

자세히보기
Python 용 Hello World 프로그래밍 자습서

Python 용 Hello World 프로그래밍 자습서

🔹 안녕하세요, 세상!안녕! 이 기사를 읽고 있다면 프로그래밍과 컴퓨터 과학의 놀라운 세계로 뛰어 들기 시작했을 것입니다. 훌륭합니다.이 기사에서는 다음을 학습합니다."Hello, World!"Python으로 첫 번째 프로그램 을 작성하는 방법 .Python 파일에 코드를 저장하는 방법.코드를 실행하는 방법.코딩 방법을 배우기 시작할 때이 프로그램을 작성하는 것은 개발자 커뮤니티의 전통입니다. 이 순간을 즐기십시오. 당신의 첫 발걸음을 기억하는 앞으로 몇 달, 몇 년 동안 기억의 일부가 될 것입니다. 의 시작하자.🔸 "안녕하세요, 세상!" Py

자세히보기

   SQL 조인 자습서 : 교차 조인, 완전 외부 조인, 내부 조인, 왼쪽 조인 및 오른쪽 조인.

SQL 조인 자습서 : 교차 조인, 완전 외부 조인, 내부 조인, 왼쪽 조인 및 오른쪽 조인.

SQL 조인을 사용하면 관계형 데이터베이스 관리 시스템이 관계형이 될 수 있습니다 . 조인을 사용하면 분리 된 데이터베이스 테이블을 애플리케이션을 구동하는 관계로 다시 재구성 할 수 있습니다. 이 기사에서는 SQL의 각기 다른 조인 유형과 사용 방법을 살펴 보겠습니다. 우리가 다룰 내용은 다음과 같습니다. 조인이란 무엇입니까? 데이터베이스 설정 CROSS JOIN 예제 데이터 설정 (감독 및 영화) FULL OUTER JOIN INNER JOIN LEFT JOIN / RIGHT JOIN 다음을 사용하여 필터링 LEFT JOIN 다중 조인 추가 조건으로 조인 조인으로 쿼리 작성에 대한 현실 ( 스포일러 경고

자세히보기

   일류 기능의 힘을 발견하십시오

일류 기능의 힘을 발견하십시오

Discover Functional JavaScript 는 BookAuthority 가 선정한 최고의 새로운 Functional Programming 책 중 하나로 선정되었습니다 ! JavaScript에서 함수는 일류 객체이므로 다음과 같을 수 있습니다. 변수, 객체 또는 배열에 저장 함수에 인수로 전달 함수에서 반환 함수 저장 함수는 세 가지 방법으로 저장할 수 있습니다. 변수에 저장 : let fn = function doSomething() {} 객체에 저장 : let obj = { doSomething : function(){} } 배열에 저장 : arr.push(function doSomething() {}) 첫 번째와 세 번째 예제에서는 명명 된 함수 표현식을 사용했습니다

자세히보기

   Ivy League 학위없이 Microsoft, Amazon 및 Twitter에서 제안을받은 방법

Ivy League 학위없이 Microsoft, Amazon 및 Twitter에서 제안을받은 방법

이것은 구직을 시작할 예정이며 Stanford CS 학위 없이는 최고 수준의 기술 직업을 얻을 수 없다고 걱정할 수있는 사람들을위한 것입니다. 누군가가 당신이 마이크로 소프트 나 페이스 북에 취업하기에 충분하지 않다고 말했습니다. 하지만 저는 당신이 그 직업을 얻을 수 있다고 말하려고 여기 왔습니다. 제가 꿈꾸던 트위터 직업을 얻은 방법은 다음과 같습니다. 내가 어떻게 준비했는지 알아 보려면 여기에서 내 과정에 대해 자세히 읽어보십시오. 여기 트위터에서 1 년 후의 경험을 읽을 수 있습니다. 이 기사에서 다루는 내용 : 내

자세히보기
SDK 란 무엇입니까? 일반 영어로 설명 된 소프트웨어 개발 키트

SDK 란 무엇입니까? 일반 영어로 설명 된 소프트웨어 개발 키트

소프트웨어 개발 키트 (SDK)는 소프트웨어 개발 세계의 도구 상자입니다. 그러나 스크루 드라이버 및 플라이어와 같은 도구 대신 SDK에는 특정 소프트웨어 및 하드웨어에 대한 응용 프로그램을 쉽게 만들 수있는 라이브러리와 API (응용 프로그래밍 인터페이스)가 포함되어 있습니다.플랫폼 별 앱을 개발하려면 일부 SDK가 필요합니다. 예를 들어 Java로 Android 앱을 개발하려면 Java Development Kit, iOS 앱 iOS SDK, 유니버설 Windows 플랫폼의 경우 .NET Framework SDK가 필요합니다.이 모든 작업은 각 SDK에 포함 된 라이브러리를 통해 수행됩니다. 라이브러리는 기본적으로 애플리케이션이 실행중인 특정 플랫폼과

자세히보기
Tweepy를 사용하여 Python에서 Twitter 봇 생성

Tweepy를 사용하여 Python에서 Twitter 봇 생성

트위터의 약 15 %가 봇으로 구성되어있는 상황에서 직접 해보고 싶었습니다. Twitter 봇을 만드는 방법을 검색 한 후 깔끔하게 배치 된 웹 앱으로 이동했습니다. 키워드를 기반으로 트윗을 좋아하거나 팔로우하거나 리트 윗하는 봇을 만들 수 있습니다. 문제는 하나의 기능에 대해 하나의 봇만 만들 수 있다는 것입니다.그래서 저는 Python과 Tweepy 라이브러리로 직접 봇을 코딩하기로 결정했습니다.설정먼저 Tweepy를 다운로드했습니다. pip 패키지 관리자를 사용하여이를 수행 할 수 있습니다.pip install tweepypip가 설치되지 않은 경우 GitHub 저장소를 복제

자세히보기

   array.prototype.map () 작동 방식

array.prototype.map () 작동 방식

JavaScript는 이제 유비쿼터스 언어입니다. 한때 클라이언트 측 사용으로 제한되었으므로 이제는 다양한 유형의 서버에서 찾을 수 있습니다. JavaScript가 성장함에 따라 사용자가 사용할 수있는 기능도 늘어났습니다. 대부분의 경우 이러한 방법을 사용하는 데 만족하며 실제로 내부에서 일어나는 일을 이해하기 위해 추가 단계를 수행하고 싶은 경우는 거의 없습니다. 그 점에서 오늘 추가 단계를 수행하고 매우 인기있는 함수 인 Array.prototype.map(). 면책 조항 : 내가 사용하는 방법을 설명하지 않습니다 map()- 아래의 예를 설명하거나 구글 때 많은 예를 찾을 수 있습니다. 대신, 실제로 맵이 실제로 어떻게 구현되는지 살펴 보겠습니다. 이 map()메서드는 호출 배열의 모든 요소에 대해 제공된 함수를 호출 한 결과로 새 배열을 만듭니다. 예: var array1 = [1, 4, 9, 16]; // pass a funct

자세히보기

   프로덕션에서 Node.js에 대해 직접 실행해서는 안됩니다. 아마도.

프로덕션에서 Node.js에 대해 직접 실행해서는 안됩니다. 아마도.

가끔은 내가 아는 것이 많이 있는지 궁금합니다. 불과 몇 주 전에 저는 "프로덕션에서 Node에 대해 직접 애플리케이션을 실행하지 않을 것"이라고 언급 한 친구와 이야기했습니다. 나는 또한 프로덕션에서 Node를 상대로 실행하지 않을 것임을 강력하게 고개를 끄덕 였습니다. 왜냐하면… 하하하…. 모두가 그것을 알고 있기 때문입니다. 그러나 나는 그것을 몰랐다! 알고 있었어야 했어?! ?? 여전히 프로그램에 참여할 수 있습니까? 내가 아는 것과 다른 사람들이 아는 것 같은 느낌의 벤 다이어그램을 그린다면, 이렇게 보일 것입니다 ... 그건 그렇고, 그 작은 점은 내가 나이가 들수록 작아집니다. 내 인생을 변화시킨 Alicia Liu

자세히보기

   폭 우선 검색-3 개의 Leetcode 예제가 포함 된 BFS 그래프 순회 가이드

폭 우선 검색-3 개의 Leetcode 예제가 포함 된 BFS 그래프 순회 가이드

BFS (Breadth First Search)는 트리 또는 그래프 데이터 구조를 검색하거나 탐색하는 데 가장 많이 사용되는 알고리즘 중 하나입니다. 이 튜토리얼에서는 BFS가 어떻게 작동하는지 간략하게 배우고 Leetcode의 중간 및 쉬운 문제를 해결하는 데 사용할 수있는 기본 패턴을 탐색합니다. 시작 해볼까요? Breadth First Search 란 무엇입니까? 따라서 우리는 그래프가 정점과 모서리의 집합이라는 것을 알고 있습니다 : G = {V, E}. 그래프를 순회한다는 것은 모든 정점과 모든 가장자리를 정돈 된 방식으로 정확히 한 번 방문하는 것을 의미합니다 . BFS에서 우리는 그래프를 넓게 또는 수평으로 횡단해야합

자세히보기

   25 개의 심오한 만화에서 설명하는 코딩

25 개의 심오한 만화에서 설명하는 코딩

우리는 오픈 소스 커뮤니티에 뉴스 사이트를 통해 가장 심오하게 설명 된 코딩을 찾은 만화를 공유하도록 요청했습니다. 가장 많이 찬성 된 25 개의 만화가 있습니다. #1 # 2 #삼 # 4 # 5 # 6 # 7 # 8 # 9 # 10 # 11 # 12 # 13 # 14 # 15 # 16 # 17 # 18 # 19 # 20 # 21 # 22 # 23 # 24 # 25 21 일 안에 코딩하는 법을 배울 수는 없지만 1 년의 밤과 주말을 계획 할 수 있다면 freecodecamp.com을 사용해보세요. : 만화 기여 다음 야영 특별 감사 @ 극대화 , @ carlp3, @serpentadonis, @duttkapil, @noellegrandison, @biancamihai, @anthonygallina, @bergy, @dougtslug, @harames, @elliescode, @denmch을. 그리고 그들을

자세히보기
SQL 업데이트 문 — 테이블 값 업데이트를위한 예제 쿼리

SQL 업데이트 문 — 테이블 값 업데이트를위한 예제 쿼리

SQL (Seequel이라고 발음)은 Structured Query Language를 나타냅니다. 1974 년에 처음 등장한 (Wah, 46 세!) 강력한 유형의 정적 (런타임 전에 유형이 확인 됨) 쿼리 언어이지만 1986 년까지 처음 출시되지 않았습니다.  당신은 그러한 "오래된"도구가 그 뒤에 가장 좋은 날을 가지고 있다고 스스로 생각하고 있을지 모르지만 당신은 정확하지 않을 것입니다. 2019 년 Scale Grid DeveloperWeek 설문 조사를 통해 응답자의 60.5 %가 SQL을 사용했으며 응답자의 39.5 %만이 NoSQL을 사용했습니다.명확하게 말하면 SQL 범주는 MySQL, PostgreSQL, SQL Server 등을 포함하는 여러 하위 범주로 분류되었으며 NoSQL 범주는 MongoDB, Cassandra 등을 포함하는 하위 범주로 분리되었습니다.2017 년에도

자세히보기
Arrow Function JavaScript Tutorial – 새로운 ES6 구문으로 JS 함수를 선언하는 방법

Arrow Function JavaScript Tutorial – 새로운 ES6 구문으로 JS 함수를 선언하는 방법

몇 가지 다른 방식으로 작성된 화살표 함수를 보셨을 것입니다.//example 1 const addTwo = (num) => {return num + 2;}; //example 2 const addTwo = (num) => num + 2; //example 3 const addTwo = num => num + 2; //example 4 const addTwo = a => { const newValue = a + 2; return newValue; }; 일부는 매개 변수 주위에 괄호가 있고 다른 일부는 그렇지 않습니다. 일부는 중괄호를 사용하고return키워드, 다른 사람은 그렇지 않습니다. 하나는 여러 줄에 걸쳐 있고 다른 하나는 한 줄로 구성됩니다.흥미롭게도 동일한 인수로 위의 화살표 함수를 호출하

자세히보기

   GridFS 가이드 : 노드를 사용하여 파일과 이미지를 MongoDB에 쉽게 업로드하는 방법

GridFS 가이드 : 노드를 사용하여 파일과 이미지를 MongoDB에 쉽게 업로드하는 방법

파일 스토리지는 다양한 유형의 애플리케이션에서 여러 프로세스에 필요한 중요한 기능입니다. Content Delivery Networks (CDNs)Amazon Web Services와 같은 타사 클라우드 옵션을 통해 설정된, 로컬 파일 스토리지 옵션과 같은 프로세스의 존재로 인해 항상 이러한 기능을 쉽게 구축 할 수있었습니다. 그러나 단일 API 호출을 통해 파일을 데이터베이스에 직접 저장한다는 개념은 꽤 오랫동안 저를 흥미로 웠습니다. 그것이 GridFS가 나를 위해 등장한 곳입니다. GridFS-평신도의 이해 MongoDB에는 GridFS라는 파일을 업로드하고 검색하는 드라이버 사양이 있습니다. GridFS를 사용하면 BSON 문서 크기 제한 인 16MB를

자세히보기