찾다
웹 프론트엔드JS 튜토리얼배열의 25가지 고급 활용으로 알 가치가 줄어듭니다.

Reduce는 ES5의 새로운 일반 배열 방법 중 하나로서 강력한 방법입니다. 이 글에서는 배열 축소의 25가지 고급 사용법을 소개합니다.

배열의 25가지 고급 활용으로 알 가치가 줄어듭니다.

reduce는 ES5의 새로운 일반 배열 방법 중 하나입니다. forEach, filtermap를 비교하세요. >, 실제 사용에서는 다소 무시되는 것 같고, 주변 사람들도 거의 사용하지 않는 것으로 나타나 이런 강력한 방법이 점차 묻혀가고 있는 것으로 나타났습니다. reduce作为ES5新增的常规数组方法之一,对比forEachfiltermap,在实际使用上好像有些被忽略,发现身边的人极少使用它,导致这个如此强大的方法被逐渐埋没。

如果经常使用reduce,怎么可能放过如此好用的它呢!我还是得把他从尘土中取出来擦干净,奉上它的高级用法给大家。一个如此好用的方法不应该被大众埋没。

下面对reduce的语法进行简单说明,详情可查看MDNreduce()的相关说明。

  • 定义:对数组中的每个元素执行一个自定义的累计器,将其结果汇总为单个返回值
  • 形式:array.reduce((t, v, i, a) => {}, initValue)
  • 参数
    • callback:回调函数(必选)
    • initValue:初始值(可选)
  • 回调函数的参数
    • total(t):累计器完成计算的返回值(必选)
    • value(v):当前元素(必选)
    • index(i):当前元素的索引(可选)
    • array(a):当前元素所属的数组对象(可选)
  • 过程
    • t作为累计结果的初始值,不设置t则以数组第一个元素为初始值
    • 开始遍历,使用累计器处理v,将v的映射结果累计到t上,结束此次循环,返回t
    • 进入下一次循环,重复上述操作,直至数组最后一个元素
    • 结束遍历,返回最终的t

reduce的精华所在是将累计器逐个作用于数组成员上,把上一次输出的值作为下一次输入的值。下面举个简单的栗子,看看reduce的计算结果。

const arr = [3, 5, 1, 4, 2];
const a = arr.reduce((t, v) => t + v);
// 等同于
const b = arr.reduce((t, v) => t + v, 0);

배열의 25가지 고급 활용으로 알 가치가 줄어듭니다.

reduce实质上是一个累计器函数,通过用户自定义的累计器对数组成员进行自定义累计,得出一个由累计器生成的值。另外reduce还有一个胞弟reduceRight,两个方法的功能其实是一样的,只不过reduce是升序执行,reduceRight是降序执行。

对空数组调用reduce()和reduceRight()是不会执行其回调函数的,可认为reduce()对空数组无效

高级用法

单凭以上一个简单栗子不足以说明reduce是个什么。为了展示reduce的魅力,我为大家提供25种场景来应用reduce的高级用法。有部分高级用法可能需要结合其他方法来实现,这样为reduce

reduce를 자주 사용한다면 어떻게 이렇게 유용한 도구를 놓칠 수 있겠습니까! 나는 아직도 그것을 먼지에서 꺼내서 깨끗이 닦아서 여러분에게 고급 용도를 제공해야 합니다. 이런 유용한 방법을 대중이 묻혀서는 안 된다.

