본문 바로가기

javascript126

⚠npm 취약성 수정 방법 모두들 안녕 이번이 저의 첫 번째 매체 기사인데 가 새 장난감을 가지고 노는 기분입니다. 1년 전부터 글쓰기에 대한 생각이 머릿속에 떠올랐는데 글을 쓸 자신이 없어서… 혹시 사칭증후군일까? 예, 아마도 수석 프런트엔지니어로서 저는 때때로 팀원들에게 제 연구결과와 지식을 공유해야 합니다. 저는 확실히 무언가를 깊이 있게 배울 수 있는 가장 좋은 방법이라고 생각합니다. 지난 주 나는 몇몇 npm 취약점을 고치려고 애쓰고 있었고 나머지 팀원들에게 내가 어떻게 고쳤는지 그리고 그것으로부터 무엇을 배웠는지 설명하기로 결심했다. 그게 내 머릿속에서 촉발됐지, 오! 아마 네 경험에서 뭔가를 쓸 수 있는 가장 좋은 기회일 거야. 그래서 이 글을 쓰기로 결심했습니다 문맥 응용 프로그램에서 npm을 패키지 관리자로 사용합.. 2021. 12. 30.
JavaScript 시도 - catch - finaly 문 try, catch, 그리고 마지막으로 블록을 사용하여 예외(오류 유형)를 처리합니다. 그것들을 배우기 전에, 여러분은 프로그래밍의 오류 유형에 대해 알 필요가 있습니다. JavaScript 시도…Catch 문: try…catch 문은 예외를 처리하는 데 사용됩니다. 이것의 문법은 다음과 같다: try { // body of try } catch(error) { // body of catch } 메인 코드는 트라이 블록 안에 있습니다. 트라이 블록을 실행하는 동안 오류가 발생하면 캐치 블록으로 이동합니다. 캐치 블록은 캐치 문에 따라 오류를 처리합니다. 오류가 발생하지 않으면 try 블록 내부의 코드가 실행되고 캐치 블록을 건너뜁니다. JavaScript 시도…캐치…마지막으로 설명: try…catch…f.. 2021. 12. 30.
폐업 초보자 안내서 클로저는 함수와 그 주변 어휘 환경을 묶는 자바스크립트 기능이다. 함수형 프로그래밍에서 클로저는 가장 중요한 요소 중 하나이며 클로저 덕분에 다른 많은 특징들이 존재한다. 그러나 폐쇄를 이해하기 전에 범위 및 어휘 환경(또는 정적 범위)을 이해해야 합니다. 스코프 스코프는 속성(변수 또는 함수)에 액세스할 수 있는 코드 블록을 나타냅니다. 범위는 단순히 접근성의 경계를 정의합니다. 자바스크립트에는 3가지 종류의 범위가 있다. 1) 전역 범위 2) 로컬/기능 범위 3) 블록 범위 function foo() { // The function scope let count = 0; console.log(count); // logs 0 } foo(); console.log(count); // ReferenceErr.. 2021. 12. 30.
작업 목록(목록, 여백, 확인란)을 표시하는 아름다운 할 일 목록 앱을 Vuetify에서 작성 Vuetify.js를 사용하여 처음부터 끝까지 할 일 앱을 만드는 진행 중인 튜토리얼 시리즈에 오신 것을 환영합니다. 지난 회에서 우리는 앱의 툴바를 만드는 것으로 시작했습니다. 오늘은 데이터를 표시하고 상호 작용을 추가할 것입니다. 먼저 생성할 목록을 채울 샘플 작업을 만들어 보겠습니다. 이후 튜토리얼에서는 사용자가 직접 작업을 추가할 수 있도록 할 것이지만, 현재 샘플 데이터는 다음과 같은 작업을 수행해야 합니다. src/App.vue Tasks JavaScript 배열 맵() 방법을 사용하여 각각 고유한 ID, 제목 및 참고를 가진 10개의 샘플 작업 목록을 자동으로 생성합니다. 태스크 목록 표시 v-list 구성 요소 및 기타 하위 구성 요소를 사용하여 작업 목록을 표시합니다. v-list는 v-.. 2021. 12. 30.
vue js에서 데이터 필터링 계산됨 데이터를 필터링할 때는 계산된 내용을 이해해야 합니다. 필터링을 수행할 수 있는 여러 가지 방법이 있으며 곧 다른 방법을 알려드리겠습니다. 어떤 방법이 더 나은 해결책일 수도 있고 어떤 방법이 더 나쁜 해결책일 수도 있다. 먼저 데이터 목록이 있다고 가정해 보겠습니다. 첫 번째 방법은 v-for를 사용하여 템플릿 페이지에 이 데이터를 표시하는 것입니다. 이를 위해 사용할 테스트 데이터는 다음과 같습니다. students”: [ { “id”: 1, “age”: “17”, “studName”: “James Hardy”, }, { “id”: 2, “age”: “23”, “studName”: “Jon Jonasson”, }, { “id”: 3, “age”: “80”, “studName”: “Tom Har.. 2021. 12. 30.
Angular의 ng-content를 사용하여 유연한 구성요소를 생성하는 방법 개발자로서 우리는 앱의 많은 장소에서 소비되는 구성 요소를 만듭니다. 이러한 시나리오의 주요 문제 중 하나는 개발자/구성 요소가 우리가 다르게 만든 구성 요소를 사용하기를 원한다는 것입니다. 그러나 컨텐츠 프로젝션이라는 것을 사용하여 구성요소를 설계하면 이를 사용하는 개발자와 구성 요소를 보다 유연하게 만들 수 있습니다. 다음 기사에서는 다음에 대해 살펴보겠습니다. 콘텐츠 투영이란? ng-콘텐츠 태그를 사용하여 콘텐츠를 투영하는 방법 ng-콘텐츠 태그 및 선택 지시문을 사용하여 여러 콘텐츠를 투영하는 방법. 콘텐츠 투영이란 무엇입니까? ng-콘텐츠 태그를 사용하여 콘텐츠를 투영하는 방법은 무엇입니까? 진행률 표시줄을 나타내는 구성 요소가 있고 내용 투영을 사용하여 진행률 표시줄 설명을 삽입할 수 있다고 .. 2021. 12. 30.
렉스 체스란? 웹 개발 및 오픈 소스 체스의 세계에 오신 것을 환영합니다! 렉스 체스(Redux Chess)는 체스랩이 GitHub에서 개발한 임베디드형 체스 보드이다. 이것은 모든 사람이 환영받는 포괄적인 오픈 소스 프로젝트입니다. 관례에 의한 코딩 덕분에 새로운 기능을 추가하기 쉽지만, 기여자들은 또한 무언가를 부수고 실수로부터 배우도록 장려된다. Redux Chess는 사용이 간편한 체스 보드로서 React 응용 프로그램에 다음과 같은 다양한 기능을 제공합니다. 체스 게임 분석 추가 스터디를 위해 FEN 문자열 및 PGN 이동 텍스트 로드 이미지 다운로드 친구를 초대하여 체스 두기 경험적 접근 사진 찍기 그리고 더 많이! 경험적 접근 사진은 다음과 같은 몇 가지 평가 기능을 통해 보드의 진행 상황을 보여줍니다. .. 2021. 12. 30.
8가지 무료 개발자 튜토리얼을 통해 실제로 일자리를 얻으실 수 있습니다. 실제로 업무를 수행하는 데 도움이 되는 8대 최고 개발자 튜토리얼 3/4에 오신 것을 환영합니다. 작업 파트 1/3을 실제로 제공하는 8가지 무료 개발자 튜토리얼 작업 파트 2/3을 실제로 제공하는 8가지 무료 개발자 튜토리얼 파트 3 시리즈에서는 처음에는 조금 겁먹지만 겁먹지 말고 용어에 신경 쓰지 말고 그냥 단어일 뿐입니다. 대신 원리를 이해하고 기본적인 내용으로도 작동 원리를 이해하며, 가장 중요한 것은 이 튜토리얼이 어떻게 연결되어 있는지 이해해야 합니다. 점들을 연결해서 이 뉴런들이 어떻게 연결되는지 더 큰 그림을 볼 수 있습니다. 미래를 만들기 위해서 여러분의 미래를 만들기 위해서요. 기술은 그저 너무 놀랍고, 매일 변화하고, 그래서 우리의 전문지식과 상관없이 계속 성장하고, 창의적이고, 논리.. 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.
파이어베이스로 채팅 앱 제작 및 React 네이티브 이 튜토리얼에서는 React Native, Expo 및 Firebase를 백엔드 서비스로 사용하여 채팅 애플리케이션을 구축할 것입니다. 응용 프로그램에는 특정 사용자별로 이메일 주소를 사용하는 간단한 로그인 시스템이 포함됩니다. 사용자는 프로필 사진을 업로드할 수 있습니다. 채팅 앱은 글로벌 채팅방에 가깝지만 실시간으로 작동합니다. 이 튜토리얼의 전체 소스 코드는 이 GitHub Repository에서 확인할 수 있습니다. 종속성 설치 중 시작하려면 로컬 시스템에 Expo CLI가 설치되어 있어야 합니다. 터미널에서 다음 명령을 실행하여 CLI를 설치하고 이를 사용하여 새 프로젝트를 생성합니다. # To install expo-cli npm install -g expo-cli # To generate n.. 2021. 12. 30.
이게 뭐야? JavaScript에서 실행 컨텍스트 이해 자바스크립트의 실행 컨텍스트를 이해하는 것은 자바스크립트를 배우는 데 있어 가장 중요한 요소 중 하나이다. 실행 컨텍스트의 작동 방식에 대한 확실한 이해 없이 코드를 작성하면 종종 매우 성가시고 추적하기 어려운 버그가 발생한다. JavaScript를 처음 접하시는 분들은 실행 컨텍스트가 어떻게 작동하는지 시간을 갖고 이해하시기 바랍니다. 그것은 미래에 반드시 성과를 낼 것입니다! 실행 컨텍스트는 또한 이것의 현재 값 또는 함수(또는 메서드)가 실행되는 환경으로 언급된다. 다음은 한 가지 예입니다. 출력: Ralph Asterix is a mechanical engineer. Ralph likes to grow fruits and vegetables in spare time. 7호선부터 8호선까지, 나는 .. 2021. 12. 29.
트릴하르 펀더마 다 로켓 시트 아프렌더 컴 에사 에 세군다 삼일라 콤 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.
Mapas con 자바스크립트 프로텍토 연습생이야. 두란테 엘 데사롤로 데 운 프로이펙토, 아파레시오 아이디어 데 Utilizar und mapa interactivo de Oaxaca con la intincion de visualizar los datos datos sistarrollo a nivel de nivel de munios. 아 케 엘 프로에코 세 데사롤란도 엔 리액트 Js, 세 레케리아 케 엘 마파 푸아 양립 콘 엠바고, 신 엠바고, 포르 라존 데 티엠포 이 에스푸에르조, 엘 콘셉토 세 파라 엘 에예코. 우노 쿠안토스 메세스 데스포에스, 데시디 레토마르 라 아이디어 프로이펙토 개인; in mapa se visualizarian los datos recolitados 델 코비드-19 in Oaxacacacaca. En .. 2021. 12. 29.
몰랐던 5가지 JavaScript 기능 초보 개발자나 경험 많은 개발자가 이러한 자바스크립트 기능은 표준이 아니므로 놓치거나 잊어버릴 수 있는 잘 알려지지 않은 자바스크립트 기능입니다. 하지만, 여러분의 정신력과 JS 능력을 향상시키기 위해 이것들을 아는 것은 항상 좋습니다. Nullish 병합 연산자 널리시 병합 연산자(??)는 기본적으로 OR (|) 논리 연산자의 반대이다. 왼쪽이 null이거나 정의되지 않은 경우에만 오른쪽 피연산자를 반환합니다. 논리적 널리시 할당(??)을 사용할 수도 있습니다.=) 변수가 null이거나 정의되지 않은 경우에만 변수를 할당합니다. 예: 'with' 문 with 문을 사용하면 객체를 블록 문의 범위로 사용할 수 있습니다. 예를 들어 0.5의 ceil을 기록하려고 하면 다음을 수행할 수 있습니다. 로 다음을.. 2021. 12. 29.
[JavaScript 통역]자바스크립트 | 제2부 在上一篇文章裡我們講解了直譯器的基本架構,並實作出一個可以進行基礎四則運算的直譯器。但這個直譯器遇到正負號、空白字元、小數點、括號等等字元時會因為無法解析而出錯,因此本篇文章將會著手解決這些問題。 空白字元 要解決空白字元的問題非常簡單,只需要在讀取到空白字元時自動跳過就可以了,因此需要對我們的lexer稍加修改 : lexer在讀取文字時若遇到空白字元,直接呼叫advance()跳過。 執行程式進行測試 : js> 1 + 2 3 js> 12 + 345 * 2 / 10 81 測試成功 ! 小數點 要能夠解析小數點的話,需要擴展我們lexer裡面的number()定義,在解析數字時遇到第一個小數點,可以接受這個字元並繼續向後解析,但若是同一個數字中出現多個小數點則會拋出錯誤 : 同樣的執行測試 : js> 1.3 + 2.45 3.75 js> 345.2 + 9.8 355 測.. 2021. 12. 29.