<깃 upload>
-
in folder, create file ‘.gitignore’ (깃에 올리지 않을 파일/폴더 지정할 수 있음)
-
write ‘node_module’ in .gitignore file.(용량이 큰 노드 모듈 폴더를 깃에 올리지 않기로 함)
2.5. create file ‘.gitkeep’ under folder that has no content(빈 폴더 스트럭쳐를 깃에 그대로 유지하고 싶을때 폴더 안에 해당 파일을 만들어 놓으면 됨)
-
터미널 켜고!
-
git init
-
git add .
-
git commit -m “initial commit” → commit into my local git repository
-
github 에서 new repository 만들기
-
마지막 세줄 터미널에 입력
git branch -M main
git remote add origin https://github.com/어쩌구
git push -u origin main- package.json에서 “scripts” 밑에 몇가지 추가 (엔진을 정해줌)
"engines": {
"node": "^16.00.0", //버전 확인 후 대략 16 이상으로 사용 -> ^16.17.0으로 하면 에러 없이 됨
"npm": "^8.00.0" //버전 확인 후 8 이상으로 사용
},- 다시 npm init
package name: (comp229-001) comp229-f2022-a1
version: (0.0.0) 0.0.1
description: demo app for comp229 a1
entry point: (app.js) index.js
git repository: (https://github.com/boandri/COMP229-F2022-A1.git)
keywords:
author: Seo Woo Jang- 바뀐 package.json을 다시 깃에 업로드:
a. git add .
b. git commit -m “updated package.json for Heroku”
c. git push - Heroku에서 git 연결하기(검색해서 connect)
- Enable Automatic Deploys / Deploy Branch
my page: https://comp229-f2022-a1.herokuapp.com/
-
npm install -g express-generator -e
-
Route under “routes” → “index.js”
and render each pages
-
“index.ejs” 형식을 html로 변경
-
Download
(npmjs.com 페이지에서 다양한 패키지 검색 가능)
- npm install bootstrap —save
- npm install jquery —save
- npm install popper.js —save
- npm i @fortawesome/fontawesome-free
이후 “app.js”에서 app.use(express.static(path.join(__dirname, 'node_modules')))로 경로 설정해서 사용할 수 있도록 해줌
-
‘index.ejs’ → CSS section 에서 Bootstrap 링크:
- <ㅇlink rel="stylesheet" href='/node_modules/bootstrap/dist/css/bootstrap.min.css'>
-
fontawesome 링크:
- <ㅇlink rel="stylesheet" href='/node_modules/@fortawesome/fontawesome-free/css/all.min.css'>
-
‘index.ejs’ → JS section 에서 jquery링크:
- <ㅇscript src='/node_modules/jquery/dist/jquery.min.js'>
-
bootstrap 링크:
- <ㅇscript src="/bootstrap/dist/js/bootstrap.min.js">
-
Bootstrap 에서 Nav Bar copy paste
응..?
