張凱威

@stevenchang421

Joined on Mar 16, 2021

  • 2-8 React 畫面更新的發動機:state初探 觀念回顧 單向資料流畫面結果是原始資料透過模板與渲染邏輯所產生的延伸結果,而這個過程是單向且不可逆的。當資料發生更新時,畫面才會產生對應的更新,以資料去驅動畫面。 React 的一律重繪 React 在每次資料更新時採一律重繪方式更新畫面,而重繪不是直接針對DOM進行操作,而是根據新的資料重新生成React element,並透過新舊 React element 的比較結果,僅更新真正有異動需求的實際 DOM element,已完成單向資料流的維護。 什麼是 state 在前端應用程式中,需要一種臨時的"可更新資料"來記憶應用程式當下的狀態,並且在資料發生更新的時候也要連動去更新對應的畫面,這種資料稱之為應用程式的「State(狀態資料)」
     Like  Bookmark
  • 錯誤訊息 git@github.com: Permission denied (public key). fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists. 原因 這個Repo是private的 Github沒有你電腦的public key
     Like  Bookmark
  • 單容器CICD流程 多容器CICD流程 將server及worker中的Dockerfile.dev內容複製貼上在新增的Dockerfile內,並將CMD的"dev"改為"start" // Dockerfile.dev FROM node:16-alpine WORKDIR '/app' COPY ./package.json ./
     Like  Bookmark
  • Dockerizing Mutiple Services APP組織架構 // Dockerfile.dev in client FROM node:20-alpine WORKDIR '/app' COPY ./package.json ./ RUN npm install COPY . .
     Like  Bookmark
  • Create EC2 IAM Role Go to AWS Management Console Search for IAM and click the IAM Service. Click Roles under Access Management in the left sidebar. Click the Create role button. Select AWS Service under Trusted entity type. Then select EC2 under common use cases. Search for AWSElasticBeanstalk and select both the AWSElasticBeanstalkWorkerTier and AWSElasticBeanstalkMulticontainerDocker policies. Click the Next button. Give the role the name of aws-elasticbeanstalk-ec2-role Click the Create role button.
     Like  Bookmark
  • Using Nginx 使用Nginx作為production環境下的web server 建立一個Dockerfile並輸入以下內容 FROM node:20-alpine as builder WORKDIR '/app' COPY package.json . RUN npm install COPY . .
     Like  Bookmark
  • 產品級的開發流程 Docker Volumes Docker Volumes 是 Docker 提供的一種數據持久化解決方案。當運行一個 Docker 容器時,它有一個自己的檔案系統,但當容器停止或被刪除時,任何寫入到該檔案系統的數據也會被刪除。然而,有時候我們需要在容器之間,或者在容器與主機之間共享和持久化數據,這就是 Docker Volumes 的用途。 Docker Volumes 提供以下特性: 數據持久性(Persistent)和共享(Sharing):Volume 允許你在容器之間共享數據,並且即使容器被刪除,volume 中的數據也會被保留。你可以將 volume 掛載到一個或多個容器的指定路徑上。 數據的一致性(Consistent):無論 Docker 容器在哪裡運行,它都可以訪問到 Volume 中的數據,並使用相同的檔案系統。 主機和容器之間的數據隔離(Separation):Volume 存在於 Docker 主機上,但是管理在 Docker 中進行,這提供了一種在主機和容器之間共享數據的方式,同時避免直接操作主機檔案系統的風險。
     Like  Bookmark
  • 使用Docker建立Project 實際流程範例: 建立一個simpleweb的資料夾,並在其中建立package.json、index.js 內容如下: // package.json { "dependencies": {
     Like  Bookmark
  • Building Custom Images 建立一個檔案名為Dockerfile 在這個檔案內輸入以下程式碼: # Use an existing docker image as a base FROM alpine # Download and install a dependency RUN apk add --update redis
     Like  Bookmark
  • NestJS: The Complete Developer's Guide Section 11 on Udemy 驗證 驗證流程 User Module中的交互關係 如何處理Session Data 驗證系統功能
     Like 1 Bookmark
  • 學習資源 NestJS: The Complete Developer's Guide on Udemy 使用TypeORM操作資料 流程 建立(entity_name).entity.ts的檔案 從'typeorm'引入所需的decorator,ex: PrimaryGeneratedColumn、Entity、Column // user.entity.ts import {
     Like  Bookmark
  • Services and Repositories comparison Services Repositories It's a class It's a class put any business logic put storage-reated logic
     Like  Bookmark
  • Learning The Basics 套件組成 Nestjs/common: NestJS中會用到的functions, classes等等 Nestjs/platform-express: 使NestJS可使用ExpressJS來處理HTTP請求 Reflect-Metadata: 幫助使用decorators Typescript: 使用Typescript來編寫Nest Apps 快速建立App 安裝套件 設定Typescript Config
     Like  Bookmark
  • 基礎 Docker介紹 Docker為一個開源平台,使用容器化的技術來將應用程式及其相關的Dependencies打包到一個容器中,讓這個應用程式可以在任何一個有安裝Docker的系統上運行一致。這解決了在團隊協作上常常遇到部署環境不同而隨之產生的各種問題,最常聽到的就是"這在我電腦上運作是正常的"。 容器化相對於虛擬化來說更為輕量,不同於傳統的虛擬機器需要運作一個完整的作業系統,Docker容器共享電腦主機的作業系統核心,使得他們更為高效,並且啟動速度更快。 Docke提供了指令來創建、運行、停止和管理容器。基本的指令包含'docker run'來啟動容器、'docker ps'來列出運行中的容器以及'docker pull'來下載映像檔。 CGroup與Namespace cgroup (控制群組) 與 namespace 是 Linux 系統提供的兩種主要工具,被廣泛用於實現容器化技術,如 Docker、Kubernetes 等。分別對系統資源和進程進行細粒度的控制和隔離。 cgroup:cgroup (control groups),或稱為控制群組,是 Linux 的一種核心功能,可以對一組進程進行資源分配與限制。這些資源包括 CPU 時間、系統記憶體、網路頻寬,或者是磁碟 I/O 速度等。例如,可以使用 cgroup 將一組進程限制在 2GB 的 RAM 以內,或者限制其使用 CPU 的比例。此外,cgroup 還可以用來將進程分組,並跟蹤或限制每個分組的資源使用狀況。這種特性使得 cgroup 成為實現容器化技術的重要基礎。
     Like  Bookmark