[ノード.jsソース]Chapter 03:フォルダ構造のキャプチャ
11828 ワード
まず、デフォルトのフォルダ構造を決定し、羽毛センターを登録します。
バニラリーフを作る
git init
git add README.md
git add .gitignore // 업로드하지 않을 파일들을 적는다 주로 node_modules를 한다(용량도 크고, 딱히 필요 없음, package.json에 명시가 되어있기 때문)
git add. // 스테이징 상태 -> git reset (스테이징을 해제)
git commit -m "first comit//summnary" // 스테이징된 파일들을 커밋해서 등록함
git branch -M main
git remote add origin https://깃허브 레포 주소 // 내 파일이 해당 주소를 가르켜야 그 곳으로 저장이됨
git push -u origin main // 내가 작업하고 있는 브랜치에 푸쉬하면됨
ハブからコードをインポート
コード→ファイルのダウンロード
クローンアドレスのコピーとインポートgit clone 깃허브 주소 (옵션:파일이름)
git clone 깃허브 주소 (옵션:파일이름)
src?
実際に配置されたソースファイル、圧縮前ファイル
作業中のすべてのフォルダをsrcに挿入
|ハブはこのようにフォルダを管理する
License
バニラのホームページの設定ラベルにlicenseを生成し、希望する許可を押せばいいです.
無視しがちな方法
Kindhub Ignoreに行って修正すると、node.jsテンプレートを使用
バニラのホームページの設定ラベルにlicenseを生成し、希望する許可を押せばいいです.
無視しがちな方法
Kindhub Ignoreに行って修正すると、node.jsテンプレートを使用
バニラAboutでテーマを設定し、不要なリストを削除すると、バニラ画面がきれいになります。
フォルダ構造の最適化
srcではなくappです
appにsrcを作成し、その中に変更したファイルを入れます(相対パス変更は再実行する必要があります.主にapp.jsを変更するだけでいいです.残りは同じsrcで、相対パスは同じです).
appにすべてのファイルを入れる
フォルダを最適化...
次に、実行を担当するJSフォルダをインストールします.
js/homeを作成し、login.js
を一時的に作成します.
でも繋がらないのはなぜ? login.ejs
からscriptに接続しても、接続するミドルウェアが必要です<!DOCTYPE html>
<html lang="ko">
<!--브라우저가 언어 인식-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 그냥하면 연결이 안되는 , 연결해주는 미들웨어가 필요함 || public 정적 경로를 추가해줫으니 ejs가 경로를 찾을수 있음-->
<script src="/js/home/login.js"></script>
<title>Document</title>
</head>
<body>
<input type="text" placeholder="아이디"><br>
<input type="text" placeholder="비밀번호"><br>
<button>로그인</button>
</body>
</html>
この問題を解決するにはappを使用します.jsからミドルウェアに接続app.js
"use strict"
//모듈
const express = require("express");
const app = express();
//라우팅
const home = require("./src/routes/home")
//맵 세팅
app.set("views", "./src/views")
app.set("view engine", "ejs")
app.use(express.static(`${__dirname}/src/public`)) // __dirname은 app.js의 위치를 반환함, 그 위치에서 public 폴더를 정적 경로로 추가하겠다는 뜻 / js를 public으로 이동
app.use("/", home);
module.exports = app;
今jsを公共の場所に移すと正常に動作します!
変更するたびに、サーバが再起動します。
面倒くさい...
Nodemonを使用してソースをオープン! npm install nodemon -g
...
nodemon 실행파일
今はvscで保存するたびに、自分で閉めてから開けます!(package.jsonを変更することもできます)
appにsrcを作成し、その中に変更したファイルを入れます(相対パス変更は再実行する必要があります.主にapp.jsを変更するだけでいいです.残りは同じsrcで、相対パスは同じです).
appにすべてのファイルを入れる
フォルダを最適化...
次に、実行を担当するJSフォルダをインストールします.
js/homeを作成し、login.js
を一時的に作成します.
でも繋がらないのはなぜ? login.ejs
からscriptに接続しても、接続するミドルウェアが必要です<!DOCTYPE html>
<html lang="ko">
<!--브라우저가 언어 인식-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 그냥하면 연결이 안되는 , 연결해주는 미들웨어가 필요함 || public 정적 경로를 추가해줫으니 ejs가 경로를 찾을수 있음-->
<script src="/js/home/login.js"></script>
<title>Document</title>
</head>
<body>
<input type="text" placeholder="아이디"><br>
<input type="text" placeholder="비밀번호"><br>
<button>로그인</button>
</body>
</html>
この問題を解決するにはappを使用します.jsからミドルウェアに接続app.js
"use strict"
//모듈
const express = require("express");
const app = express();
//라우팅
const home = require("./src/routes/home")
//맵 세팅
app.set("views", "./src/views")
app.set("view engine", "ejs")
app.use(express.static(`${__dirname}/src/public`)) // __dirname은 app.js의 위치를 반환함, 그 위치에서 public 폴더를 정적 경로로 추가하겠다는 뜻 / js를 public으로 이동
app.use("/", home);
module.exports = app;
今jsを公共の場所に移すと正常に動作します!
変更するたびに、サーバが再起動します。
面倒くさい...
Nodemonを使用してソースをオープン! npm install nodemon -g
...
nodemon 실행파일
今はvscで保存するたびに、自分で閉めてから開けます!(package.jsonを変更することもできます)
login.ejs
からscriptに接続しても、接続するミドルウェアが必要です<!DOCTYPE html>
<html lang="ko">
<!--브라우저가 언어 인식-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 그냥하면 연결이 안되는 , 연결해주는 미들웨어가 필요함 || public 정적 경로를 추가해줫으니 ejs가 경로를 찾을수 있음-->
<script src="/js/home/login.js"></script>
<title>Document</title>
</head>
<body>
<input type="text" placeholder="아이디"><br>
<input type="text" placeholder="비밀번호"><br>
<button>로그인</button>
</body>
</html>
この問題を解決するにはappを使用します.jsからミドルウェアに接続app.js
"use strict"
//모듈
const express = require("express");
const app = express();
//라우팅
const home = require("./src/routes/home")
//맵 세팅
app.set("views", "./src/views")
app.set("view engine", "ejs")
app.use(express.static(`${__dirname}/src/public`)) // __dirname은 app.js의 위치를 반환함, 그 위치에서 public 폴더를 정적 경로로 추가하겠다는 뜻 / js를 public으로 이동
app.use("/", home);
module.exports = app;
今jsを公共の場所に移すと正常に動作します!
変更するたびに、サーバが再起動します。
面倒くさい...
Nodemonを使用してソースをオープン! npm install nodemon -g
...
nodemon 실행파일
今はvscで保存するたびに、自分で閉めてから開けます!(package.jsonを変更することもできます)
npm install nodemon -g
...
nodemon 실행파일
今はvscで保存するたびに、自分で閉めてから開けます!(package.jsonを変更することもできます)Reference
この問題について([ノード.jsソース]Chapter 03:フォルダ構造のキャプチャ), 我々は、より多くの情報をここで見つけました https://velog.io/@dndb3599/Node.js-찍먹하기-Chapter-03-폴더-구조-잡기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol