Tree Generator

Tree Generator配備リンク

テクノロジーの使用

CSS

Javscript

Node js (Express, ejs)

開発プロセス

最近アップロードされた記事では、Folder Tree構造生成器を作成した人がいます.私の技術で何ができるか知りたくて、1週間以内に完成しました.

残念である

Image Issue

現在存在するImage download機能では、h2mlcanvasという関数が使用されています.しかし、ファイルが多すぎると、底が切られるという意外なことが起こります.これをどのように解決するかは、より良い機能のようです.

不完全なアルゴリズム

現在作成されているジェネレータは初期バージョンなので、エラーが多すぎて、特定のツリー構造に対して、その出力方式は私が想像していたのとは違います.だから一番早く解決すべき問題です.

UI

いずれにしても、UIの感性に乏しい私にとって、これは既存のFolder Treeジェネレータとよく似ています.その後、fileの拡張子で対応する画像を一緒に出力します.

手動で作成

手動生成機能は時間がかかりすぎて、エラーが多すぎて、導入フェーズに到達できません.アルゴリズムをすばやく修正してから、パッシブ機能を実装する必要があります.

勉強を続ける

Fetch:http通信get,公開可能な関数

const fetch = require("node-fetch");

function fetchData(url, branch){
return fetch(`https://api.github.com/repos/${url}/git/trees/${branch}?recursive=1`)
      .then(res => res.json())
}

Multier:ファイルアップロード、ストレージ機能

var Product = require('../models/Product');
var multer = require('multer');

// 저장소 설정 (다운로드 장소, 파일 이름)
var storage  = multer.diskStorage({ 
    destination(req, file, cb) {
      cb(null, './public/upload');
    },
    filename(req, file, cb) {
      cb(null, `${file.originalname}`);
    },
  });
  var uploadWithOriginalFilename = multer({ storage: storage }); 

// 
router.post('/', uploadWithOriginalFilename.single('attachment'), function(req, res){
      res.redirect('/upload);
  });

に感銘を与える

個人種目が完成するのは初めてのようです.ずっと中間段階であきらめていたが、配置段階は夢にも思わなかったようだ.忙しい学業やアルバイトの日程をよそに、明け方まで頑張ってくれた私に拍手を送りたい.
Nodejsのweb開発基盤を育成するために、多くの努力がなされているようです.(外部ライブラリの使い方、基本的なルート設定、DB接続など)簡単なコードは3時間かかる場合がありますが、私が思う方法で実現した場合、それだけの楽しみがあると思います.
これまで,各関数を用いる場合,コードの修正は困難であった.関数の機能について完全に理解していないからです.次にプロジェクトを行う場合は,理解したtoyプロジェクトを先に行い,その後適用する.