---
# System prepended metadata

title: 1204_ruby_day12
tags: [5xruby, ruby]

---

# 1204_ruby_day12

[![hackmd-github-sync-badge](https://hackmd.io/obFUd7-GT9KWFnNfZsVyaA/badge)](https://hackmd.io/obFUd7-GT9KWFnNfZsVyaA)

---
#### 上課日期：1204
###### tags: `ruby`
###### tags: `5xruby`


---
# 相關連結:
- [課程影片](https://campus.5xruby.tw/courses/1136422/lectures/25361517)


---
# 0. 綱要/目錄
- [ ] yarn
- [ ] 重點2
- [ ] 重點3
- [ ] 重點4
- [ ] 重點5


---
# 1. YARN
## 安裝套件
- [yarn安裝連結](https://yarnpkg.com/getting-started)
- [fontawesome安裝](https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers)
- icon套件
- 安裝指令
`$ npm install @fortawesome/fontawesome-free --save`
`$ yarn add @fortawesome/fontawesome-free`
- [foreman安裝](https://www.npmjs.com/package/foreman)
- `$ npm i foreman`



### bundle
`$ bundle exec rails db:migrate` 根據gemfile的版本做migration

##### bundle / bundler
- bundle 
- [bundler](http://gembundler.com/ )：管理應用程式 Gem 依存性(dependencies)管理工具

##### 授權
- 使用套件要注意授權
- [GPL](https://zh.wikipedia.org/wiki/GNU%E9%80%9A%E7%94%A8%E5%85%AC%E5%85%B1%E8%AE%B8%E5%8F%AF%E8%AF%81):有用到就要公開原始碼
- [CC授權](https://zh.wikipedia.org/zh-tw/%E7%9F%A5%E8%AF%86%E5%85%B1%E4%BA%AB%E8%AE%B8%E5%8F%AF%E5%8D%8F%E8%AE%AE)：有好幾種，CC0最自由
- [OFL](https://zh.wikipedia.org/wiki/SIL%E5%BC%80%E6%BA%90%E5%AD%97%E4%BD%93%E6%8E%88%E6%9D%83)
- [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89)
 
### 新增app/frontend資料夾

##### 安裝normalize.css
`$ yarn add normalize.css`
- [參考資訊](https://realdennis.medium.com/css-%E8%B7%A8%E7%80%8F%E8%A6%BD%E5%99%A8%E7%9A%84%E6%A8%A3%E5%BC%8F%E9%87%8D%E7%BD%AE-reset-css-normalize-css-40dfe53c0be9)


---
# 2. README.md
> 要記錄這專案做什麼，團隊成員有誰、聯絡資訊，面試公司會看




##### Event.target
- [MDN說明](https://developer.mozilla.org/zh-TW/docs/Web/API/Event/target)：最初觸發事件的 DOM 物件。
- [最初觸發事件的 DOM 物件](https://blog.techbridge.cc/2017/07/15/javascript-event-propagation/)

##### CSRF
- CSRF(Cross Site Request Forgery)跨站請求偽造：一種 Web 上的攻擊手法
- [Ruby on Rails CSRF Protection with React.js & Webpacker](https://medium.com/@zayneabraham/ruby-on-rails-csrf-protection-with-react-js-65dd84b8edad)
- [讓我們來談談 CSRF](https://blog.techbridge.cc/2017/02/25/csrf-introduction/)


---
(下午)

---

##### 前後端分離
- [參考資訊](https://blog.techbridge.cc/2017/09/16/frontend-backend-mvc/)


##### 網頁上複製字串的按鈕


---
#### 預告
下次



---
# 附件
- [這裡是附件的標題](這裡放連結) 
- [這裡是附件的標題](這裡放連結) 


