diff --git a/package-lock.json b/package-lock.json index f0be209..f09754b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,8 @@ "next": "^14.2.15", "react": "^18.3.1", "react-dom": "^18.3.1", - "react-icons": "^5.3.0" + "react-icons": "^5.3.0", + "sharp": "^0.33.5" }, "devDependencies": { "@types/node": "^22.7.7", @@ -272,6 +273,16 @@ "url": "https://github.com/sponsors/wooorm" } }, + "node_modules/@emnapi/runtime": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.3.1.tgz", + "integrity": "sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==", + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, "node_modules/@eslint-community/eslint-utils": { "version": "4.4.0", "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz", @@ -449,6 +460,367 @@ "deprecated": "Use @eslint/object-schema instead", "dev": true }, + "node_modules/@img/sharp-darwin-arm64": { + "version": "0.33.5", + "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz", + "integrity": "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==", + "cpu": [ + "arm64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-darwin-arm64": "1.0.4" + } + }, + "node_modules/@img/sharp-darwin-x64": { + "version": "0.33.5", + "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz", + "integrity": "sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==", + "cpu": [ + "x64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-darwin-x64": "1.0.4" + } + }, + "node_modules/@img/sharp-libvips-darwin-arm64": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz", + "integrity": "sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==", + "cpu": [ + "arm64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "darwin" + ], + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-darwin-x64": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz", + "integrity": "sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==", + "cpu": [ + "x64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "darwin" + ], + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linux-arm": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz", + "integrity": "sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==", + "cpu": [ + "arm" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linux-arm64": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz", + "integrity": "sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==", + "cpu": [ + "arm64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linux-s390x": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz", + "integrity": "sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==", + "cpu": [ + "s390x" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linux-x64": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz", + "integrity": "sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==", + "cpu": [ + "x64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linuxmusl-arm64": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz", + "integrity": "sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==", + "cpu": [ + "arm64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linuxmusl-x64": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz", + "integrity": "sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==", + "cpu": [ + "x64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-linux-arm": { + "version": "0.33.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz", + "integrity": "sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==", + "cpu": [ + "arm" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linux-arm": "1.0.5" + } + }, + "node_modules/@img/sharp-linux-arm64": { + "version": "0.33.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz", + "integrity": "sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==", + "cpu": [ + "arm64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linux-arm64": "1.0.4" + } + }, + "node_modules/@img/sharp-linux-s390x": { + "version": "0.33.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz", + "integrity": "sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==", + "cpu": [ + "s390x" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linux-s390x": "1.0.4" + } + }, + "node_modules/@img/sharp-linux-x64": { + "version": "0.33.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz", + "integrity": "sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==", + "cpu": [ + "x64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linux-x64": "1.0.4" + } + }, + "node_modules/@img/sharp-linuxmusl-arm64": { + "version": "0.33.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz", + "integrity": "sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==", + "cpu": [ + "arm64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linuxmusl-arm64": "1.0.4" + } + }, + "node_modules/@img/sharp-linuxmusl-x64": { + "version": "0.33.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz", + "integrity": "sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==", + "cpu": [ + "x64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linuxmusl-x64": "1.0.4" + } + }, + "node_modules/@img/sharp-wasm32": { + "version": "0.33.5", + "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz", + "integrity": "sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==", + "cpu": [ + "wasm32" + ], + "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT", + "optional": true, + "dependencies": { + "@emnapi/runtime": "^1.2.0" + }, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-win32-ia32": { + "version": "0.33.5", + "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz", + "integrity": "sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==", + "cpu": [ + "ia32" + ], + "license": "Apache-2.0 AND LGPL-3.0-or-later", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-win32-x64": { + "version": "0.33.5", + "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz", + "integrity": "sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==", + "cpu": [ + "x64" + ], + "license": "Apache-2.0 AND LGPL-3.0-or-later", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, "node_modules/@isaacs/cliui": { "version": "8.0.2", "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", @@ -2486,11 +2858,23 @@ "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } }, + "node_modules/color": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz", + "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==", + "license": "MIT", + "dependencies": { + "color-convert": "^2.0.1", + "color-string": "^1.9.0" + }, + "engines": { + "node": ">=12.5.0" + } + }, "node_modules/color-convert": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, "license": "MIT", "dependencies": { "color-name": "~1.1.4" @@ -2503,9 +2887,18 @@ "version": "1.1.4", "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true, "license": "MIT" }, + "node_modules/color-string": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz", + "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==", + "license": "MIT", + "dependencies": { + "color-name": "^1.0.0", + "simple-swizzle": "^0.2.2" + } + }, "node_modules/colord": { "version": "2.9.3", "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz", @@ -8251,6 +8644,66 @@ "node": ">= 0.4" } }, + "node_modules/sharp": { + "version": "0.33.5", + "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz", + "integrity": "sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==", + "hasInstallScript": true, + "license": "Apache-2.0", + "dependencies": { + "color": "^4.2.3", + "detect-libc": "^2.0.3", + "semver": "^7.6.3" + }, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-darwin-arm64": "0.33.5", + "@img/sharp-darwin-x64": "0.33.5", + "@img/sharp-libvips-darwin-arm64": "1.0.4", + "@img/sharp-libvips-darwin-x64": "1.0.4", + "@img/sharp-libvips-linux-arm": "1.0.5", + "@img/sharp-libvips-linux-arm64": "1.0.4", + "@img/sharp-libvips-linux-s390x": "1.0.4", + "@img/sharp-libvips-linux-x64": "1.0.4", + "@img/sharp-libvips-linuxmusl-arm64": "1.0.4", + "@img/sharp-libvips-linuxmusl-x64": "1.0.4", + "@img/sharp-linux-arm": "0.33.5", + "@img/sharp-linux-arm64": "0.33.5", + "@img/sharp-linux-s390x": "0.33.5", + "@img/sharp-linux-x64": "0.33.5", + "@img/sharp-linuxmusl-arm64": "0.33.5", + "@img/sharp-linuxmusl-x64": "0.33.5", + "@img/sharp-wasm32": "0.33.5", + "@img/sharp-win32-ia32": "0.33.5", + "@img/sharp-win32-x64": "0.33.5" + } + }, + "node_modules/sharp/node_modules/detect-libc": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz", + "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==", + "license": "Apache-2.0", + "engines": { + "node": ">=8" + } + }, + "node_modules/sharp/node_modules/semver": { + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", + "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==", + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, "node_modules/shebang-command": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", @@ -8316,6 +8769,21 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/simple-swizzle": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz", + "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==", + "license": "MIT", + "dependencies": { + "is-arrayish": "^0.3.1" + } + }, + "node_modules/simple-swizzle/node_modules/is-arrayish": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz", + "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==", + "license": "MIT" + }, "node_modules/slash": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", diff --git a/package.json b/package.json index 45564bc..acc1a9d 100644 --- a/package.json +++ b/package.json @@ -31,7 +31,8 @@ "next": "^14.2.15", "react": "^18.3.1", "react-dom": "^18.3.1", - "react-icons": "^5.3.0" + "react-icons": "^5.3.0", + "sharp": "^0.33.5" }, "devDependencies": { "@types/node": "^22.7.7", diff --git a/public/images/posts/composition-of-javascript/1.png b/public/images/posts/composition-of-javascript/1.png deleted file mode 100644 index ba549e5..0000000 Binary files a/public/images/posts/composition-of-javascript/1.png and /dev/null differ diff --git a/public/images/posts/composition-of-javascript/1.webp b/public/images/posts/composition-of-javascript/1.webp new file mode 100644 index 0000000..d0bdddb Binary files /dev/null and b/public/images/posts/composition-of-javascript/1.webp differ diff --git a/public/images/posts/composition-of-javascript/2.png b/public/images/posts/composition-of-javascript/2.png deleted file mode 100644 index b6d432f..0000000 Binary files a/public/images/posts/composition-of-javascript/2.png and /dev/null differ diff --git a/public/images/posts/composition-of-javascript/2.webp b/public/images/posts/composition-of-javascript/2.webp new file mode 100644 index 0000000..2c98b84 Binary files /dev/null and b/public/images/posts/composition-of-javascript/2.webp differ diff --git a/public/images/posts/composition-of-javascript/3.png b/public/images/posts/composition-of-javascript/3.png deleted file mode 100644 index 0a40ebf..0000000 Binary files a/public/images/posts/composition-of-javascript/3.png and /dev/null differ diff --git a/public/images/posts/composition-of-javascript/3.webp b/public/images/posts/composition-of-javascript/3.webp new file mode 100644 index 0000000..f53e06a Binary files /dev/null and b/public/images/posts/composition-of-javascript/3.webp differ diff --git a/public/images/posts/composition-of-javascript/4.png b/public/images/posts/composition-of-javascript/4.png deleted file mode 100644 index 538cce2..0000000 Binary files a/public/images/posts/composition-of-javascript/4.png and /dev/null differ diff --git a/public/images/posts/composition-of-javascript/4.webp b/public/images/posts/composition-of-javascript/4.webp new file mode 100644 index 0000000..87ddc20 Binary files /dev/null and b/public/images/posts/composition-of-javascript/4.webp differ diff --git a/public/images/posts/composition-of-javascript/5.png b/public/images/posts/composition-of-javascript/5.png deleted file mode 100644 index 0eb9d21..0000000 Binary files a/public/images/posts/composition-of-javascript/5.png and /dev/null differ diff --git a/public/images/posts/composition-of-javascript/5.webp b/public/images/posts/composition-of-javascript/5.webp new file mode 100644 index 0000000..af5fe5a Binary files /dev/null and b/public/images/posts/composition-of-javascript/5.webp differ diff --git a/public/images/posts/composition-of-javascript/6.png b/public/images/posts/composition-of-javascript/6.png deleted file mode 100644 index e43ea83..0000000 Binary files a/public/images/posts/composition-of-javascript/6.png and /dev/null differ diff --git a/public/images/posts/composition-of-javascript/6.webp b/public/images/posts/composition-of-javascript/6.webp new file mode 100644 index 0000000..99699c8 Binary files /dev/null and b/public/images/posts/composition-of-javascript/6.webp differ diff --git a/public/images/posts/composition-of-javascript/7.png b/public/images/posts/composition-of-javascript/7.png deleted file mode 100644 index 0bbfe33..0000000 Binary files a/public/images/posts/composition-of-javascript/7.png and /dev/null differ diff --git a/public/images/posts/composition-of-javascript/7.webp b/public/images/posts/composition-of-javascript/7.webp new file mode 100644 index 0000000..ce04ffb Binary files /dev/null and b/public/images/posts/composition-of-javascript/7.webp differ diff --git a/public/images/posts/composition-of-javascript/8.png b/public/images/posts/composition-of-javascript/8.png deleted file mode 100644 index 03860d2..0000000 Binary files a/public/images/posts/composition-of-javascript/8.png and /dev/null differ diff --git a/public/images/posts/composition-of-javascript/8.webp b/public/images/posts/composition-of-javascript/8.webp new file mode 100644 index 0000000..5cb556d Binary files /dev/null and b/public/images/posts/composition-of-javascript/8.webp differ diff --git a/public/images/posts/convention-of-git-commit-message/1.png b/public/images/posts/convention-of-git-commit-message/1.png deleted file mode 100644 index 493edb0..0000000 Binary files a/public/images/posts/convention-of-git-commit-message/1.png and /dev/null differ diff --git a/public/images/posts/convention-of-git-commit-message/1.webp b/public/images/posts/convention-of-git-commit-message/1.webp new file mode 100644 index 0000000..5b496d6 Binary files /dev/null and b/public/images/posts/convention-of-git-commit-message/1.webp differ diff --git a/public/images/posts/convention-of-git-commit-message/2.png b/public/images/posts/convention-of-git-commit-message/2.png deleted file mode 100644 index acd63fa..0000000 Binary files a/public/images/posts/convention-of-git-commit-message/2.png and /dev/null differ diff --git a/public/images/posts/convention-of-git-commit-message/2.webp b/public/images/posts/convention-of-git-commit-message/2.webp new file mode 100644 index 0000000..b7de0eb Binary files /dev/null and b/public/images/posts/convention-of-git-commit-message/2.webp differ diff --git a/public/images/posts/difference-between-console-log-and-console-dir/1.png b/public/images/posts/difference-between-console-log-and-console-dir/1.png deleted file mode 100644 index 5d8b507..0000000 Binary files a/public/images/posts/difference-between-console-log-and-console-dir/1.png and /dev/null differ diff --git a/public/images/posts/difference-between-console-log-and-console-dir/1.webp b/public/images/posts/difference-between-console-log-and-console-dir/1.webp new file mode 100644 index 0000000..61ffb9f Binary files /dev/null and b/public/images/posts/difference-between-console-log-and-console-dir/1.webp differ diff --git a/public/images/posts/difference-between-console-log-and-console-dir/2.png b/public/images/posts/difference-between-console-log-and-console-dir/2.png deleted file mode 100644 index bbdabef..0000000 Binary files a/public/images/posts/difference-between-console-log-and-console-dir/2.png and /dev/null differ diff --git a/public/images/posts/difference-between-console-log-and-console-dir/2.webp b/public/images/posts/difference-between-console-log-and-console-dir/2.webp new file mode 100644 index 0000000..40b3bc4 Binary files /dev/null and b/public/images/posts/difference-between-console-log-and-console-dir/2.webp differ diff --git a/public/images/posts/difference-between-console-log-and-console-dir/3.png b/public/images/posts/difference-between-console-log-and-console-dir/3.png deleted file mode 100644 index b910d28..0000000 Binary files a/public/images/posts/difference-between-console-log-and-console-dir/3.png and /dev/null differ diff --git a/public/images/posts/difference-between-console-log-and-console-dir/3.webp b/public/images/posts/difference-between-console-log-and-console-dir/3.webp new file mode 100644 index 0000000..1daf39e Binary files /dev/null and b/public/images/posts/difference-between-console-log-and-console-dir/3.webp differ diff --git a/public/images/posts/difference-between-console-log-and-console-dir/4.png b/public/images/posts/difference-between-console-log-and-console-dir/4.png deleted file mode 100644 index 7433213..0000000 Binary files a/public/images/posts/difference-between-console-log-and-console-dir/4.png and /dev/null differ diff --git a/public/images/posts/difference-between-console-log-and-console-dir/4.webp b/public/images/posts/difference-between-console-log-and-console-dir/4.webp new file mode 100644 index 0000000..bc54026 Binary files /dev/null and b/public/images/posts/difference-between-console-log-and-console-dir/4.webp differ diff --git a/public/images/posts/difference-between-console-log-and-console-dir/5.png b/public/images/posts/difference-between-console-log-and-console-dir/5.png deleted file mode 100644 index 2f17d61..0000000 Binary files a/public/images/posts/difference-between-console-log-and-console-dir/5.png and /dev/null differ diff --git a/public/images/posts/difference-between-console-log-and-console-dir/5.webp b/public/images/posts/difference-between-console-log-and-console-dir/5.webp new file mode 100644 index 0000000..23016d6 Binary files /dev/null and b/public/images/posts/difference-between-console-log-and-console-dir/5.webp differ diff --git a/public/images/posts/difference-between-framework-and-library/1.png b/public/images/posts/difference-between-framework-and-library/1.png deleted file mode 100644 index 78c4266..0000000 Binary files a/public/images/posts/difference-between-framework-and-library/1.png and /dev/null differ diff --git a/public/images/posts/difference-between-framework-and-library/1.webp b/public/images/posts/difference-between-framework-and-library/1.webp new file mode 100644 index 0000000..6942119 Binary files /dev/null and b/public/images/posts/difference-between-framework-and-library/1.webp differ diff --git a/public/images/posts/difference-between-framework-and-library/2.png b/public/images/posts/difference-between-framework-and-library/2.png deleted file mode 100644 index 7c74c67..0000000 Binary files a/public/images/posts/difference-between-framework-and-library/2.png and /dev/null differ diff --git a/public/images/posts/difference-between-framework-and-library/2.webp b/public/images/posts/difference-between-framework-and-library/2.webp new file mode 100644 index 0000000..27c1fde Binary files /dev/null and b/public/images/posts/difference-between-framework-and-library/2.webp differ diff --git a/public/images/posts/difference-between-framework-and-library/3.png b/public/images/posts/difference-between-framework-and-library/3.png deleted file mode 100644 index bf92fab..0000000 Binary files a/public/images/posts/difference-between-framework-and-library/3.png and /dev/null differ diff --git a/public/images/posts/difference-between-framework-and-library/3.webp b/public/images/posts/difference-between-framework-and-library/3.webp new file mode 100644 index 0000000..641ccd3 Binary files /dev/null and b/public/images/posts/difference-between-framework-and-library/3.webp differ diff --git a/public/images/posts/everything-about-markdown/1.png b/public/images/posts/everything-about-markdown/1.png deleted file mode 100644 index f219688..0000000 Binary files a/public/images/posts/everything-about-markdown/1.png and /dev/null differ diff --git a/public/images/posts/everything-about-markdown/1.webp b/public/images/posts/everything-about-markdown/1.webp new file mode 100644 index 0000000..3ae185a Binary files /dev/null and b/public/images/posts/everything-about-markdown/1.webp differ diff --git a/public/images/posts/everything-about-markdown/10.png b/public/images/posts/everything-about-markdown/10.png deleted file mode 100644 index 0c31b59..0000000 Binary files a/public/images/posts/everything-about-markdown/10.png and /dev/null differ diff --git a/public/images/posts/everything-about-markdown/10.webp b/public/images/posts/everything-about-markdown/10.webp new file mode 100644 index 0000000..6564c1b Binary files /dev/null and b/public/images/posts/everything-about-markdown/10.webp differ diff --git a/public/images/posts/everything-about-markdown/4.png b/public/images/posts/everything-about-markdown/4.png deleted file mode 100644 index 079497b..0000000 Binary files a/public/images/posts/everything-about-markdown/4.png and /dev/null differ diff --git a/public/images/posts/everything-about-markdown/4.webp b/public/images/posts/everything-about-markdown/4.webp new file mode 100644 index 0000000..0193972 Binary files /dev/null and b/public/images/posts/everything-about-markdown/4.webp differ diff --git a/public/images/posts/everything-about-markdown/5.png b/public/images/posts/everything-about-markdown/5.png deleted file mode 100644 index 16ebfc9..0000000 Binary files a/public/images/posts/everything-about-markdown/5.png and /dev/null differ diff --git a/public/images/posts/everything-about-markdown/5.webp b/public/images/posts/everything-about-markdown/5.webp new file mode 100644 index 0000000..34c3d21 Binary files /dev/null and b/public/images/posts/everything-about-markdown/5.webp differ diff --git a/public/images/posts/everything-about-markdown/6.png b/public/images/posts/everything-about-markdown/6.png deleted file mode 100644 index 8e91ddc..0000000 Binary files a/public/images/posts/everything-about-markdown/6.png and /dev/null differ diff --git a/public/images/posts/everything-about-markdown/6.webp b/public/images/posts/everything-about-markdown/6.webp new file mode 100644 index 0000000..f55cb97 Binary files /dev/null and b/public/images/posts/everything-about-markdown/6.webp differ diff --git a/public/images/posts/everything-about-markdown/7.png b/public/images/posts/everything-about-markdown/7.png deleted file mode 100644 index e610e04..0000000 Binary files a/public/images/posts/everything-about-markdown/7.png and /dev/null differ diff --git a/public/images/posts/everything-about-markdown/7.webp b/public/images/posts/everything-about-markdown/7.webp new file mode 100644 index 0000000..784f9e7 Binary files /dev/null and b/public/images/posts/everything-about-markdown/7.webp differ diff --git a/public/images/posts/everything-about-markdown/8.png b/public/images/posts/everything-about-markdown/8.png deleted file mode 100644 index 70be1d4..0000000 Binary files a/public/images/posts/everything-about-markdown/8.png and /dev/null differ diff --git a/public/images/posts/everything-about-markdown/8.webp b/public/images/posts/everything-about-markdown/8.webp new file mode 100644 index 0000000..1414844 Binary files /dev/null and b/public/images/posts/everything-about-markdown/8.webp differ diff --git a/public/images/posts/npm-package-react/1.png b/public/images/posts/npm-package-react/1.png deleted file mode 100644 index 83c9aeb..0000000 Binary files a/public/images/posts/npm-package-react/1.png and /dev/null differ diff --git a/public/images/posts/npm-package-react/1.webp b/public/images/posts/npm-package-react/1.webp new file mode 100644 index 0000000..2829815 Binary files /dev/null and b/public/images/posts/npm-package-react/1.webp differ diff --git a/public/images/posts/what-is-github-issues/1.png b/public/images/posts/what-is-github-issues/1.png deleted file mode 100644 index d5c1318..0000000 Binary files a/public/images/posts/what-is-github-issues/1.png and /dev/null differ diff --git a/public/images/posts/what-is-github-issues/1.webp b/public/images/posts/what-is-github-issues/1.webp new file mode 100644 index 0000000..61e15cd Binary files /dev/null and b/public/images/posts/what-is-github-issues/1.webp differ diff --git a/public/images/posts/what-is-github-issues/2.png b/public/images/posts/what-is-github-issues/2.png deleted file mode 100644 index 84bad39..0000000 Binary files a/public/images/posts/what-is-github-issues/2.png and /dev/null differ diff --git a/public/images/posts/what-is-github-issues/2.webp b/public/images/posts/what-is-github-issues/2.webp new file mode 100644 index 0000000..99d447e Binary files /dev/null and b/public/images/posts/what-is-github-issues/2.webp differ diff --git a/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/1.png b/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/1.png deleted file mode 100644 index 4374c4b..0000000 Binary files a/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/1.png and /dev/null differ diff --git a/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/1.webp b/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/1.webp new file mode 100644 index 0000000..b5cba02 Binary files /dev/null and b/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/1.webp differ diff --git a/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/2.png b/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/2.png deleted file mode 100644 index 684bf58..0000000 Binary files a/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/2.png and /dev/null differ diff --git a/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/2.webp b/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/2.webp new file mode 100644 index 0000000..863768b Binary files /dev/null and b/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/2.webp differ diff --git a/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/3.png b/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/3.png deleted file mode 100644 index 4d30cc6..0000000 Binary files a/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/3.png and /dev/null differ diff --git a/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/3.webp b/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/3.webp new file mode 100644 index 0000000..fa72bff Binary files /dev/null and b/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/3.webp differ diff --git a/src/components/common/Loading/Loading.jsx b/src/components/common/Loading/Loading.jsx index f87ec80..85ff93c 100644 --- a/src/components/common/Loading/Loading.jsx +++ b/src/components/common/Loading/Loading.jsx @@ -12,6 +12,7 @@ export default function Loading({ content }) { width={48} height={48} alt="GitHub GIF loading image" + unoptimized />
{content} 불러오는 중...
diff --git a/src/posts/docs/composition-of-javascript.md b/src/posts/docs/composition-of-javascript.md index 4511264..60ca187 100644 --- a/src/posts/docs/composition-of-javascript.md +++ b/src/posts/docs/composition-of-javascript.md @@ -19,13 +19,13 @@ tags: 아래 그림은 호스트 환경이 웹 브라우저(클라이언트)일 때 사용할 수 있는 기능을 개괄적으로 보여준다. -![window, JavaScript, DOM, BOM](/public/images/posts/composition-of-javascript/1.png?raw=true) +![window, JavaScript, DOM, BOM](/public/images/posts/composition-of-javascript/1.webp?raw=true) ## 1. `window` 객체 ***JavaScript***의 최상위(루트) 객체이자, 모든 객체가 소속된 전역(***Global***) 객체이다. 어디서든 접근이 가능하다고 하여 전역 객체라 불리며, 객체화된 수많은 구성 요소들로 이루어져 있다. -![window object](/public/images/posts/composition-of-javascript/2.png?raw=true) +![window object](/public/images/posts/composition-of-javascript/2.webp?raw=true) ### 1-1. 역할 @@ -85,11 +85,11 @@ console.log(window.a.id); // 1 ***DOM***은 전체페이지를 노드 계층(Node Tree) 구조의 객체들로 변환하며, ***HTML*** 페이지의 각 부분을 각기 다른 데이터를 포함하는 다양한 타입의 노드로 표현한다. -![Document Object](/public/images/posts/composition-of-javascript/3.png?raw=true) +![Document Object](/public/images/posts/composition-of-javascript/3.webp?raw=true) ### 3-1. ***DOM***의 구조 (The ***HTML*** ***DOM*** tree of objects) -![The HTML DOM tree of objects](/public/images/posts/composition-of-javascript/4.png?raw=true) +![The HTML DOM tree of objects](/public/images/posts/composition-of-javascript/4.webp?raw=true) 노드 종류 | 역할 :--- | :--- @@ -111,19 +111,19 @@ Comment Node | ***HTML*** 문서의 ***Comment***(주석) `navigator` 객체는 브라우저와 운영체제에 대한 정보를 제공한다. 객체에는 다양한 ***Property***가 있는데, 가장 잘 알려진 ***Property***는 현재 사용 중인 브라우저 정보를 알려주는 `navigator.userAgent`와 브라우저가 실행 중인 운영체제(***Windows***, ***Linux***, ***Mac*** 등) 정보를 알려주는 `navigator.platform`이다. 이는 주로 호환성 문제를 해결하기 위해 사용된다. -![navigator object](/public/images/posts/composition-of-javascript/5.png?raw=true) +![navigator object](/public/images/posts/composition-of-javascript/5.webp?raw=true) ### 4-2. `screen` `screen` 객체는 화면에 대한 정보를 알려준다. 너비(`width`), 높이(`height`), 픽셀(`pixelDepth`), 컬러(`colorDepth`), 화면 방향(`orientation`), 작업표시줄을 제외한 너비와 높이(`availWidth`, `availHeight`) 등이 있다. 화면 크기에 따라 다른 동작을 하고 싶을 때 사용한다. -![screen object](/public/images/posts/composition-of-javascript/6.png?raw=true) +![screen object](/public/images/posts/composition-of-javascript/6.webp?raw=true) ### 4-3. `location` `location` 객체는 ***URL*** 주소에 대한 정보를 제공하여, 현재 ***URL***을 읽을 수 있게 해주고 새로운 ***URL***로 변경(redirect)할 수 있게 해준다. -![location object](/public/images/posts/composition-of-javascript/7.png?raw=true) +![location object](/public/images/posts/composition-of-javascript/7.webp?raw=true) ### 4-4. `frames` @@ -135,7 +135,7 @@ Returns the `window` itself, which is an ***array-like object***, listing the di `history` 객체는 브라우저의 세션 기록, 즉 현재 페이지를 불러온 탭 또는 프레임의 방문 기록을 조작할 수 있는 방법을 제공한다. -![history object](/public/images/posts/composition-of-javascript/8.png?raw=true) +![history object](/public/images/posts/composition-of-javascript/8.webp?raw=true) ### 4-6. `XMLHttpRequest` diff --git a/src/posts/docs/convention-of-git-commit-message.md b/src/posts/docs/convention-of-git-commit-message.md index c514a4f..455839b 100644 --- a/src/posts/docs/convention-of-git-commit-message.md +++ b/src/posts/docs/convention-of-git-commit-message.md @@ -107,8 +107,8 @@ $ git commit -m "fix: Safari에서 모달을 띄웠을 때 스크롤 이슈 수 > Resolves: #1137" ``` -![Ailbaba Fusion commit](/public/images/posts/convention-of-git-commit-message/1.png?raw=true "Ailbaba Fusion commit") -![NHN tui.calendar commit](/public/images/posts/convention-of-git-commit-message/2.png?raw=true "NHN tui.calendar commit") +![Ailbaba Fusion commit](/public/images/posts/convention-of-git-commit-message/1.webp?raw=true "Ailbaba Fusion commit") +![NHN tui.calendar commit](/public/images/posts/convention-of-git-commit-message/2.webp?raw=true "NHN tui.calendar commit") ## Reference diff --git a/src/posts/docs/difference-between-console-log-and-console-dir.md b/src/posts/docs/difference-between-console-log-and-console-dir.md index 66ae646..f2424c8 100644 --- a/src/posts/docs/difference-between-console-log-and-console-dir.md +++ b/src/posts/docs/difference-between-console-log-and-console-dir.md @@ -68,28 +68,28 @@ tags: - `console.log()`: ***HTML*** 형태의 트리구조 출력. - ![console.log()](/public/images/posts/difference-between-console-log-and-console-dir/1.png?raw=true) + ![console.log()](/public/images/posts/difference-between-console-log-and-console-dir/1.webp?raw=true) - `console.dir()`: ***JSON*** 형태의 트리구조 출력. - ![console.dir()](/public/images/posts/difference-between-console-log-and-console-dir/2.png?raw=true) + ![console.dir()](/public/images/posts/difference-between-console-log-and-console-dir/2.webp?raw=true) ### 4-2. `document.body` 출력 - `console.log()`: 해당 ``의 요소 출력. - ![console.log()](/public/images/posts/difference-between-console-log-and-console-dir/3.png?raw=true) + ![console.log()](/public/images/posts/difference-between-console-log-and-console-dir/3.webp?raw=true) - `console.dir()`: 전체 요소 출력. - ![console.dir()](/public/images/posts/difference-between-console-log-and-console-dir/4.png?raw=true) + ![console.dir()](/public/images/posts/difference-between-console-log-and-console-dir/4.webp?raw=true) ### 4-3. 함수 `a()` 출력 - 함수(객체)도 마찬가지로 출력된다. - 만약, `console.log(a());` 및 `console.dir(a());`를 사용할 경우, `()`로 인해 함수를 실행하는 것이 되므로, 둘 다 `true`가 출력된다. - ![console.log() vs console.dir()](/public/images/posts/difference-between-console-log-and-console-dir/5.png?raw=true) + ![console.log() vs console.dir()](/public/images/posts/difference-between-console-log-and-console-dir/5.webp?raw=true) ## Reference diff --git a/src/posts/docs/difference-between-framework-and-library.md b/src/posts/docs/difference-between-framework-and-library.md index 2e0d6a3..7fba282 100644 --- a/src/posts/docs/difference-between-framework-and-library.md +++ b/src/posts/docs/difference-between-framework-and-library.md @@ -61,7 +61,7 @@ tags: ### 2-2. ***React.js***는 프레임워크가 아닌가? -![React 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리](/public/images/posts/difference-between-framework-and-library/1.png?raw=true) +![React 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리](/public/images/posts/difference-between-framework-and-library/1.webp?raw=true) ***React***는 프론트엔드 라이브러리이며 프레임워크가 아니다. 하지만, 많은 개발자들이 프레임워크인 것처럼 언급하고 비교한다. 프레임워크의 중요한 특징 중 하나는 바로 '제어의 역전'이다. @@ -77,7 +77,7 @@ tags: ### 2-3. 그럼 ***Express.js***는? -![Express Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크](/public/images/posts/difference-between-framework-and-library/2.png?raw=true) +![Express Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크](/public/images/posts/difference-between-framework-and-library/2.webp?raw=true) 홈페이지에 명시된 바와 같이 ***Express.js***는 웹 프레임워크이다. ***Node.js***의 견고한 비동기 통신 지원의 장점을 활용하여 가볍고 빠르며, 쉽게 적용 가능한 웹 앱과 REST API를 쓸 수 있다. @@ -105,7 +105,7 @@ tags: ### 3-2. 요약 -![alt text](/public/images/posts/difference-between-framework-and-library/3.png?raw=true) +![alt text](/public/images/posts/difference-between-framework-and-library/3.webp?raw=true) Library | Framework :--- | :--- diff --git a/src/posts/docs/everything-about-markdown.md b/src/posts/docs/everything-about-markdown.md index 68250e3..b057c5e 100644 --- a/src/posts/docs/everything-about-markdown.md +++ b/src/posts/docs/everything-about-markdown.md @@ -742,8 +742,8 @@ HTML에서 이용하는 `` 기호를 사용한다. - 출력 - ![석촌호수 러버덕](/public/images/posts/everything-about-markdown/1.png?raw=true) - ![석촌호수 러버덕](/public/images/posts/everything-about-markdown/1.png?raw=true "RubberDuck") + ![석촌호수 러버덕](/public/images/posts/everything-about-markdown/1.webp?raw=true) + ![석촌호수 러버덕](/public/images/posts/everything-about-markdown/1.webp?raw=true "RubberDuck") ##### 2-9-1-2. 참조 이미지 @@ -773,8 +773,8 @@ HTML에서 이용하는 `` 기호를 사용한다. ![석촌호수 러버덕][Ref1] ![석촌호수 러버덕][Ref2] - [Ref1]: /public/images/posts/everything-about-markdown/1.png?raw=true - [Ref2]: /public/images/posts/everything-about-markdown/1.png?raw=true "RubberDuck" + [Ref1]: /public/images/posts/everything-about-markdown/1.webp?raw=true + [Ref2]: /public/images/posts/everything-about-markdown/1.webp?raw=true "RubberDuck" ##### 2-9-1-3. 이미지에 링크 추가 @@ -787,7 +787,7 @@ Markdown style 이미지 문법 코드를 링크 문법 코드로 감싸준다. ``` - 출력 - [![석촌호수 러버덕](/public/images/posts/everything-about-markdown/1.png?raw=true "RubberDuck Wiki")](https://en.wikipedia.org/wiki/Rubber_duck) + [![석촌호수 러버덕](/public/images/posts/everything-about-markdown/1.webp?raw=true "RubberDuck Wiki")](https://en.wikipedia.org/wiki/Rubber_duck) #### 2-9-2. HTML style @@ -802,8 +802,8 @@ Markdown style은 사이즈 조절 기능이 없기 때문에, HTML `RubberDuck
- RubberDuck + RubberDuck
+ RubberDuck ### 2-10. 코드(Code) @@ -1232,9 +1232,9 @@ Markdown style은 사이즈 조절 기능이 없기 때문에, HTML ` [!NOTE] > @@ -1273,7 +1273,7 @@ HSL|`hsl(H,S,L)`|`hsl(212, 92%, 45%)`|![HSL 값 212, 92%, 45%가 파란색 원 - 출력 - ![팀 멘션 "@github/support"을(를) 굵고 클릭 가능한 텍스트로 렌더링하는 방법을 보여 주는 렌더링된 GitHub Markdown의 스크린샷.](/public/images/posts/everything-about-markdown/8.png?raw=true) + ![팀 멘션 "@github/support"을(를) 굵고 클릭 가능한 텍스트로 렌더링하는 방법을 보여 주는 렌더링된 GitHub Markdown의 스크린샷.](/public/images/posts/everything-about-markdown/8.webp?raw=true) ### 3-8. 이슈 및 끌어오기 요청 참조 @@ -1323,7 +1323,7 @@ HSL|`hsl(H,S,L)`|`hsl(212, 92%, 45%)`|![HSL 값 212, 92%, 45%가 파란색 원 섹션 제목을 마우스로 가리켜 렌더링된 파일의 섹션에 직접 연결할 수 있다. -![section link](/public/images/posts/everything-about-markdown/10.png?raw=true) +![section link](/public/images/posts/everything-about-markdown/10.webp?raw=true) ### 3-11. 상대 링크 diff --git a/src/posts/docs/npm-package-react.md b/src/posts/docs/npm-package-react.md index 658ed9b..4e82260 100644 --- a/src/posts/docs/npm-package-react.md +++ b/src/posts/docs/npm-package-react.md @@ -33,7 +33,7 @@ DOM에서 `react`를 사용하기 위한 라이브러리이다. 웹 인터페이 ## 4. 정리 -![react react-dom](/public/images/posts/npm-package-react/1.png?raw=true) +![react react-dom](/public/images/posts/npm-package-react/1.webp?raw=true) ## Reference diff --git a/src/posts/docs/what-is-github-issues.md b/src/posts/docs/what-is-github-issues.md index 0fb35f3..b6104c8 100644 --- a/src/posts/docs/what-is-github-issues.md +++ b/src/posts/docs/what-is-github-issues.md @@ -79,9 +79,9 @@ tags: 대신, ***Github Markdown***의 `- []` 체크리스트 기능만을 이용하여 세부 태스크를 관리하는 것은 가능하다. 제목 바로 아래쪽에서 몇개의 태스크를 진행했는지 상세 진행내역을 확인할 수 있다. -![6 tasks done](/public/images/posts/what-is-github-issues/1.png?raw=true) +![6 tasks done](/public/images/posts/what-is-github-issues/1.webp?raw=true) -![tasklist](/public/images/posts/what-is-github-issues/2.png?raw=true) +![tasklist](/public/images/posts/what-is-github-issues/2.webp?raw=true) ## 4. ***Projects Classic*** diff --git a/src/posts/docs/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly.md b/src/posts/docs/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly.md index 095492f..47027a8 100644 --- a/src/posts/docs/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly.md +++ b/src/posts/docs/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly.md @@ -22,15 +22,15 @@ Favicon은 브라우저가 강하게 캐싱하는 대표적인 파일이기에, - 개발자 도구를 켜지 않은 경우의 툴팁. - ![alt text](/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/1.png) + ![alt text](/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/1.webp) - 개발자 도구를 켠 경우의 툴팁. - ![alt text](/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/2.png) + ![alt text](/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/2.webp) - 개발자 도구를 켠 상태로, 마우스 좌측 버튼을 길게 누르고 있는 경우. - ![alt text](/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/3.png) + ![alt text](/public/images/posts/when-using-file-based-metadata-the-favicon-is-not-displayed-correctly/3.webp) ## Reference