Henry Johnson

@hryjosn

Joined on Jun 10, 2021

  • 在 React Native 中(例如用 expo-localization 或 react-native-localize 取得語言設定),你問的兩個值:languageCode 跟 languageTag 差別蠻重要的。 :white_check_mark: 繁體中文的值會是什麼? 假設使用者的裝置語言設定是 繁體中文(台灣),以下是常見的值: 欄位 可能值 說明 languageCode
     Like  Bookmark
  • i18n Already done: Login Home Chat Header 1. Add icon (V) 2. Can refactor by server component (V) 3. Use useSession (V)
     Like  Bookmark
  • docker 常用指令 docker compose up: start the service docker ps: list running service docker exec -it /bash/sh docker compose down -v :cancel all container
     Like 1 Bookmark
  • 馬來西亞之旅 換錢所:Kota Raya Google Map:https://maps.app.goo.gl/RGCjk9LZqJbhAiMq5 https://ninetyroadtravel.com/malaysia/malaysia-money-exchange/#elementor-toc__heading-anchor-2 吉隆坡國際機場快線(KLIA Ekspres)車票 https://s.klook.com/c/n39xnkRWw2
     Like  Bookmark
  • 🐳 Docker 入門與實務分享會文件(含 Demo 引導) 1️⃣ Docker 與 Docker Compose 快速介紹 📦 Docker 是什麼? 一種輕量級的虛擬化技術 透過 Image 和 Container 執行應用程式 解決「在我電腦可以跑」的問題 🧱 Docker Compose 是什麼? 用 YAML 檔案定義多個 Container 的運作關係 適合微服務架構、開發與測試環境建置
     Like 1 Bookmark
  • 我們來設計一套完整流程:每次執行 GitHub Action 自動測試時,啟動一個乾淨的 PostgreSQL DB 並填入測試資料,再讓後端進行自動測試。 我會幫你拆成以下四步來做分享 & Demo: ✅ 目標:用 GitHub Actions + Docker 自動建立測試資料庫並執行測試 🧱 架構概覽 GitHub Action │ ├─ 啟動 service: postgres (乾淨容器) │
     Like  Bookmark
  • 📖《人月神話》讀書會參與指南 🔹 讀書會簡介 歡迎加入《人月神話》讀書會!我們將透過一次討論 3 篇章節,透過角色扮演、實務案例分析與思辨討論,深入理解書中觀點。 📖 每次閱讀:3 篇章節🎯 目標:增強軟體開發管理的理解,提升實務應用能力 🔹 讀書會運作模式 👥 角色分工(輪流擔任,提高互動性) 角色
     Like  Bookmark
  • If your Next.js 15 frontend receives a JWT token from the backend, you can handle it securely using middleware and cookies. Here's how you can process and store the token when it's passed from the backend. 📌 Steps to Handle JWT from Backend in Next.js Middleware Receive the JWT token from the backend API response. Store the token in an HTTP-only cookie for security. Use middleware to validate the token and protect routes. Send the token with authenticated requests. 1️⃣ Fetch Token from Backend and Store in Cookie When a user logs in, your Next.js app will send credentials to the backend and store the received JWT token in an HTTP-only cookie.
     Like 1 Bookmark
  • Booking system disscussion Appointment Mentor editing availble time period view (Andy) a. availble time [{ weekly: ’mon’ , timeCode: [1, 2, 3 ,4] },...]time code 1 = 0:00 ~ 1:00, 2 = 1:00 ~ 2:00 Appointment list view (Andy) Order view (Kevin) a. upload image for reference b. question topic (optional) (if null => blank) c. question content (minimum length: 10)
     Like  Bookmark
  • Position: sticky is a unique CSS positioning property that combines aspects of both relative and absolute positioning. Here's an easy-to-understand explanation and notes: Definition According to MDN: A sticky element does not leave the normal document flow (similar to position: relative). It "sticks" to its nearest scrolling ancestor when certain conditions are met, behaving like position: absolute. What is a "Scrolling Ancestor"? A scrolling ancestor is any parent element that creates a scrollable area. This could be:
     Like  Bookmark
  • 1. React Sandwich Builder Problem:Create a "Sandwich Builder" app that lets users create the ultimate sandwich. Features: A list of available ingredients (e.g., bread, lettuce, tomato, cheese, bacon). A "magic randomizer" button that builds a sandwich for the user randomly. Prevent users from adding "bacon" more than 5 times (because the bacon fairy gets upset). Display an alert if the user tries to add peanut butter and pickles together (because, why?).
     Like  Bookmark
  • HTML Questions What does HTML stand for? What is the purpose of the <html> tag? How do you create a hyperlink in HTML? What is the difference between the <head> and <body> sections in an HTML document? What is the purpose of the <title> tag? How do you create an unordered list in HTML? What is the purpose of the alt attribute in an <img> tag? How do you create a form in HTML? Provide an example. What is the difference between an <iframe> and an <embed> tag?
     Like  Bookmark
  • React Basics What are the advantages of using React? Can you explain the concept of "unidirectional data flow" in React? How does React handle updates to the DOM efficiently? Functional Components How do you create a functional component in React? What are the differences between functional components and class components? Can functional components have state? How?
     Like 1 Bookmark
  • General Questions React Basics What is React, and how does it differ from other JavaScript frameworks? What are React components, and how do functional components differ from class components? Explain the role of props and state in React. What is the Virtual DOM, and how does it improve performance? JSX What is JSX, and why is it used in React? Can browsers understand JSX directly? Explain.
     Like 1 Bookmark
  • Task 4: Searchable List Description: Create a React component that displays a list of items and allows the user to filter the list by typing into a search bar. Features: Display a list of at least 10 items (e.g., names of fruits). Include a search bar at the top of the list. Filter the list in real-time as the user types. If no items match the search query, display a "No results found" message.
     Like 1 Bookmark
  • Refactor suggestion: onChange曝露出來 useRef focus拔掉 不該使用useLazyQuery 用useQuery state能少則少 reset hook form https://stackoverflow.com/questions/62242657/how-to-change-react-hook-form-defaultvalue-with-useeffect
     Like  Bookmark
  • 2023/11/21 介紹過去背景 跟其他講者不同,我先不介紹我自己,因為不重要,你們也不care,就先叫我 Henry 吧 問題(回答有獎品) 在大學你想獲得什麼?為什麼要讀大學? 學歷?能力?文憑? 畢業之後你和你身邊的同學有甚麼差異,你要做甚麼努力?
     Like  Bookmark
  • 開發過App清單: Hashgreen web:https://dex.hash.green/zh-TW 加密貨幣 wallet chrome 插件: https://hoogii.app 加密貨幣錢包: https://apps.apple.com/tw/app/zone-wallet/id6470339289 由國立師範大學委託完成的客話學習網: link: https://kids.hakka.gov.tw/ 即時視訊服務 powercall, 相關新聞報導:
     Like  Bookmark
  • :memo: 定義 公開的文件,詳細的說明使用方式 設計 Authentication 驗證請求的合法性 API 文件撰寫輔助工具 1. 定義 Open API 簡單來說是就是一個應用程式的開口讓開發者能夠串接, 它是Server Side Web API 的應用方式,提供開發者可以透過程式去存取應用軟體或網路服務,也就是說會有公開的文件和公開的接口(end point),讓外部應用系統得以透過這些介面存取。 614851e7451b93553deed0d9_apenapi
     Like  Bookmark
  • 1. 未加入SafeArea 上方StatusBar 會被遮住 可以使用SafeAreaContet inset S__40370220.jpg
     Like  Bookmark