JavaScript의 기본 양식 유효성 검사

JavaScript의 기본 양식 유효성 검사

과거에는 사용자가 이미 모든 정보를 입력하고 제출 버튼을 누른 후 서버에서 양식 유효성 검사가 발생했습니다. 정보가 올바르지 않거나 누락 된 경우 서버는 양식을 다시 제출하기 전에 양식을 수정하라는 메시지와 함께 모든 것을 다시 보내야합니다. 이것은 긴 과정이었고 서버에 많은 부담을 줄 것입니다. 요즘 JavaScript는 양식 데이터를 서버로 보내기 전에 브라우저에서 바로 확인하는 여러 가지 방법을 제공합니다. 다음은 다음 예제에서 사용할 HTML 코드입니다. Form Validation // Form validation will go here Username

자세히보기
Flux 아키텍처 패턴 소개

Flux 아키텍처 패턴 소개

Discover Functional JavaScript 는 BookAuthority 가 선정한 최고의 새로운 Functional Programming 책 중 하나로 선정되었습니다 !Flux는 SPA 구축을 위해 Facebook에서 제안한 아키텍처 패턴입니다. 응용 프로그램을 다음 부분으로 분할하는 것이 좋습니다.백화점디스패처견해액션 / 액션 크리에이터저장스토어는 상태를 관리합니다. 도메인 상태와 사용자 인터페이스 상태를 모두 저장할 수 있습니다.상점과 상태는 다른 개념입니다. 상태는 데이터 값입니다. Store는 메서드를 통해 상태를 관리하는

자세히보기
Node.js에서 자체 이벤트 이미 터를 코딩하는 방법 : 단계별 가이드

Node.js에서 자체 이벤트 이미 터를 코딩하는 방법 : 단계별 가이드

작은 패키지 / 모듈을 코딩하여 노드 내부 이해Node.js를 처음 사용하는 경우 여기에 Medium 및 다른 곳에서 많은 자습서가 있습니다. 예를 들어 내 기사 All About Core Node.JS를 확인할 수 있습니다.그러나 더 이상 고민하지 않고 "이벤트 이미 터"라는 주제에 대해 논의하겠습니다. 이벤트 이미 터는 Node.js 생태계에서 매우 중요한 역할을합니다.EventEmitter는 Node.js에서 객체 간의 통신 / 상호 작용을 용이하게하는 모듈입니다. EventEmitter는 Node 비동기 이벤트 중심 아키텍처의 핵심입니다. Express.js와 같은 눈에 띄는 프레임 워크를 포함하여 많은 Node의 내장 모듈이

자세히보기

   Memoize를 사용하여 JavaScript 함수 결과를 캐시하고 코드 속도를 높이는 방법

Memoize를 사용하여 JavaScript 함수 결과를 캐시하고 코드 속도를 높이는 방법

