blukat29 / cmps115 Goto Github PK

1. Download the project

1-1. If you did not clone the project

$ git clone https://github.com/blukat29/cmps115
$ cd cmps115

1-2. If you did clone the project

$ git pull

2. Look where you are

$ git status
On branch develop
Your branch is up-to-date with 'origin/develop'.
nothing to commit, working directory clean

3. Make a new branch

$ git branch <proper branch name>

Example of such branch name is feat-weekly-chart. It must show what your code is about.

4. Move into the new branch

$ git checkout feat-week-chart
Switched to branch 'feat-week-chart'

5. Make changes

coding, testing, debugging...
Check what you did, using git diff and git status

6. Add changed files on the stage

$ git add background.html chart.js
$ git status
On branch feat-week-chart
Changes to be committed:
  (use "git reset HEAD <file>..." to unstage)

        modified:   background.html
        modified:   chart.js

7. Commit the changes on the change

Write one-line summary of the changed parts here.

$ git commit -m "Add chart for weekly statistics"

8. Upload changes to Github

$ git push --set-upstream origin feat-week-chart

9. In Github, click "Compare & pull request" button

Write brief description about the change, so that people can look and see if they are good.

10. Wait for the Product Owner to merge the change into main branch.

More help here:
https://git-scm.com/book/en/v2/Git-Basics-Recording-Changes-to-the-Repository
(Korean version: https://git-scm.com/book/ko/v2/Git의-기초-수정하고-저장소에-저장하기)
https://www.atlassian.com/git/tutorials/setting-up-a-repository
https://www.atlassian.com/git/tutorials/making-a-pull-request

This is for Macbook.

Before you start

git clone https://github.com/blukat29/cmps115

You can skip to 6.

1. Install homebrew

Homebrew is a package manager for Mac. It's similar to apt-get in Ubuntu.

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

More info here

2. Install git

brew install git

3. Install npm

npm is node package manager. You can install some javascript tools and libraries (mainly for node.js) using npm.

brew install npm

4. Install tools

sudo npm install -g yo bower grunt-cli gulp generator-chrome-extension

yo is the core part of all yeoman tools.
bower is another package manager. We don't need to know about it.
grunt and gulp are something like make specialized for javascript projects.
generator-chrome-extension is one of the yeoman tools, that we are going to use.

5. Make a chrome extension

This part is also here

yo chrome-extension

Answer the questions.

Would you like to use UI Action? -> Browser
Would you like more UI Features? -> Options page
Would you like to use permissions? -> History

If it asks you overwrite? then press a for "Yes to all" and enter.
Your directory should look like

$ ls
Gruntfile.js  app/  bower.json  node_modules/  package.json  test/

6. Lanuch the extension

In chrome browser, go to chrome://extensions
Check (turn on) "developer mode 개발자 모드" on top-right.
Click "Load unpacked extension 압축해제된 확장 프로그램 로드"
Choose app directory which was generated just before.

If there is any problem, comment here so everyone can see it.

Hhi