Skip to content

Latest commit

 

History

History
173 lines (126 loc) · 4.9 KB

README.md

File metadata and controls

173 lines (126 loc) · 4.9 KB
Raw

베네핏 사이트 운영 가이드 라인

노드 설치

GitHub Desktop 설치

노드 환경 설정

  1. 터미널을 여세요.

    • Windows : PowerShell

    • MacOS : 터미널

  2. 아래 명령어를 입력하여 노드가 설치되었는지 확인하세요.

    • 설치한 버전이 출력되면 설치 완료입니다. (예시 - v12.18.2)
    • 아니면 다시 설치하세요.
    node -v

  3. GitHub Desktop에서 베네핏 폴더를 다운받으세요.

  4. 다운받은 폴더 경로로 이동하세요.

    cd (베네핏 폴더 경로)

  5. 아래 명령어를 입력하세요.

    npm install
sudo npm install pm2 -g      # 혹시 비밀번호 입력 창이 뜬다면 컴퓨터 계정 비밀번호 입력

  6. 아래 명령어를 입력하여 페이지를 실행하세요.

    npm start

  7. 웹 브라우저에서 주소창에 'localhost'를 입력하여 접속하면 페이지를 확인할 수 있습니다.

폴더 구조

│ .DS_Store
│ .gitignore
│ README.md                # it's me!
│ app.js
│ package-lock.json
│ package.json
│
├─ bin
│    www                   # 서버 관련 파일, 건드리지 말 것!
│ 
├─ data
│    partners.json         # 파트너 소개 메뉴 정보 파일
│    privacyPolicy.txt     # 개인정보 취급방침 텍스트 파일
│    programs.json         # 프로그램 소개 메뉴 정보 파일
│ 
├─ lib
│    pool.js               # data 폴더 읽어오는 코드
│ 
├─ public
│    ├─ assets/img
│    │    ├─ about
│    │    ├─ background
│    │    ├─ logos
│    │    └─ partners      # 파트너 로고 및 상세 페이지 이미지 폴더
│    │
│    ├─ css
│    │    styles.css
│    │
│    └─ javascripts
│         scripts.js
│
├─ routes
│    index.js              # 라우터
│
├─ section                 # 메뉴별 코드 분리
│    contact.js
│    footer.js
│    howToUse.js
│    masthead.js
│    navigation.js
│    partner.js
│    program.js
│
└─ templates
     home.js               # 메인 홈페이지
     modal.js              # 상세페이지 템플릿
     partnerGrid.js        # 파트너 소개 메뉴 템플릿
     programGrid.js        # 프로그램 소개 메뉴 템플릿

partners.json

  • 파트너 소개 메뉴 정보 파일

  • Json 포맷

    Key Value
    ready 준비 완료이면 true, 준비 중이면 false
    id 제휴사의 영문명. 로고 이미지 및 상세페이지 이미지에 사용하므로 띄어쓰기 없는 영문명 권장
    title 메인 페이지와 상세 페이지의 제목. 제휴사 이름을 사용
    abstract 메인 페이지와 상세 페이지의 요약
    text 상세 페이지의 본문. 한 줄씩 ""로 묶어 작성
    button 상세 페이지의 버튼. name에 버튼 내용, link에 연결될 URL 작성

  • 예시

    • 작성시 ',' 사용에 유의하세요.
    {
  "ready" : true,
  "id" : "goorm",
  "title" : "구름",
  "abstract" : "구름EDU 전용 채널 및 쿠폰, IDE 유료 플랜 제공",
  "text" : [
    "'모두가 개발자가 된다'는 비전을 가진 (주)구름의 42 SEOUL 교육생 대상 파격 혜택! 놓치지 마세요!",
    "",
    "[혜택 01] 42 SEOUL 교육생 전용 채널 내 프로그래밍 강좌 무료!",
    "[혜택 02] 구름EDU의 모든 강좌 30% 할인!",
    "[혜택 03, 04] 클라우드 통합 개발환경으로 별도 설치 없이 온라인 환경에서 개발이 가능한 IDE 제공!"
   ],
  "button" : [
    { "name" : "구름EDU 바로가기", "link" : "https://edu.goorm.io/" },
    { "name" : "구름IDE 바로가기", "link" : "https://ide.goorm.io/" },
    { "name" : "구름IDE가 궁금하다면?", "link" : "https://goor.me/QSZcy" },
    { "name" : "42 SEOUL 교육생 전용 채널", "link" : "https://42seoul.goorm.io/" }
  ]
}

public/assets/img/partners

  • 제휴사의 로고 이미지와 상세 페이지의 베네핏 이미지 폴더입니다.
  • 로고 이미지의 명칭은 json 파일의 'id'로 맞춰주세요.
  • 베네핏 이미지의 명칭은 '(id)-portfolio'로 맞춰주세요.
  • 모든 이미지의 확장자는 .png로 통일해주세요.

개인정보취급방침

  • 날짜 부분은 routes/index.js 에서 수정할 수 있습니다.
  • 방침 본문은 data/privacyPolicy.txt 에서 수정할 수 있습니다.