본문 바로가기
728x90
프로그래밍 「 자바스크립트 편」JavaScript를 사용하여 매크로에 대한 파일 업로드를 확인하는 방법 매크로가 포함된 파일을 시스템에 업로드하는 것은 위험한 작업입니다. 문서에 악성 매크로가 포함되어 있는 경우 다운스트림 사용자가 매크로를 열고 활성화하기만 하면 본격적인 맬웨어 공격이 발생할 수 있습니다. 아래 코드를 사용하여 업로드 프로세스에서 매크로를 허용하거나 허용하지 않도록 선택하는 동시에 파일에서 수백만 개의 바이러스 및 맬웨어 서명을 검사할 수 있습니다. "allowMacros" 매개 변수를 "false"로 설정하면 매크로가 기본 제공되는 문서에 대해 "CleanResult: False" 응답이 반환되므로 업로드 프로세스에서 해당 파일을 쉽게 제거할 수 있습니다. 아래 JavaScript 예제에서 복사하여 API 호출을 구조화한 다음 프리 티어 API 키로 요청을 인증할 수 있습니다(매월 최대.. 2023. 6. 25.
프로그래밍 「 자바스크립트 편」Javascript의 버블 정렬 : 간단한 정렬 알고리즘 정렬은 프로그래밍의 기본 작업이며 이 작업을 효율적으로 수행하기 위해 다양한 알고리즘이 개발되었습니다. 이러한 알고리즘 중 하나는 단순성과 구현 용이성으로 알려진 Bubble Sort입니다. 이 기사에서는 Bubble Sort의 세계를 탐구하고 작동 방식을 이해하고 JavaScript를 사용하여 구현합니다. 결국 Bubble Sort와 실제 적용에 대해 확실히 이해하게 될 것입니다. 뛰어 들자! 님이 촬영 한 사진 레오 리바스 on Unsplash 버블 정렬 작동 방식: 버블 정렬은 전체 배열이 정렬될 때까지 인접한 요소가 잘못된 순서인 경우 반복적으로 교체하는 방식으로 작동합니다. 알고리즘은 각 반복에서 더 작은 요소가 배열의 맨 위로 "버블"되는 방식에서 이름을 얻습니다. 단계별 접근 방식: 버블 정.. 2023. 6. 25.
프로그래밍 「 자바스크립트 편」React로 성능 향상.js 현재의 디지털 환경에서는 웹 사이트 성능을 최적화하는 것이 필수적입니다. 다행히도 이를 달성하는 데 사용할 수 있는 여러 솔루션이 있습니다. 성능이 좋지 않은 웹 사이트는 고객이 경쟁업체로 마이그레이션할 수 있습니다. 여기에 질문이 있습니다 : 고객이 떠나기 전에 웹 페이지의 평균로드 시간은 얼마입니까? 답은 5초입니다. 데스크톱 사이트를 로드하는 데 2초 이상 걸리면 수익 손실이 발생할 위험이 있습니다. 모바일 브라우저의 경우 임계값은 8초입니다. 그렇다면 성능을 향상시키기 위해 무엇을 할 수 있습니까? 이 예를 살펴 보겠습니다. import * as React from 'react'; import * as ReactDOM from 'react-dom/client; class Check extends .. 2023. 6. 25.
프로그래밍 「 자바스크립트 편」JavaScript에서 파일에서 바이러스, 맬웨어 및 XXE 위협을 검사하는 방법 페이지 아래에 제공되는 바로 실행할 수 있는 JavaScript 코드 예제를 사용하면 파일 업로드 프로세스에 대해 360도 콘텐츠 보호를 제공하는 무료 API를 쉽게 활용할 수 있습니다. 파일은 수백만 개의 바이러스 및 맬웨어 서명에 대해 메모리 내에서 검사되며 XXE 취약점이 포함된 XML 파일과 같이 잠재적으로 위협적인 콘텐츠가 즉시 식별됩니다. "allowXmlExternalEntities" 매개 변수를 "false"로 설정하면 XXE 취약점이 포함된 파일을 식별 가능한 바이러스 또는 맬웨어 서명이 포함된 파일과 동일하게 처리하여 업로드 프로세스를 한 번에 쉽게 삭제할 수 있습니다. 아래 코드 예제를 복사하여 API 호출을 구조화하기만 하면 됩니다. var data = new FormData(); .. 2023. 6. 25.
프로그래밍 「 자바스크립트 편」JavaScript의 순수 함수 이해하기: 코드 예제가 포함된 가이드 JavaScript 프로그래밍의 세계에서 순수 함수의 개념은 코드 명확성, 예측 가능성 및 테스트 가능성을 유지하는 데 중요한 역할을 합니다. 순수 함수는 코드 가독성 향상, 디버깅 용이성, 코드 재사용성 향상과 같은 다양한 이점을 제공합니다. 이 기사에서는 순수 함수가 무엇인지, 왜 필수적인지 살펴보고 구현을 설명하는 코드 예제를 제공합니다. 순수 함수란 무엇입니까? 순수 함수는 동일한 입력에 대해 항상 동일한 출력을 생성하고 부작용이 없는 함수입니다. 즉, 입력 매개 변수에만 의존하며 외부 상태나 변수를 수정하지 않습니다. 이 특성은 순수 함수를 예측 가능하고 결정적으로 만들며, 숨겨진 종속성이나 변경 가능한 데이터에 의존하지 않습니다. 순수 함수의 주요 특성: 입력이 출력을 결정함: 순수 함수는 시.. 2023. 6. 25.
프로그래밍 「 자바스크립트 편」JavaScript에서 Promise 탐색: Typicode API를 사용한 실제 예제 Promise는 비동기 작업을 처리하고 비동기 코드 관리를 단순화할 수 있는 JavaScript의 강력한 기능입니다. 이 기사에서는 약속의 개념을 탐구하고 실제 사례를 통해 실제 사용을 보여줍니다. 무료 Typicode API에서 데이터를 검색하는 함수와 함께 promise를 사용하는 방법을 살펴보겠습니다. 뛰어 들자!fetch() 님이 촬영 한 사진 데바브라타 하즈라 on Unsplash 약속 이해하기: Promise는 비동기 작업의 최종 완료(또는 실패)와 그 결과 값을 나타내는 개체입니다. 성공 및 오류 처리 논리를 분리하여 비동기 코드를 처리하는 명확하고 구조화된 방법을 제공합니다. 약속에는 보류 중, 이행 및 거부됨의 세 가지 상태가 있습니다. Typicode API와 함께 Promises 사용.. 2023. 6. 25.
프로그래밍 「 자바스크립트 편」JavaScript로 문을 디자인하는 방법: 가능성 열기 저자가 만든 Canva Pro 디자인. UDoorway to JavaScript 과정을 통해 코딩 기술을 발휘하십시오. HTML, CSS 및 JavaScript를 마스터하여 대화형 가상 문을 만듭니다. 초보자와 전문가에게 이상적입니다. 지금 등록하여 보너스 콘텐츠를 받으세요! 이 디지털 시대에 디자인과 프로그래밍의 교차점은 무한한 가능성을 열어주었습니다. 이러한 흥미로운 개념 중 하나는 JavaScript를 사용하여 문을 디자인하는 것입니다. 실제 문을 만들려면 목공 기술이 필요할 수 있지만 JavaScript를 사용하면 원하는 만큼 간단하거나 정교할 수 있는 가상 문을 만들 수 있습니다. JavaScript로 문을 디자인하는 방법을 단계별로 살펴보겠습니다. 필수 구성 요소 시작하기 전에 문과 스타일의 .. 2023. 6. 25.
프로그래밍 「 자바스크립트 편」JavaScript에서 find() 및 filter()의 기능 공개 JavaScript는 배열 내에서 요소의 검색 및 필터링을 단순화하는 강력한 배열 메서드를 제공합니다. 이 기사에서는 두 가지 필수 배열 방법과 그 기능을 살펴보고 유사점과 차이점에 대해 논의합니다. 실제 적용을 보여주는 코드 예제를 제공하여 특정 요소를 효과적으로 검색하거나 주어진 조건에 따라 필터링된 배열을 만들 수 있도록 합니다. 배열 탐색의 세계를 탐구하고 이러한 방법의 잠재력을 활용해 보겠습니다.find()filter() 님이 촬영 한 사진 스티븐 크라크모 on Unsplash 방법:find() 이 메서드는 지정된 테스트 함수를 만족하는 배열의 첫 번째 요소를 반환합니다. 일치 항목이 발견되는 즉시 반복을 중지하고 일치하는 요소가 반환됩니다.find() 기능 :find() 이 방법을 사용하면 제.. 2023. 6. 25.
프로그래밍 「 자바스크립트 편」Johnny-Five의 힘 발휘: 센서를 통한 화재 감지 소개: 기술 애호가 여러분, 다시 오신 것을 환영합니다! 오늘 우리는 하드웨어 장치와 쉽게 상호 작용할 수 있는 놀라운 JavaScript 로봇 프레임워크인 Johnny-Five의 매혹적인 세계로 뛰어들고 있습니다. 이 블로그 게시물에서는 센서를 사용하여 화재를 감지하기 위해 Johnny-Five의 잠재력을 활용하는 방법을 살펴보겠습니다. 자, 이제 불꽃을 설정하고 시작합시다! 화재 안전이 가장 중요하다는 것을 기억하십시오. 화재 감지 시스템 또는 기타 화재 관련 프로젝트로 작업할 때 항상 필요한 안전 프로토콜 및 규정을 준수하는지 확인하십시오. Johnny-Five 이해하기: Johnny-Five는 개발자가 JavaScript를 사용하여 다양한 하드웨어 구성 요소를 제어하고 통신할 수 있도록 하는 다목.. 2023. 6. 25.
프로그래밍 「 자바스크립트 편」React Native에서 범용 앱 빌드 시스템 설계 Zet의 사명은 모든 플랫폼에서 핀테크 솔루션에 액세스할 수 있도록 하는 것입니다. 이 야심 찬 목표를 달성하기 위해 우리는 범용 애플리케이션을 구축하는 데 상당한 투자를 했습니다. 그리고 크로스 플랫폼 앱을 빌드할 때 React Native를 능가하는 기술은 없습니다. 이 여정을 시작하면서 우리는 애플리케이션의 토대를 마련하기 위해 올바른 라이브러리 세트를 선택하는 것이 중요하다는 것을 빠르게 깨달았습니다. 이 기사에서는 디자인 시스템 및 상태 관리 솔루션을 구동하는 라이브러리를 선택하는 이면의 의사 결정 프로세스에 대해 자세히 설명합니다. 디자인 시스템 우리 디자인 팀은 포괄적인 디자인 시스템을 개발하기 위해 상당한 노력을 기울였습니다. 이 디자인 시스템을 React Native 환경에서 구현하기 위.. 2023. 6. 17.
프로그래밍 「 자바스크립트 편」HTML 코드로 사진 갤러리를 만드는 방법 안녕하세요, 코더입니다. 이 기사에서는 HTML 및 CSS 코드로 사진 갤러리를 만들 것입니다. 이 사진 갤러리에는 표준 갤러리와 비슷하게 표시되는 여러 이미지가 포함됩니다. 우리는 멋진 반응형 사진 갤러리 웹사이트를 만들 것입니다. 이 사진 갤러리의 모든 이미지는 작은 크기로 표시되며, 그 중 하나를 클릭하면 해당 이미지의 전체 크기가 표시되며 마우스 휠을 사용하여 사진을 확대 및 축소할 수 있습니다. 이 프로젝트는 웹 페이지에 여러 이미지를 추가하는 방법과 페이지를 반응형으로 만드는 방법을 알려줍니다. 프로젝트에 대한 아이디어가 있었기를 바랍니다. 프로젝트 사진 갤러리를 살펴 보겠습니다. 코드를 작성하기 전에 글꼴에 대한 HTML 파일에 다음 링크를 추가하기만 하면 됩니다. head 태그 아래에 이 .. 2023. 6. 17.
프로그래밍 「 자바스크립트 편」JavaScript 최적화: 더 빠른 코드를 위한 10가지 입증된 기술 님이 촬영 한 사진 NASA on Unsplash JavaScript는 웹 개발의 초석이므로 성능은 웹 사이트의 전반적인 속도와 사용자 경험에 큰 영향을 미칩니다. 이 게시물에서는 JavaScript 성능을 최적화하기 위한 10가지 중요한 기술에 대해 자세히 알아보고 기본 및 고급 사례를 모두 다룹니다. 1. 지역 변수 사용 전역 변수의 사용을 줄이면 응용 프로그램의 수명 주기 동안 메모리에 남아 있는 JavaScript 성능이 향상될 수 있습니다. 함수 내에서 지역 변수를 사용하면 함수 실행이 완료되는 즉시 메모리를 확보할 수 있습니다. // Instead of using global variables var globalVar = 'I am Global'; // Use local variables in.. 2023. 6. 17.
728x90

티스토리툴바