美國電子商務實務筆記 - 信用卡授權(Authorize)及請款(Capture)![Mark Ku]()
信用卡交易，通常會拆分成兩個階段，信用卡授權 (Authorize) 和請款(Capture)，信用卡授權，並不一定會成立交易，直到請款(Capture…
August 17, 2022
1 min
近期文章
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
百岳玉山interviewResourcesJekyllnugetrelease 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 linkblackhatquerystringinjectpnehu226firstlastracingdayfacebooksmessagejsenhancechatsdkkeep alivecleardisposeincludelet encryptfreechallengeCertificateAuthorityCAgodaddycloudflarecicdgitlabpipelinerunnerdotnetauto buildautodeploygithubpageblogdnscachephotographya74A7M4α7IV微距鏡頭微物攝影微距攝影mongodbtoolsbackuprestoreverifyblockrolling updateReactget startresize imageImageflowquery commandgetLearn ReactNextimage loaderimagetoo bigdevinitenvenviormentfiddlernetwowrkrecordApple PayCybersourceintegrateFontendNET MVCusaecommercenoteinsuranceUSAsignifydcreditauthorizecapturega4analysistagmangergtmintegrationsearch keywordheadlesscmsstrapiswaggerfaqGoogle Paytrendselfquicklybuildbindingnon-wwwvercelbindalwaysnullredisautomatically syncs redisDDoSfridayperiodthanksgivingupgradeplaywrightVscodeGithub actionend to end testjenkinsManagementcareerdevelopermiddle3Dagileabandonmentcartabandoned cartJestbankers-roundingAmazon payAmazon pay v2clarityheatmapssession recordingsreactapp routeremote buildincrease websit trafficmanual deploymentbinary comparedocker image buildDocker Desktopgithub sshsalesholidayhyte y40gaming海景機殼機箱career development互惠互利雙贏project managercareer bundry邊界職場abnormal-leave-request海外自助單車旅遊嘉明湖wiki.jsknowledge base systemRustDeskremote toolteam-viewertailwindboostrapECommercediscover-and-optimize-high-value-pageswebsite-trafficThree.js3d3d-showroomnext jsnexthelping each otherteam workMariaDBmysqlWake on lanwol-go-webwolBlack fridayleadbingtrustperformancenginxftp serversftpgomilitary-salesinsight-vietnam-ecommerceenhancing the search experienceworking-from-home-rulesecurityPaymentPaypalcheckoutKuberneteswidnowsAmazonAb testFeatureprobeemployee benefits and fairteam ruleai-english-assistanttalk-about-promotioncommunication-deadlockgenerate-seo-metadata-by-azure-aiaicomputexai pcyour-dream-standing-tablequiet-quittingbuild-your-own-low-code-cmsspecial-technical-problemsOllamamindsetestimatewbstimetableset-up-llama-factory-enviormentllama factoryTrade offCBOAlanguage schoolfine-tunellamalangchaine-commerce-and-real-storeiiiclassmate reunionqdrantnestoautharchitecture-designgermanye-commerceconcurrency-websiteUbuntuDockerGoogle CloudArtifact RegistryGCPkubernetesGKEgoogle kubernetes engineubuntudocker registryingressIngressGoogle Kubernetes EngineCI/CDJenkinsNext.jsAutomationPrometheusGrafanaMonitoringNginxVisualizationCloudPerformance TestingK6DevOpsMetricsDocker MonitoringcAdvisorContainer MonitoringResource UsageCloud NativeServer MetricsOpen Source ToolsObservabilityMetrics CollectionDashboardOpenVPNVPNNetwork ConfigurationLinuxSystemdreviewingtasksmanagementmarkkuexperienceremote accessMetrics ServerCluster ManagementResource MonitoringKubernetes MetricsInfrastructureSambaWindowsFile SharingMSSQLCloudflareUFWsystemicproblemacceleratingcollaborationwiresharkwormwhy-learn-englishgdprconsent-moderoosterbaguiocam-john-haypineslearningtravelingviganunescoheritagephilippinespines academystudy abroadfunny roommatesenglishspeakingsan-juan-surf-tripurbiztondo-beach-guidesan-juan-travel-notesmy-first-surfing-tripbaguio-to-san-juanenglish-learning-journeypractical-english-skillsself-improvementcommunication-skillsstudy-abroad-tipscareer-developmentbanaue-travelsagada-tripenglish-through-experiencelearning-outside-classroomrice-terracestravel-journalmotion-sickness-survivorlanguage-learning-adventurescultural-discoveryagentmcpoutlinekongapi gatewayrate limitingplugin developmentluacustom pluginOpenRestyKongAPI Gateway除錯oracle cloud免費雲端frpsrest api架站雲端主機vmLuaVSCodeEmmyLuaAPISIXetcdRate LimitingUptime KumaRESTful API監控省錢AICodingDevelopmentVibe CodingSoftware EngineeringProductivityRocket.ChatOmnichannelMulti-ChannelLivechatCustomer ServiceMongoDB