함수는 프로그래밍의 필수 부분입니다. 코드에 모듈 성과 재사용 성 을 추가하는 데 도움이 됩니다. 나중에 유용한 작업을 수행하기 위해 호출 할 수있는 함수를 사용하여 프로그램을 청크로 분할하는 것은 매우 일반적입니다. 때로는 함수를 여러 번 호출하는 데 비용이 많이들 수 있습니다 (예 : 숫자의 계승을 계산하는 함수). 그러나 그러한 기능을 최적화하고 훨씬 더 빠르게 실행할 수있는 방법이 있습니다 : 캐싱 . 예를 들어 function숫자의 계승을 반환하는 a 가 있다고 가정 해 보겠습니다 . function factorial(n) { // Calculations: n * (n-1) * (n-2) * ... (2) * (1) return factorial } factorial(50)좋습니다. 이제 . 컴퓨터가 계산을 수행하고 최종 답변을 반환합니다. 완료되면

자세히보기

   MacOS에 Scala 및 Apache Spark를 설치하는 방법

MacOS에 Scala 및 Apache Spark를 설치하는 방법

MacOS에 Scala 및 Apache Spark를 설치하는 방법 다음은 MacOS에 Scala 및 Apache Spark를 설치하는 방법에 대한 단계별 가이드입니다. 1 단계 : Homebrew 받기 Homebrew는 Mac OS에 응용 프로그램과 언어를 설치할 때 삶을 훨씬 더 쉽게 만듭니다. 웹 사이트의 지침에 따라 Homebrew를 얻을 수 있습니다. 기본적으로 터미널을 열고 다음을 입력하라는 메시지가 표시됩니다. /usr/bin/ruby -e "$(curl -fsSL //raw.githubusercontent.com/Homebrew/install/master/install)" 프로젝트의 GitHub 페이지에 설치에 대한 자세한 지침

자세히보기

   친구를 해킹하는 방법

친구를 해킹하는 방법

내 친구들은 종종 컴퓨터를 열어두고 잠금을 해제합니다. 나는 그들에게 컴퓨터를 잠그는 습관을 가져야한다고 말하지만 그들은 내 말을 듣지 않는다. 그래서 저는 친구들을 해킹하고 컴퓨터 보안의 중요성을 보여주는 간단한 프로젝트를 만들었습니다. 내가해야 할 일은 그들이 컴퓨터를 잠금 해제 상태로 몇 초 동안 기다렸다가 터미널을 열고 짧은 명령 하나를 입력하는 것뿐입니다. 그게 다야! 이제 그들의 컴퓨터가 감염되었으며이 컴퓨터에서 원하는 모든 명령을 원격으로 실행할 수 있습니다. 꽤 달콤 하죠? 아니면 충격적일까요? 해킹은 불법입니다. 구체적으로 특별히:"승인없이 또는 승인 된 액세스를 초과

자세히보기
프로젝트를 구축하여 더 나은 프런트 엔드 개발자가되는 방법 (아이디어 포함)

프로젝트를 구축하여 더 나은 프런트 엔드 개발자가되는 방법 (아이디어 포함)

프론트 엔드 개발자로서의 성장을 빠르게 추적하고 싶다면 실제 개발 프로젝트를 수행하는 것만 큼 좋은 것은 없습니다.진실은 전 세계의 모든 튜토리얼과 과정을 볼 수 있지만 응용 프로그램과 연습 없이는 실제 프로젝트에서 작업하는 데 필요한 기술을 실제로 배우지 못할 것입니다.클라이언트 프로젝트에는 단계별 지침이 제공되지 않습니다. 그렇지 않으면 사용자가 전혀 필요하지 않기 때문입니다. 상자 밖에서 생각하고, 해결책을 찾고, 타협하고, 결승선까지 해킹해야합니다.이러한 기술을 배우는 가장 좋은 방법은 프런트 엔드 개발자 프로젝트를 수행하고 그 과정에서 배우는 것입니다. 그리고 가장 좋은 부분은? 이러한 프로젝트를 직접 수행 할 수 있기 때문에 시작하는 데 클라이언트가 필요하지

자세히보기
비교 된 딥 러닝 프레임 워크 : MxNet vs TensorFlow vs DL4j vs PyTorch

비교 된 딥 러닝 프레임 워크 : MxNet vs TensorFlow vs DL4j vs PyTorch

딥 러닝 엔지니어가되기에 좋은시기입니다. 이 기사에서는 Tensorflow 및 CNTK와 같은 인기있는 딥 러닝 프레임 워크 중 일부를 살펴보고 프로젝트에 가장 적합한 프레임 워크를 선택할 수 있습니다.딥 러닝은 머신 러닝의 한 분야입니다. 기계 학습에는 다양한 알고리즘이 있지만 가장 강력한 것은 신경망입니다.딥 러닝은 복잡한 다층 신경망을 구축하는 기술입니다. 이를 통해 이미지 인식, 언어 번역, 자율 주행 자동차 기술 등과 같은 어려운 문제를 해결할 수 있습니다.자율 주행 Tesla 자동차에서 Siri와 같은 AI 비서에 이르기까지 딥 러닝의

자세히보기

   Ubuntu에 Rails를 설치하고 Ruby를 최신 버전으로 업데이트하는 방법

Ubuntu에 Rails를 설치하고 Ruby를 최신 버전으로 업데이트하는 방법

몇 달 전에 Ruby-on-Rails를 처음 배웠을 때 코딩 파트너와 공동 프로젝트를 진행해야했습니다. 그가 프로젝트를 위해 다른 버전의 Rails와 Buby를 설정했기 때문에 우리는 계속 문제에 부딪 혔습니다. 프로젝트에 필요한 버전을 설치하는 방법에 대해 머리를 감쌀 수 없었습니다. 내가 갖고 싶었던 가이드가 있습니다. 또한 작업중인 프로젝트에 따라 사용중인 Ruby 또는 Rails 버전을 전환하는 방법도 보여줍니다. 먼저 최신 버전의 Ruby를 설치하겠습니다. 이렇게하려면 RVM-Ruby 버전 관리자 라는 패키지를 설치해야합니다 . 이 패키지를 사용하면 Ubuntu 컴퓨터에 모든 버전의 Ruby를 설치할 수 있으며 버전간에 전환

자세히보기

   Google 인터뷰를 위해 8 개월 동안 풀 타임으로 공부 한 이유

Google 인터뷰를 위해 8 개월 동안 풀 타임으로 공부 한 이유

사실입니다. 저는 Google 소프트웨어 엔지니어 인터뷰를 준비하기 위해 수천 시간을 책을 읽고, 코드를 작성하고, 컴퓨터 과학 강의를 보았습니다. Google 인터뷰를 준비하고 싶다면 여기 내 학습 계획이 있습니다. jwasham / google-interview-university google-interview-university-Google 소프트웨어 엔지니어가되기 위해 공부하기위한 완전한 일일 계획. github.com 내가 여기에 어떻게 왔는지 중학교에서 프로그래밍을 시작했지만 대학에 들어갈 때 경제학 학위를 취득했습니다. 나의 이론적 근거는 내가 졸업 할 때까지 일자리를 찾는 프로그래머가 너무 많을 것이라는 것이었다. 소년, 내가 틀렸다. 나중에 나는 프로그래머가되기 위해 육군에 입대했지만, 신병 모집 담당자가 저를 군사 정보 위치로 말했고 다음 2 년 동안

자세히보기

   첫 소프트웨어 엔지니어링 직업을 얻기위한 7 가지 주요 단계

첫 소프트웨어 엔지니어링 직업을 얻기위한 7 가지 주요 단계

저는 2017 년에 웹 개발 부트 캠프를 졸업했습니다. 소프트웨어 엔지니어 나 기술 업계에서 일한 경험이 없었습니다. 저는 10 월에 입사 지원을 시작했고 12 월에 프런트 엔드 엔지니어로 풀 타임으로 일하기 시작했습니다. 구직 과정은 짧았지만 5 주 동안 스트레스를 받았습니다. 내가 알고 있었으면하는 것들이 있었고 내가 예상했던 것보다 더 많은 성과를 거둔 것들이 있었다. 많은 시간과 스트레스를 덜기 위해 제가 배운 내용을 첫 직장을 확보하기 위해했던 7 가지 핵심 사항으로 정리했습니다. 1. 눈에 띄는 몇 가지 프로젝트 포트폴리오 만들기 부분적으로 완료된 프로젝트를 한두 개만 나열한 다른 부트 캠프 졸업생의 이력서를 검토했습니다. 완벽 할

자세히보기

   Flux를 사용하여 ReactJS에서 상태를 관리하는 방법-예제로 설명

Flux를 사용하여 ReactJS에서 상태를 관리하는 방법-예제로 설명

최근에 ReactJS 작업을 시작했다면 애플리케이션이 확장 될 수 있도록 React에서 상태를 관리하는 방법이 궁금 할 것입니다. 이 상태 관리 문제를 해결하기 위해 많은 기업과 사람들이 다양한 솔루션을 개발했습니다. ReactJS를 개발 한 Facebook은 Flux 라는 솔루션을 내놓았습니다 . AngularJS 또는 EmberJS 와 같은 프런트 엔드 기술에 대해 작업 한 적이 있다면 Redux 에 대해 들어 보셨을 것 입니다. ReactJS에는 Redux를 구현하기위한 라이브러리도 있습니다. 그러나 Redux를 배우기 전에 Flux를 살펴보고 이해하는 것이 좋습니다. 그 후 Redux를 사용해보십시오. Redux는 Flux의 고

자세히보기
기계 학습 알고리즘을 다루는 경우 이러한 치트 시트가 필요합니다.

기계 학습 알고리즘을 다루는 경우 이러한 치트 시트가 필요합니다.

2 년 전 머신 러닝 (ML)을 배우기 시작했을 때 사용할 알고리즘, 데이터 세트와의 상관 관계 등에 대한 많은 질문이있었습니다. 대답은 데이터 크기, 예상 출력 및 사용 가능한 계산과 같은 여러 요인에 따라 달라집니다. 자원. 그런 다음 자주 사용되는 알고리즘, 패키지 및 함수에 대해 알게 된 ML 치트 시트를 소개 받았습니다.이 게시물에는 ML 알고리즘을 식별하고 다양한 문제에 적용하는 데 관심이있는 초보자에게 추천 할 수있는 3 가지 치트 시트가 포함되어 있습니다. 이 도메인이 얼마나 빠르게 진화하고 있는지를 감안할 때 트렌드 알고리즘도 발전하고 있습니다. 따라서지도 및 비지도 학습, 분류 및 회귀 등의 영역에 맞는 알고리즘을 이해하는 것이 중요합니다.SAS 알고리즘 순서도출처 : //blogs.sas.com/content/subconsciousmusi

자세히보기
포토샵의 가격-그만한 가치가 있습니까? Photoshop을 무료로 사용하는 방법은 다음과 같습니다.

포토샵의 가격-그만한 가치가 있습니까? Photoshop을 무료로 사용하는 방법은 다음과 같습니다.

Photoshop은 이미지 편집을위한 업계 표준입니다. 하지만 그만한 가치가 있습니까? 가격 책정 모델이 다른 꽤 많은 경쟁자가 있습니다. 이 기사에서는 Photoshop과 경쟁 업체의 가격과 기능을 다루어 Photoshop이 최상의 선택인지 결정할 수 있습니다.가격바로 시작하겠습니다. Photoshop CC의 가격은 월 $ 9.99 (미국 달러)입니다. 이 가격에는 20GB의 클라우드 스토리지가 포함됩니다. 추가 저장 용량에 대해 더 많은 비용을 지불 할 수 있습니다.그만한 가치가 있습니까? 글쎄, 많은 사람들에게는 그렇습니다. 당신은 가격이 가치가 있는지 자기에

자세히보기

   ECMAScript 2016 (ES7)이 JavaScript에 추가하는 새로운 기능 소개

ECMAScript 2016 (ES7)이 JavaScript에 추가하는 새로운 기능 소개

ECMAScript 2015 (ES6라고도 함)가 출시 된 이후 엄청난 양의 새로운 기능이 도입되었습니다. 여기에는 화살표 함수, 세트, ​​맵, 클래스 및 구조 분해 등이 포함됩니다. 여러면에서 ES2015는 새로운 버전의 JavaScript를 배우는 것과 거의 같습니다. Ecma Technical Committee 39는 ECMA 사양을 관리합니다. 그들은 2015 년부터 매년 새로운 버전의 ECMAScript를 출시하기로 결정했습니다. 연간 업데이트는 더 이상 ES6와 같은 큰 릴리스가 없음을 의미합니다. ECMAScript 2016은 두 가지 새로

자세히보기

   자바 스크립트 초심자 핸드북 (2020 년판)

자바 스크립트 초심자 핸드북 (2020 년판)

JavaScript는 세계에서 가장 인기있는 프로그래밍 언어 중 하나입니다. 나는 이것이 당신의 첫 프로그래밍 언어에 대한 훌륭한 선택이라고 믿습니다. 우리는 주로 JavaScript를 사용하여 웹 사이트 웹 애플리케이션 Node.js를 사용하는 서버 측 애플리케이션 하지만 자바 스크립트는 이러한 것들에 국한되지 않고 React Native와 같은 도구를 사용하여 모바일 애플리케이션 생성 마이크로 컨트롤러 및 사물 인터넷 용 프로그램 생성 스마트 워치 애플리케이션 생성 기본적으로 무엇이든 할 수 있습니다. 새로 등장하는 모든 것이 언젠가는 일종의 자바 스크립트 통합을 갖게 될 정도로 인기가 높습니다. JavaScript는 다음과 같은 프로그래밍 언어입니다. 높은 수준 : 실행중인 컴퓨터의 세부 정보를 무시할 수있는 추상화를 제공합니다. 가비지 수집기로 메모리를 자동으로 관리하므로 C와 같은 다른 언어처럼 메모리를 관리하는 대신 코드에 집중할 수 있으며 매우 강력한 변수와 객체를 처리 할 수있는 많은 구성을 제공합니다. dynamic : 정적 프로그래밍 언어와 달리 동적 언어는 정적 언어가 컴파일 타임에 수행하는 많은 작업

자세히보기

   예, React가 프런트 엔드 개발을 인수합니다. 문제는 이유입니다.

예, React가 프런트 엔드 개발을 인수합니다. 문제는 이유입니다.

업데이트 : 이 기사는 이제 제 책“React.js Beyond The Basics”의 일부입니다. jscomplete.com/react-beyond-basics에서이 콘텐츠의 업데이트 된 버전과 React에 대한 자세한 내용을 읽어보십시오 . React가 그렇게 빨리 인기를 얻은 몇 가지 이유는 다음과 같습니다. DOM API로 작업하는 것은 어렵습니다. React는 기본적으로 개발자에게 실제 브라우저보다 더 친숙한 가상 브라우저로 작업 할 수있는 기능을 제공합니다. React의 가상 브라우저는 개발자와 실제 브라우저 사이의 에이전트 역할을합니다. React를 사용

자세히보기

   미들웨어 란? 정의 및 사용 사례

미들웨어 란? 정의 및 사용 사례

미들웨어는 웹 개발에서 일반적으로 사용되는 용어입니다. 문맥에 따라 많은 것을 의미 할 수 있으므로 용어가 약간 혼란 스럽습니다. 이 기사에서는 용어를 정의하는 것으로 시작한 다음 몇 가지 다른 사용 사례에 대한 논의를 계속합니다. 이 기사를 읽은 후에는 동료와의 기술 및 아키텍처 대화에 더 많이 참여할 수 있습니다. 또한 안전하고 신뢰할 수있는 API 및 데이터 흐름을 설계하는 측면에서 더 많은 능력을 갖게됩니다. 미들웨어의 정의 미들웨어는 통신을 용이하게하기 위해 두 응용 프로그램 또는 서비스 간의 중개자 역할을하는 소프트웨어입니다. 데이터 누산기

자세히보기
이진 검색 트리 : 예제로 설명되는 BST

이진 검색 트리 : 예제로 설명되는 BST

이진 검색 트리는 무엇입니까?트리는 다음과 같은 특성을 가진 노드로 구성된 데이터 구조입니다.각 트리에는 일부 값 (모든 데이터 유형일 수 있음)을 포함하는 최상위 노드 (부모 노드라고도 함)가 있습니다.루트 노드에는 0 개 이상의 자식 노드가 있습니다.각 자식 노드에는 0 개 이상의 자식 노드가 있습니다. 이렇게하면 트리에 하위 트리가 생성됩니다. 모든 노드에는 자식과 자식 등으로 구성된 자체 하위 트리가 있습니다. 이는 자체적으로 모든 노드가 트리가 될 수 있음을 의미합니다.이진 검색 트리 (BST)는 다음 두 가지 특성을 추가합니다.각 노드에는 최대 2 개의 하위가 있습니다.각 노드에 대해 왼쪽 하위

자세히보기

   'null'에 대한 빠르고 철저한 가이드 : 정의 및 사용 방법

'null'에 대한 빠르고 철저한 가이드 : 정의 및 사용 방법

의 의미는 null무엇입니까? 어떻게 null구현됩니까? 언제 사용해야 null소스 코드에, 때 당신은해야 하지 그것을 사용? 소개 null많은 프로그래밍 언어에서 기본적인 개념입니다. 이러한 언어로 작성된 모든 종류의 소스 코드에서 유비쿼터스입니다. 따라서의 개념을 완전히 이해하는 것이 중요합니다 null. 의미와 구현을 이해해야 null하고 소스 코드에서 사용하는 방법을 알아야합니다 . 프로그래머 포럼의 댓글은 때때로 null. 일부 프로그래머는 null. 그들은 그것을 '백만 달러의 실수'로 생각하기 때문에 .NET의 발명가 인 Tony Hoare가 만든 용어입니

자세히보기

   JavaScript에서 문자열에서 가장 긴 단어를 찾는 세 가지 방법

JavaScript에서 문자열에서 가장 긴 단어를 찾는 세 가지 방법

이 기사는 Free Code Camp Basic Algorithm Scripting“ Find the Longest Word in a String ”을 기반으로합니다. 이 알고리즘 에서 우리는 각 개별 단어를보고 각각에 몇 개의 문자가 있는지 계산하려고합니다. 그런 다음 개수를 비교하여 가장 많은 문자가있는 단어를 확인하고 가장 긴 단어의 길이를 반환합니다. 이 기사에서는 세 가지 접근 방식을 설명합니다. 첫 번째는 FOR 루프, 두 번째는 sort () 메서드, 세 번째는 reduce () 메서드를 사용합니다. 알고리즘 도전제공된 문장에서 가장 긴 단어의 길이를 반환합니다. 응답은 숫자 여야합니다. 제공된 테스트 케이스 findLongestWord (“The quic

자세히보기