본문 바로가기

nodejs13

코드의 시간적 결합 이해 구심 결합: A 구성 요소의 작업은 B, C, D의 구현에 의존해야 합니다. 도메인 이벤트별 타이밍 분리 이벤트 손실 처리 방법 기껏해야 한 번 이상 정확히 한 번 방출 손실 처리 방법 결론 이벤트 손실 여부와 상관없이 가장 간단한 아키텍처인 EventEmitter를 사용하면 됩니다. 이 방식이 가장 단순하고 80%의 경우 문제가 없을 수 있지만 문제가 생기면 어떻게 해야 할까요? 최대한 신뢰할 수 있도록 시도하고 있으므로 문제가 없을 것을 99% 확신하는 메시지 큐를 도입하십시오. 하지만 여전히 1%의 위험이 감내할 수 있을까? 이벤트 소싱을 구현하려면 복잡성이 증가하고 성능에 영향을 미칠 수 있습니다. 이게 받아들여질까요? 2022. 2. 15.
Shell 대신 zx.js 사용 zx.js를 사용하는 이유 설치하다 // Global installation. // Also you can also install it separately in your project. npm i zx -g zx.js의 원리 사용. 파이프라인 문자를 사용하여 스크립트를 빠르게 테스트하는 것이 바로 가기입니다. 또 다른 방법은 우리가 자주 하는 것처럼 프로젝트에서 스크립트를 개발하는 것이다. 명령줄 도구 첫 번째 단계는 Responent 구성 요소인 첫 번째 Template 파일을 생성하고 기본적으로 Props 타입을 내보낸 후 최종적으로 디렉토리와 파일의 내용을 생성해야 합니다. 2022. 2. 15.
React + RESTful API로 이메일 인증 구현 안녕하세요! 이 튜토리얼에서는 전자 메일 + 암호에 의존하는 인증 시스템을 설정하는 방법에 대해 알아보겠습니다. 프런트엔 리액트, 백엔드엔 Node.js를 사용할 예정입니다. 지원되는 워크플로우는 다음과 같습니다. 가입: 사용자가 로그인에 사용할 자격 증명을 제출합니다. 사용자가 전자 메일을 확인합니다. 이제 로그인할 수 있습니다. 로그인: 사용자가 전자 메일/암호 제출 사용자가 존재하는 경우 세션이 작성되고 기본 정보가 표시된 페이지로 이동합니다. 사용자가 페이지를 새로 고칠 수 있으며 여전히 로그인되어 있습니다. 로그아웃: 사용자가 세션을 취소하여 로그아웃을 요청할 수 있습니다. 우리의 디렉토리를 설정하자. 다음을 실행합니다. mkdir email_auth_tutorial && cd email_aut.. 2022. 1. 19.
대규모 프런트 엔드 코드베이스에서 모든 i18n 키를 다시 쓰는 중 저와 제 팀은 흥미로운 도전을 받았습니다. 우리는 모든 i18n 변환에 대한 진실 출처를 하드 코딩된 JSON 파일에서 인기 있는 제3자 국제화 서비스인 구에서 가져온 자동 생성 JSON 파일로 변경하는 과정에 있었다. 도전은 다음과 같습니다. 또한 이번 기회에 코드베이스의 번역 키를 보다 깨끗하고 쉽게 추론할 수 있도록 완전히 다시 작성하기로 결정했습니다. 이 업무는 상당한 팀워크가 필요했고, 제 동료 개발자들 중 몇 명은 이 업무의 다른 면을 맡았습니다. 이 기사에서는 주로 이 작업에 대한 제 작업과 그 작업에 투입된 몇 가지 영리한 자동화에 대해 말씀드리겠습니다. 하지만 먼저 내 손에 떨어지기 전에 무슨 일이 있었는지부터 살펴보죠 저희 팀의 개발자 중 두 명은 500개 미만의 기존 번역 키를 통해 .. 2022. 1. 19.
웹 기록 중Puppetier를 사용하는 유령 참가자가 있는 RTC TLDR: 웹용 비디오 및 오디오 녹화를 설정하려면 Puppeteer-stream을 확인하십시오.RTC 영상 채팅. 최근에 웹을 기록하는 다양한 방법을 연구하고 있습니다.RTC 그룹 화상 채팅 응용 프로그램입니다. 연구를 하는 동안 저는 몇 가지 다른 방법들을 발견했습니다. 기본적으로 미팅을 클라이언트 또는 서버에 기록할 수 있습니다. 제가 시도한 클라이언트 메소드는 1) 캔버스 요소를 사용하여 canvas.captureStream(frameRate) 방법을 사용하여 레코드 같은 라이브러리를 사용하여 개별 스트림을 혼합한 것입니다.RTC.js 3) getDisplayMedia를 사용하여 이 멋진 오픈 소스 프로젝트 mirotalk가 사용하는 화면을 녹화합니다. 솔직히 이 방법들은 고객에게 이상적이지 않고.. 2022. 1. 19.
JavaScript의 콘솔 인터페이스 학습 javascript 우리는 우리의 코드에 특정한 명령어를 쓰는 것에 너무 익숙해져서 그것에 대해 생각하는 것을 멈춥니다. 이러한 명령어 중 하나는 자바스크립트의 console.log() 명령어이다. 콘솔 인터페이스가 제공하는 다른 기능이 무엇인지 궁금하지 않고 console.filename , console.infofilename , console.filename 및 console.error;와 함께 이 명령을 영원히 사용해 왔습니다. TL; DR 여기에서 사용 가능한 콘솔 인터페이스의 설명서를 읽고 인터페이스에서 사용 가능한 기능 목록을 살펴보십시오. 로깅 물론 콘솔 인터페이스의 주 용도는 로깅입니다. 시작되지 않은 로그의 경우 JavaScript 응용프로그램 디버깅에 사용할 수 있는 여러 단계의 로그.. 2022. 1. 4.
NodeJS의 에러는 어떻게 처리해야 하나요? 때로는 오류가 위협적일 때도 있지만, 실제로 오류가 없을 때는 앱이 잘 작동됩니다! 우리가 실수를 올바르게 처리한다면 프런트엔드 팀원들은 매우 고마워할 것입니다. 오류 Node.js에서 실행되는 응용 프로그램에는 일반적으로 네 가지 범주의 오류가 발생합니다. 구문, 참조, 유형 등의 표준 JavaScript 오류. 시스템 오류는 존재하지 않는 파일을 열거나 닫힌 소켓을 통해 데이터를 보내는 시도와 같은 기본 운영 체제 제약에 의해 트리거됩니다. 응용 프로그램 코드에 의해 트리거된 사용자 지정 오류입니다. AssertionErrors는 절대 발생해서는 안 되는 예외적인 논리 위반을 Node.js가 탐지할 때 트리거될 수 있는 특수 오류 클래스입니다. 이것들은 전형적으로 주장 모듈에 의해 제기된다. Node.. 2022. 1. 4.
VS 코드에 대한 다중 복사 붙여넣기 TechnoFunnel은 당신이 더 빠른 코드를 개발할 수 있도록 하는 확장을 제공합니다. 프로그래머로서, 우리는 종종 애플리케이션에 많은 코드를 복사하여 붙여넣어야 합니다. 우리가 여러 개의 파일을 처리할 때 코드에 많은 반복이 있을 수 있는데 한 파일에서 다른 파일로 복사해서 붙여넣어야 합니다. 현재 시나리오에서는 "Ctrl + C" 및 "Ctrl + V"를 사용하여 일부 텍스트를 복사할 수 있습니다. 이렇게 하면 하나의 값만 복사하여 코드의 다른 위치에 동일한 값을 붙여넣을 수 있습니다. 여러 개의 텍스트를 코드에 복사하여 붙여넣을 수 있는 확장자가 필요하다는 것을 알게 되었습니다. 그래서 저는 "복수 복사 붙여넣기"라는 확장 프로그램을 만들었습니다. 확장의 URL은 다음과 같습니다. Applica.. 2022. 1. 4.
내가 자바스크립트를 좋아하는 4가지 이유 나는 자바스크립트로 일하는 게 너무 좋아. 자바스크립트가 무슨 뜻이죠? 리액트 JS? TypeScript? 아니요. 저는 주로 바닐라 자바스크립트로 작업하는 걸 좋아해요. 프레임워크, 라이브러리 등은 필요하지 않습니다(최소한의 프레임워크만 있으면 됩니다). 근데 왜 나는 평범한 바닐라 JS를 그렇게 좋아할까? 기본적으로, 동적이고 해석된다는 것으로 요약됩니다. 이 언어를 사용하는 다른 모든 것을 배우기 전에 먼저 이해해야 한다는 사실, 웹의 언어이며 화살표 기능은 매우 간단합니다(그리고 나중에 논의해야 할 다른 이유). 몇 가지 세부 사항에 대해 더 자세히 살펴보겠습니다. 1. JavaScript는 동적이며 인터프리터링됩니다. 겉으로 보기에는, 자바스크립트는 웹사이트를 더 상호작용적으로 만들기 위해 사용.. 2022. 1. 4.
Laravel Mix를 사용하여 Vue 3 , Adonis JS 설정 a Donis JS는 Laravel에 비해 몇 가지 이점이 있는 Laravel 유사 풀 스택 노드 JS 프레임워크 중 하나입니다. 제가 Adonis JS를 사용한 이유 중 하나는 일부 블록체인 프로젝트(Eth/Algo)가 자바스크립트 SDK만 제공했기 때문입니다. 물론 풀스택 프로젝트 내에서 프런트엔드(Vue/React JS)를 사용하여 블록체인 개발과 관련된 모든 작업을 처리할 수 있지만, 백엔드에서 해당 SDK를 전혀 지원하지 않으면 유연성이 떨어질 수 있습니다. 우리는 Adonis JS가 프런트엔드를 위한 엣지 템플링 엔진을 가지고 있다는 것을 알고 있습니다. 하지만 때때로, 사용. 내용 개요 아도니스 Vue 3 설정 #1 아도니스 우선 아도니스 프로젝트를 설치하는 것부터 시작합시다. 이 예에서는 .. 2022. 1. 4.
⚠npm 취약성 수정 방법 모두들 안녕 이번이 저의 첫 번째 매체 기사인데 가 새 장난감을 가지고 노는 기분입니다. 1년 전부터 글쓰기에 대한 생각이 머릿속에 떠올랐는데 글을 쓸 자신이 없어서… 혹시 사칭증후군일까? 예, 아마도 수석 프런트엔지니어로서 저는 때때로 팀원들에게 제 연구결과와 지식을 공유해야 합니다. 저는 확실히 무언가를 깊이 있게 배울 수 있는 가장 좋은 방법이라고 생각합니다. 지난 주 나는 몇몇 npm 취약점을 고치려고 애쓰고 있었고 나머지 팀원들에게 내가 어떻게 고쳤는지 그리고 그것으로부터 무엇을 배웠는지 설명하기로 결심했다. 그게 내 머릿속에서 촉발됐지, 오! 아마 네 경험에서 뭔가를 쓸 수 있는 가장 좋은 기회일 거야. 그래서 이 글을 쓰기로 결심했습니다 문맥 응용 프로그램에서 npm을 패키지 관리자로 사용합.. 2021. 12. 30.
콩키스타 미냐 바가 데센볼베도르 주니오르 페스키산도는 pags para desenvolvedor frontend web junior, encontrei diversos divesos em aberto를 처리합니다. 네세 아티고, 리스트 오스 폰토스 엠 오스 프린키페스 폰토스가 나를 차마람 아텐상 파라 미 콘키스타 a vaga. 이 코모 콘스트루이르 켐 에스타노 이노 다 조르다. 프라임이로 폰토 세르 인테르시토 데스테사카 오 케 엔토 소브레 아프렌디자도 엠 세 토르나 프로다도르. 이니시안도는 제로 나 아레, 파르티모스 코무 에스투단테 드 프로파상, 온데 에스타모스 콘스트루인도 콘셉트, 프레덴토스 에 파젠도 오 프라임이로스 튜터리아이스 e 고환 등을 사용한다. 네세 에타파, acredito quo o criardade nas resigned soc.. 2021. 12. 30.
트릴하르 펀더마 다 로켓 시트 아프렌더 컴 에사 에 세군다 삼일라 콤 os fermos e conceptos disponibilizada pela 로켓 시트. 네사 야 테모스 콘타토 마이스 프라티코스 에 마이스 프록시모스 다 프로파상, 포르 이소, 아크레디토 케 컴사모스는 엠폴가. 보케 포데라 콩스루이르 펀더멘탈은 없고, 바모스는 프라임이라스 아플리카체스, 세 토르나라 카파즈 데 코다르 솔루체는 funcionais para dar os primiros na sua carereira로 해석한다. Vamos aprofundar conceitos e encar desafios práticos. 에스테 에 오 카민요 파라 아펜더 소브레 에 게렌시아멘토 데 다도스 인클루인도 배열, 매트리즈, 스택 e 큐. 에스타 에 트릴랴 파라 아 프로가상 오리엔타다 오.. 2021. 12. 29.

티스토리툴바