cafe24 노드 서버 - github 연동하여 나의 앱 출력시키기
- web.js -> 서버 메인 -> 포트 설정 (ex. 8001)
- views/*.ejs -> 프론트엔드! (인터페이스 쪽)
- package.json 세팅
인증키 (public key)
- FTP 대신 github로 자료를 처리함
- git -> cafe24 github의 master(branch)는 cafe24
- 나에게 발급된 public key => 앱에 키 할당 => 인증됐으므로 업로드 가능
public key 생성 및 등록 참고 : (https://iamdaeyun.tistory.com/entry/cafe24-nodejs-%ED%98%B8%EC%8A%A4%ED%8C%85-ssh-public-key-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0)
우측 상단 프로필 메뉴 내 settings를 누르고
SSH and GPG keys 선택!
New SSH key를 눌러서 받은 퍼블릭키를 등록한다 (타이틀은 뭐든 상관 없다)
github에도 등록 완료!!
cafe24 고객센터 : (https://help.cafe24.com/cs/cs_manual_view.php?idx=47&page=1&categoryIdx=913&s_key=&s_value=&man_no=1)
git GUI를 이용하는 방법이다
여기에 git 폴더 추가되는 느낌!!
open existing repository 할라면 그냥 git 폴더 지우고 git init만 한 상태에서 하는 것이 제일 좋다...
web.js
const express = require('express')
const app = express()
const PORT = 8001
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs')
app.get('/', (req, res) => {
res.render('index')
})
app.listen(PORT, () => {
console.log(`server started on PORT ${PORT}`)
})
index.ejs
npm i ejs
가 필요하다 (npm i express
는 필수...)
<!DOCTYPE html>
<html lang="en">
<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">
<title>Document</title>
</head>
<body>
<h1>안녕하세요</h1>
</body>
</html>
근데 react는 어떻게 올려야 하지?!?!! build를 하기는 했지만 흰 화면만 뜬다...