reduce의 구문은 아래에 간략하게 설명되어 있습니다. 자세한 내용은 MDN의 <a href="https://developer.mozilla.org/zh-CN/"> docs/Web/JavaScript/Reference/Global_Objects/Array/reduce" target="_blank" ref="nofollow noopener noreferrer">reduce()</a>.

  • 정의: 배열의 각 요소에 대해 사용자 정의 누산기를 실행하여 결과를 단일 반환 값으로 요약합니다.
  • 양식: array.reduce((t , v, i , a) => {}, initValue)
  • 매개변수
    • callback

      : 콜백 함수(필수)

    • initValue: 초기 값(선택 사항)
  • 콜백 함수의 매개변수
    • total

      (t): 누산기가 계산을 완료할 때 반환 값(필수)

    • value(v ): 현재 요소(필수)
    • index

      (i): 현재 요소의 인덱스(선택 ) li>

    • array(a): 현재 요소가 속한 배열 객체(선택 사항)
  • Process
    • 누적 결과의 초기 값으로 t를 사용합니다. t가 설정되지 않은 경우 배열의 첫 번째 요소가 됩니다. 초기 값
    • 순회를 시작하고 누산기를 사용하여 v를 처리하고 v에서 t로의 매핑 결과를 누적합니다. 루프를 종료하고 t를 반환합니다.
    • 다음 루프에 들어가서 배열의 마지막 요소까지 위 작업을 반복합니다.
    • 순회를 종료하고 최종 요소를 반환합니다. t
  • reduce의 핵심은 누산기를 배열 멤버에 하나씩 적용하는 것입니다.

    마지막 출력 값을 다음 입력으로 사용합니다. 의 값입니다. reduce의 계산 결과를 살펴보는 간단한 예는 다음과 같습니다.

    部分示例代码的写法可能有些骚,看得不习惯可自行整理成自己的习惯写法

    배열의 25가지 고급 활용으로 알 가치가 줄어듭니다.

    reduce는 기본적으로 사용자 정의 누산기를 사용하여 배열 멤버를 누적하여 누산기에서 생성된 값을 얻는 누산기 함수입니다. 또한 reduce에는 reduceRight라는 동생이 있습니다. reduce가 오름차순으로 실행된다는 점을 제외하면 두 메서드의 기능은 실제로 동일합니다. , ReduceRight 가 내림차순으로 실행됩니다.

    function Accumulation(...vals) {
        return vals.reduce((t, v) => t + v, 0);
    }
    
    function Multiplication(...vals) {
        return vals.reduce((t, v) => t * v, 1);
    }

    고급 사용법

    위의 간단한 밤나무만으로는 reduce가 무엇인지 설명하기에 충분하지 않습니다. reduce의 매력을 보여드리기 위해 reduce의 고급 사용법을 적용할 수 있는 25가지 시나리오를 제공합니다. 일부 고급 사용법은 다른 방법과 결합하여 구현해야 할 수도 있으며, 이는 reduce의 다양화에 대한 더 많은 가능성을 제공합니다.

    Accumulation(1, 2, 3, 4, 5); // 15
    Multiplication(1, 2, 3, 4, 5); // 120

    누적 곱셈

    const scores = [
        { score: 90, subject: "chinese", weight: 0.5 },
        { score: 95, subject: "math", weight: 0.3 },
        { score: 85, subject: "english", weight: 0.2 }
    ];
    const result = scores.reduce((t, v) => t + v.score * v.weight, 0); // 90.5
    function Reverse(arr = []) {
        return arr.reduceRight((t, v) => (t.push(v), t), []);
    }

    가중치 합산

    Reverse([1, 2, 3, 4, 5]); // [5, 4, 3, 2, 1]

    replace reverse

    const arr = [0, 1, 2, 3];
    
    // 代替map:[0, 2, 4, 6]
    const a = arr.map(v => v * 2);
    const b = arr.reduce((t, v) => [...t, v * 2], []);
    
    // 代替filter:[2, 3]
    const c = arr.filter(v => v > 1);
    const d = arr.reduce((t, v) => v > 1 ? [...t, v] : t, []);
    
    // 代替map和filter:[4, 6]
    const e = arr.map(v => v * 2).filter(v => v > 2);
    const f = arr.reduce((t, v) => v * 2 > 2 ? [...t, v * 2] : t, []);
    const scores = [
        { score: 45, subject: "chinese" },
        { score: 90, subject: "math" },
        { score: 60, subject: "english" }
    ];
    
    // 代替some:至少一门合格
    const isAtLeastOneQualified = scores.reduce((t, v) => t || v.score >= 60, false); // true
    
    // 代替every:全部合格
    const isAllQualified = scores.reduce((t, v) => t && v.score >= 60, true); // false

    맵 및 필터 교체

    function Chunk(arr = [], size = 1) {
        return arr.length ? arr.reduce((t, v) => (t[t.length - 1].length === size ? t.push([v]) : t[t.length - 1].push(v), t), [[]]) : [];
    }

    일부 및 모든 교체

    const arr = [1, 2, 3, 4, 5];
    Chunk(arr, 2); // [[1, 2], [3, 4], [5]]

    배열 분할

    function Difference(arr = [], oarr = []) {
        return arr.reduce((t, v) => (!oarr.includes(v) && t.push(v), t), []);
    }
    const arr1 = [1, 2, 3, 4, 5];
    const arr2 = [2, 3, 6]
    Difference(arr1, arr2); // [1, 4, 5]

    어레이 필터링

    function Fill(arr = [], val = "", start = 0, end = arr.length) {
        if (start < 0 || start >= end || end > arr.length) return arr;
        return [
            ...arr.slice(0, start),
            ...arr.slice(start, end).reduce((t, v) => (t.push(val || v), t), []),
            ...arr.slice(end, arr.length)
        ];
    }
    const arr = [0, 1, 2, 3, 4, 5, 6];
    Fill(arr, "aaa", 2, 5); // [0, 1, "aaa", "aaa", "aaa", 5, 6]

    어레이 채우기

    function Flat(arr = []) {
        return arr.reduce((t, v) => t.concat(Array.isArray(v) ? Flat(v) : v), [])
    }
    const arr = [0, 1, [2, 3], [4, 5, [6, 7]], [8, [9, 10, [11, 12]]]];
    Flat(arr); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]

    어레이 병합

    function Uniq(arr = []) {
        return arr.reduce((t, v) => t.includes(v) ? t : [...t, v], []);
    }
    const arr = [2, 1, 0, 3, 2, 1, 2];
    Uniq(arr); // [2, 1, 0, 3]

    어레이 중복 제거

    function Max(arr = []) {
        return arr.reduce((t, v) => t > v ? t : v);
    }
    
    function Min(arr = []) {
        return arr.reduce((t, v) => t < v ? t : v);
    }
    const arr = [12, 45, 21, 65, 38, 76, 108, 43];
    Max(arr); // 108
    Min(arr); // 12

    어레이 최대값 및 최소값

    function Unzip(arr = []) {
        return arr.reduce(
            (t, v) => (v.forEach((w, i) => t[i].push(w)), t),
            Array.from({ length: Math.max(...arr.map(v => v.length)) }).map(v => [])
        );
    }
    const arr = [["a", 1, true], ["b", 2, false]];
    Unzip(arr); // [["a", "b"], [1, 2], [true, false]]

    배열 멤버는 독립적으로 분해됩니다

    function Count(arr = []) {
        return arr.reduce((t, v) => (t[v] = (t[v] || 0) + 1, t), {});
    }
    const arr = [0, 1, 1, 2, 2, 2];
    Count(arr); // { 0: 1, 1: 2, 2: 3 }

    통계 배열 구성원 수

    此方法是字符统计和单词统计的原理,入参时把字符串处理成数组即可
    function Position(arr = [], val) {
        return arr.reduce((t, v, i) => (v === val && t.push(i), t), []);
    }
    const arr = [2, 1, 5, 4, 2, 1, 6, 6, 7];
    Position(arr, 2); // [0, 4]

    배열 구성원 위치 기록

    function Group(arr = [], key) {
        return key ? arr.reduce((t, v) => (!t[v[key]] && (t[v[key]] = []), t[v[key]].push(v), t), {}) : {};
    }
    const arr = [
        { area: "GZ", name: "YZW", age: 27 },
        { area: "GZ", name: "TYJ", age: 25 },
        { area: "SZ", name: "AAA", age: 23 },
        { area: "FS", name: "BBB", age: 21 },
        { area: "SZ", name: "CCC", age: 19 }
    ]; // 以地区area作为分组依据
    Group(arr, "area"); // { GZ: Array(2), SZ: Array(2), FS: Array(1) }

    배열 구성원 속성 그룹화

    function Keyword(arr = [], keys = []) {
        return keys.reduce((t, v) => (arr.some(w => w.includes(v)) && t.push(v), t), []);
    }
    const text = [
        "今天天气真好,我想出去钓鱼",
        "我一边看电视,一边写作业",
        "小明喜欢同桌的小红,又喜欢后桌的小君,真TM花心",
        "最近上班喜欢摸鱼的人实在太多了,代码不好好写,在想入非非"
    ];
    const keyword = ["偷懒", "喜欢", "睡觉", "摸鱼", "真好", "一边", "明天"];
    Keyword(text, keyword); // ["喜欢", "摸鱼", "真好", "一边"]

    배열 구성원에 포함된 키워드 통계

    function ReverseStr(str = "") {
        return str.split("").reduceRight((t, v) => t + v);
    }
    const str = "reduce最牛逼";
    ReverseStr(str); // "逼牛最ecuder"

    문자열 뒤집기

    function ThousandNum(num = 0) {
        const str = (+num).toString().split(".");
        const int = nums => nums.split("").reverse().reduceRight((t, v, i) => t + (i % 3 ? v : `${v},`), "").replace(/^,|,$/g, "");
        const dec = nums => nums.split("").reduce((t, v, i) => t + ((i + 1) % 3 ? v : `${v},`), "").replace(/^,|,$/g, "");
        return str.length > 1 ? `${int(str[0])}.${dec(str[1])}` : int(str[0]);
    }
    rrree

    수천개의 미분

    ThousandNum(1234); // "1,234"
    ThousandNum(1234.00); // "1,234"
    ThousandNum(0.1234); // "0.123,4"
    ThousandNum(1234.5678); // "1,234.567,8"
    async function AsyncTotal(arr = []) {
        return arr.reduce(async(t, v) => {
            const at = await t;
            const todo = await Todo(v);
            at[v] = todo;
            return at;
        }, Promise.resolve({}));
    }

    🎜비동기 누적🎜🎜
    const result = await AsyncTotal(); // 需要在async包围下使用
    function Fibonacci(len = 2) {
        const arr = [...new Array(len).keys()];
        return arr.reduce((t, v, i) => (i > 1 && t.push(t[i - 1] + t[i - 2]), t), [0, 1]);
    }
    🎜🎜피보나치 수열🎜🎜
    Fibonacci(10); // [0, 1, 1, 2, 3, 5, 8, 13, 21, 34]
    function ParseUrlSearch() {
        return location.search.replace(/(^\?)|(&$)/g, "").split("&").reduce((t, v) => {
            const [key, val] = v.split("=");
            t[key] = decodeURIComponent(val);
            return t;
        }, {});
    }
    🎜🎜URL 매개변수 역직렬화🎜🎜
    // 假设URL为:https://www.baidu.com?age=25&name=TYJ
    ParseUrlSearch(); // { age: "25", name: "TYJ" }
    function StringifyUrlSearch(search = {}) {
        return Object.entries(search).reduce(
            (t, v) => `${t}${v[0]}=${encodeURIComponent(v[1])}&`,
            Object.keys(search).length ? "?" : ""
        ).replace(/&$/, "");
    }
    🎜🎜URL 매개변수 직렬화🎜🎜
    StringifyUrlSearch({ age: 27, name: "YZW" }); // "?age=27&name=YZW"
    function GetKeys(obj = {}, keys = []) {
        return Object.keys(obj).reduce((t, v) => (keys.includes(v) && (t[v] = obj[v]), t), {});
    }
    🎜 🎜객체의 지정된 키 값을 반환합니다🎜🎜
    const target = { a: 1, b: 2, c: 3, d: 4 };
    const keyword = ["a", "d"];
    GetKeys(target, keyword); // { a: 1, d: 4 }
    const people = [
        { area: "GZ", name: "YZW", age: 27 },
        { area: "SZ", name: "TYJ", age: 25 }
    ];
    const map = people.reduce((t, v) => {
        const { name, ...rest } = v;
        t[name] = rest;
        return t;
    }, {}); // { YZW: {…}, TYJ: {…} }
    🎜🎜Array to object🎜🎜
    function Compose(...funs) {
        if (funs.length === 0) {
            return arg => arg;
        }
        if (funs.length === 1) {
            return funs[0];
        }
        return funs.reduce((t, v) => (...arg) => t(v(...arg)));
    }
    🎜🎜Redux Compose 함수 원리🎜🎜
    function Compose(...funs) {
        if (funs.length === 0) {
            return arg => arg;
        }
        if (funs.length === 1) {
            return funs[0];
        }
        return funs.reduce((t, v) => (...arg) => t(v(...arg)));
    }

    兼容和性能

    好用是挺好用的,但是兼容性如何呢?在Caniuse上搜索一番,兼容性绝对的好,可大胆在任何项目上使用。不要吝啬你的想象力,尽情发挥reducecompose技能啦。对于时常做一些累计的功能,reduce绝对是首选方法。

    배열의 25가지 고급 활용으로 알 가치가 줄어듭니다.

    배열의 25가지 고급 활용으로 알 가치가 줄어듭니다.

    另外,有些同学可能会问,reduce的性能又如何呢?下面我们通过对forforEachmapreduce四个方法同时做1~100000的累加操作,看看四个方法各自的执行时间。

    // 创建一个长度为100000的数组
    const list = [...new Array(100000).keys()];
    
    // for
    console.time("for");
    let result1 = 0;
    for (let i = 0; i < list.length; i++) {
        result1 += i + 1;
    }
    console.log(result1);
    console.timeEnd("for");
    
    // forEach
    console.time("forEach");
    let result2 = 0;
    list.forEach(v => (result2 += v + 1));
    console.log(result2);
    console.timeEnd("forEach");
    
    // map
    console.time("map");
    let result3 = 0;
    list.map(v => (result3 += v + 1, v));
    console.log(result3);
    console.timeEnd("map");
    
    // reduce
    console.time("reduce");
    const result4 = list.reduce((t, v) => t + v + 1, 0);
    console.log(result4);
    console.timeEnd("reduce");
    累加操作 执行时间
    for 6.719970703125ms
    forEach 3.696044921875ms
    map 3.554931640625ms
    reduce 2.806884765625ms

    以上代码在MacBook Pro 2019 15寸 16G内存 512G闪存Chrome 79下执行,不同的机器不同的环境下执行以上代码都有可能存在差异。

    我已同时测试过多台机器和多个浏览器,连续做了10次以上操作,发现reduce总体的平均执行时间还是会比其他三个方法稍微快一点,所以大家还是放心使用啦!本文更多是探讨reduce的使用技巧,如对reduce的兼容和性能存在疑问,可自行参考相关资料进行验证。

    最后,送大家一张reduce生成的乘法口诀表:一七得七,二七四十八,三八妇女节,五一劳动节,六一儿童节

    배열의 25가지 고급 활용으로 알 가치가 줄어듭니다.

    배열의 25가지 고급 활용으로 알 가치가 줄어듭니다.

    原文地址:https://juejin.cn/post/6844904063729926152

    作者:JowayYoung

    更多编程相关知识,请访问:编程视频!!

    위 내용은 배열의 25가지 고급 활용으로 알 가치가 줄어듭니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    성명
    이 기사는 掘金--JowayYoung에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
    JavaScript가 C로 작성 되었습니까? 증거를 검토합니다JavaScript가 C로 작성 되었습니까? 증거를 검토합니다Apr 25, 2025 am 12:15 AM

    예, JavaScript의 엔진 코어는 C로 작성되었습니다. 1) C 언어는 효율적인 성능과 기본 제어를 제공하며, 이는 JavaScript 엔진 개발에 적합합니다. 2) V8 엔진을 예를 들어, 핵심은 C로 작성되며 C의 효율성 및 객체 지향적 특성을 결합하여 C로 작성됩니다.

    JavaScript의 역할 : 웹 대화식 및 역동적 인 웹JavaScript의 역할 : 웹 대화식 및 역동적 인 웹Apr 24, 2025 am 12:12 AM

    JavaScript는 웹 페이지의 상호 작용과 역학을 향상시키기 때문에 현대 웹 사이트의 핵심입니다. 1) 페이지를 새로 고치지 않고 콘텐츠를 변경할 수 있습니다. 2) Domapi를 통해 웹 페이지 조작, 3) 애니메이션 및 드래그 앤 드롭과 같은 복잡한 대화식 효과를 지원합니다. 4) 성능 및 모범 사례를 최적화하여 사용자 경험을 향상시킵니다.

    C 및 JavaScript : 연결이 설명되었습니다C 및 JavaScript : 연결이 설명되었습니다Apr 23, 2025 am 12:07 AM

    C 및 JavaScript는 WebAssembly를 통한 상호 운용성을 달성합니다. 1) C 코드는 WebAssembly 모듈로 컴파일되어 컴퓨팅 전력을 향상시키기 위해 JavaScript 환경에 도입됩니다. 2) 게임 개발에서 C는 물리 엔진 및 그래픽 렌더링을 처리하며 JavaScript는 게임 로직 및 사용자 인터페이스를 담당합니다.

    웹 사이트에서 앱으로 : 다양한 JavaScript 애플리케이션웹 사이트에서 앱으로 : 다양한 JavaScript 애플리케이션Apr 22, 2025 am 12:02 AM

    JavaScript는 웹 사이트, 모바일 응용 프로그램, 데스크탑 응용 프로그램 및 서버 측 프로그래밍에서 널리 사용됩니다. 1) 웹 사이트 개발에서 JavaScript는 HTML 및 CSS와 함께 DOM을 운영하여 동적 효과를 달성하고 jQuery 및 React와 같은 프레임 워크를 지원합니다. 2) 반응 및 이온 성을 통해 JavaScript는 크로스 플랫폼 모바일 애플리케이션을 개발하는 데 사용됩니다. 3) 전자 프레임 워크를 사용하면 JavaScript가 데스크탑 애플리케이션을 구축 할 수 있습니다. 4) node.js는 JavaScript가 서버 측에서 실행되도록하고 동시 요청이 높은 높은 요청을 지원합니다.

    Python vs. JavaScript : 사용 사례 및 응용 프로그램 비교Python vs. JavaScript : 사용 사례 및 응용 프로그램 비교Apr 21, 2025 am 12:01 AM

    Python은 데이터 과학 및 자동화에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 데이터 처리 및 모델링을 위해 Numpy 및 Pandas와 같은 라이브러리를 사용하여 데이터 과학 및 기계 학습에서 잘 수행됩니다. 2. 파이썬은 간결하고 자동화 및 스크립팅이 효율적입니다. 3. JavaScript는 프론트 엔드 개발에 없어서는 안될 것이며 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축하는 데 사용됩니다. 4. JavaScript는 Node.js를 통해 백엔드 개발에 역할을하며 전체 스택 개발을 지원합니다.

    JavaScript 통역사 및 컴파일러에서 C/C의 역할JavaScript 통역사 및 컴파일러에서 C/C의 역할Apr 20, 2025 am 12:01 AM

    C와 C는 주로 통역사와 JIT 컴파일러를 구현하는 데 사용되는 JavaScript 엔진에서 중요한 역할을합니다. 1) C는 JavaScript 소스 코드를 구문 분석하고 추상 구문 트리를 생성하는 데 사용됩니다. 2) C는 바이트 코드 생성 및 실행을 담당합니다. 3) C는 JIT 컴파일러를 구현하고 런타임에 핫스팟 코드를 최적화하고 컴파일하며 JavaScript의 실행 효율을 크게 향상시킵니다.

    자바 스크립트 행동 : 실제 예제 및 프로젝트자바 스크립트 행동 : 실제 예제 및 프로젝트Apr 19, 2025 am 12:13 AM

    실제 세계에서 JavaScript의 응용 프로그램에는 프론트 엔드 및 백엔드 개발이 포함됩니다. 1) DOM 운영 및 이벤트 처리와 관련된 TODO 목록 응용 프로그램을 구축하여 프론트 엔드 애플리케이션을 표시합니다. 2) Node.js를 통해 RESTFULAPI를 구축하고 Express를 통해 백엔드 응용 프로그램을 시연하십시오.

    JavaScript 및 웹 : 핵심 기능 및 사용 사례JavaScript 및 웹 : 핵심 기능 및 사용 사례Apr 18, 2025 am 12:19 AM

    웹 개발에서 JavaScript의 주요 용도에는 클라이언트 상호 작용, 양식 검증 및 비동기 통신이 포함됩니다. 1) DOM 운영을 통한 동적 컨텐츠 업데이트 및 사용자 상호 작용; 2) 사용자가 사용자 경험을 향상시키기 위해 데이터를 제출하기 전에 클라이언트 확인이 수행됩니다. 3) 서버와의 진실한 통신은 Ajax 기술을 통해 달성됩니다.

    See all articles

    핫 AI 도구

    Undresser.AI Undress

    Undresser.AI Undress

    사실적인 누드 사진을 만들기 위한 AI 기반 앱

    AI Clothes Remover

    AI Clothes Remover

    사진에서 옷을 제거하는 온라인 AI 도구입니다.

    Undress AI Tool

    Undress AI Tool

    무료로 이미지를 벗다

    Clothoff.io

    Clothoff.io

    AI 옷 제거제

    Video Face Swap

    Video Face Swap

    완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

    뜨거운 도구

    SecList

    SecList

    SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

    드림위버 CS6

    드림위버 CS6

    시각적 웹 개발 도구

    Eclipse용 SAP NetWeaver 서버 어댑터

    Eclipse용 SAP NetWeaver 서버 어댑터

    Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

    SublimeText3 Linux 새 버전

    SublimeText3 Linux 새 버전

    SublimeText3 Linux 최신 버전

    SublimeText3 Mac 버전

    SublimeText3 Mac 버전

    신 수준의 코드 편집 소프트웨어(SublimeText3)