近期文章
Apple Pay on Web + Cybersource 串接筆記![Mark Ku]()
時空背景 因工作需要美國及德國電商網站，需要界接 Apple Pay。 Apple Pay 原理 參考 啾啾鞋影片 美國有多少人口使用 Apple Pay 參考 oberlo 網站 Apple…
August 10, 2022
2 min
快速建立 Next js 開發環境筆記 ( ESlint + StyleLint + Prettier )![Mark Ku]()
目的 ESlint + StyleLint + Prettier 己經現今前端開發協作相當重要的工具，他可以讓團隊有一致的程式碼風格及規範，並透過 Vscode…
July 29, 2022
1 min
解決 Nextjs image loader 造成，docker image 肥大的問題![Mark Ku]()
問題 透過 next/image 元件的載入圖片，都會透過 next server 去調整圖片大小，圖片路徑會渲染成: 對系統的影響 next 伺服器渲染的效能的消耗 docker…
July 26, 2022
1 min
React 學習筆記 - 路由 ( Router ) - Part's 5![Mark Ku]()
路由的原理 路由的原理，依據 url 請求，動態去載入相對應的元件。 安裝 react router ( 最常見 ) 使用方法 React 路由用法主要是由這三個所組成 BroserRouter…
July 23, 2022
1 min
React 學習筆記 - 何謂 React Hook、副作用、Loading、錯誤處理、上下文關係(Context) - Part's 4![Mark Ku]()
何謂 React Hook Hook 是 React 16.8 中增加的新功能。它讓你不必寫 class 就能使用 state 以及其他 React 的功能。 (from…
July 23, 2022
1 min
React 學習筆記 - state、props、setState、binding this - Part's 3![Mark Ku]()
state 和 props 的區別 在 react 中會觸發重新渲染的主要是 props 及 state 1. props 是元件外部傳入的參數，只讀屬性， 是不可變的 ( Immutable…
July 23, 2022
1 min
React 學習筆記 - 框架優勢、XSS、CSS in JS 使用方式 - Part 2![Mark Ku]()
react 學習筆記 react 框架的成功關鍵 雙向挷定的問題 雙向挷定主要透過數據的改變，動態改變 UI…
July 22, 2022
1 min
文章分類
Tags
海 外自助單車旅遊百岳玉山interviewResources嘉明湖Jekyllnugetrelease notes powershellironman kentingtriathlon 70.3鐵人三項三鐵opendialogrobocopypowershellfrpfrp-creverse proxychocolateydockerwindowsaspnetwebsiteautomateddatabasedeploymentsqlmulti-sitedatabase-deploymentnet-coredocker-containeri18n語系檔googlesheet直播streamingwebp converterseo googlevueintellisensessr prerenderdynamicrender Rendertronstylelintscssloadingvuexfrontend-large-data-renderingsvgsvg-spritenodeJscliWebpackplugin Vscode 除錯 debugger 筆記Couldflarecdnstylelintdowngradeuptime-kumanode jsUptime Robottelegram botmonitoring toolrenderseorendertroninobounceiOSbouncelottieJavascriptinteractiveAdobe After EffectAEAdobe AfterEffecttranslatechineseSimplifiedChineseconvertlog serverELKExceptionlessSeqSplunkqnapnlognet coresslcertbotContainer Station deploydeployedlinemessaginguptimekumanotifyyarpload balanceddospreventreal ipproxy protocolnginx-certbothttpsletsencryptraspberry pioslinuxmemory leakgameanimationrunweb site4Blabel-printerreceipt-printerironmanpnehu 226triathlonprepareexternal linkblackhatquerystringinjectfacebooksmessagejsenhancechatsdkpnehu226firstlastracingdaykeep alivecleardisposeincludelet encryptfreechallengeCertificateAuthorityCAgodaddycloudflarecicdgitlabpipelinerunnerdotnetauto buildautodeploygithubpageblogdnscachemongodbtoolsbackuprestorephotographya74A7M4α7IV微距鏡頭微物攝影微距攝影verifyblockrolling updateReactget startresize imageImageflowquery commandgetLearn ReactNextimage loaderimagetoo bigfiddlernetwowrkrecorddevinitenvenviormentusaecommercenoteinsuranceUSAsignifydcreditauthorizecapturega4analysistagmangergtmintegrationsearch keywordheadlesscmsstrapiswaggerfaqApple PayCybersourceintegrateFontendNET MVCtrendselfquicklybuildbindingnon-wwwvercelGoogle Paybindalwaysnullredisautomatically syncs redisupgradeDDoSfridayperiodthanksgivingplaywrightVscodeGithub actionend to end testjenkinsManagementcareerdevelopermiddle3Dagileabandonmentcartabandoned cartJestbankers-roundingclarityheatmapssession recordingsreactAmazon payAmazon pay v2git clonegit sshssh uploadremote buildapp routeincrease websit trafficmanual deploymentbinary comparesalesholidaydocker image buildDocker Desktopgithub sshhyte y40gaming海景機殼機箱project managercareer development互惠互利雙贏career bundry邊界職場abnormal-leave-requestwiki.jsknowledge base systemRustDeskremote toolteam-viwertailwindboostrapECommercediscover-and-optimize-high-value-pageswebsite-trafficThree.js3d3d-showroomnext jsnexthelping each otherteam workMariaDBmysqlWake on lanwol-go-webwolBlack fridayleadbingtrustperformancenginxftp serversftpgomilitary-salesinsight-vietnam-ecommercesecurityenhancing the search experiencePaymentPaypalcheckoutKuberneteswidnowsAb testFeatureprobeemployee benefits and fairteam ruleAmazonai-english-assistantcommunication-deadlockgenerate-seo-metadata-by-azure-aiaicomputexai pcyour-dream-standing-tablebuild-your-own-low-code-cmsspecial-technical-problemsOllamamindsetestimatewbstimetableset-up-llama-factory-enviormentllama factoryTrade offCBOAlanguage schoolfine-tunellamalangchaine-commerce-and-real-storeiiiclassmate reunionqdrantnestoautharchitecture-designconcurrency-websitegermanye-commerceUbuntuDockerGoogle CloudArtifact RegistryGCPkubernetesGKEgoogle kubernetes engineubuntudocker registryingressIngressGoogle Kubernetes EngineCI/CDJenkinsNext.jsAutomationmarkkuexperiencereviewingtasksmanagementremote access