HTML in JSX/TSX
Type of HTML in JSX/TSX Sample Code Result
Category Desktop/Web Programming
Desktop/Web Programming
[C#] Array Spread
จริงๆเรียกว่าลองมาทวนๆ JavaScript แล้วมีงงๆกับ Array Spread นิดหน่อย เลยลองดูจาก Doc จาก Spread syntax (…) – JavaScript | MDN (mozilla.org) สรุปแตก Element ข้างในออกมาให้ตัวย่อยสุด ตัวอย่างของ Javascript ก็ตาม ด้านล่างนี้เลย ดูมีประโยชน์ดี แล้ว C# มันมีไหม คำตอบเพิ่งมีตอนปีที่แล้วใน C#12 ครับ Pattern คล้ายกับของ JS เลย ใช้ตัว ตัวอย่างตามนี้เลย แล้วถ้ามาลองตัวอย่างที่ตัวอย่างใน Spread syntax…
Convert HTML to JSX
หลายๆ เราไม่มีหัว Design จะเอา UI คนที่ไว้แล้ว เช่น จาก Preline UI, crafted with Tailwind CSS ซึ่งเข้าจะมี Template และ Code มาให้ Copy แต่เป็น HTML พอเราเอามาแปะใน JSX จะแดงเถือกเลย ถ้าไล่แก้ก็เสียเวลานิดนึง ลองหาดูมี Plugin ช่วย html to JSX – Visual Studio Marketplace กดลงเลยครับ การใช้งานง่ายมากครับ Reference
Entity type IdentityUserLogin requires a primary key
พอดีลองเล่น EF สักหน่อย หลักๆจะใช้ Dapper เอา แล้วมีเคสมือลองไปแก้ ลองเปลี่ยน ที่นี่พอลอง Run จะเจอ Error Solution Note: จริงๆ ไม่ควร Database First มาเป็น Code First บน Production นะครับ
[KBTG-GO#01] Introduction
Git เหมือนจะมีเขียน Blog ไว้ เอาของเดิมแปะไปก่อน แต่ที่ฟังๆมา มี History ที่น่าสนใจนะ ตอนแรกเข้าใจว่าก่อนจะมี Git ตัดแปะไฟล์ไปๆมาๆ แล้วมี Git มาแก้ปัญหาเลย ทว่าที่มีของ Git เรียกว่ายังไงดี มาจากดราม่าตอนทำ Linux Kernel จะใช้ตัว BitKeeper แต่มันไม่ได้เป็น Open-Source ดังนั้น linus torvalds เลยสร้างเองซะเลย Branching Strategy / Workflow พยายามเน้นตัว Short Live-Branch + Engineerinng Practices ที่ดีพวก…
Relative Path Note
Starting with Start At <subdriectory> start <subdriectory> and move forward / or ./ root directory Example- ‘nodePath’: fileURLToPath(new URL(‘./node_modules’, import.meta.url)) ../ move backward 1 directory level and starts Example- import HomeView from ‘..’ .. move backward 2 directory level and…
Update ทุก Dependency ของ Package.json
ช่วงนี้มีได้มาดู Front-End ตัวนึง ซึ่ง Lib มันเก่าอยู่พอสมควร 2-3 ปีแล้ว เราก็ขี้เกียจด้วย เลยคิดว่า Update ยังไงให้มันใหม่สุด แบบไม่เหนื่อยมาก หลังจากลอง Research คนทำ Library npm-check-updates (ncu) ไว้แล้ว ลงได้เลย จากนั้นตรวจสอบก่อนว่ามี Lib อะไรบ้างที่ update ด้วยคำสั่ง ถ้าไม่ติดอะไร พร้อมจะลุย สั่ง Update ด้วยคำสั่ง แต่ถ้าต้องการ Exclude Lib บางตัวออก ใช้ -x <pattern string> ได้ครับ…
Fixed Node ‘ERR_OSSL_EVP_UNSUPPORTED (0308010C:digital envelope routines::unsupported)
When I ran command dotnet publish to build ASP.NET Core 6 + SPA. I got an Error Cause Solution Workaround Permanent NOTE: if you cannot update node.js due to business / constraint / risk. you can use NVM (Node Version…
[Vue3] vue-multiselect TypeError: Cannot read properties of undefined (reading ‘_c’)
ลองเล่น Vue3 + Plugin vue-multiselect พอดีอยากทำ App ครอบตัว Redmine แต่ Run ไป เจอ Error ตอนแรกก็ติดมา 2 ชั่วโมงเลย ทั้งลองทำตาม Example เค้าแล้ว ถอยจาก TypeScript มาเป็น JavaScript ก็ยังไม่ผ่าน คิดว่าน่าจะบั๊กมาตัว Library เลยลองไปส่อง package.json ตอนนี้ 2.1.7 ลองไปส่องที่ Repo ดู เหมือนจะสุดที่ 2.1.7 แต่ลองไปส่องที่ Releases · shentao/vue-multiselect…
How to access NPM Private Registry
หลังจากที่ ได้ปรับตัว Nexus ให้เป็นทั้ง Host และ Proxy ของตัว NPM ในบริษัทไปแล้วตาม How to Access npm Packages After Securing Nexus Repository Manager (sonatype.com) ต่อไป คือ การกำหนดในตัว NPM ใส่ตัว Credential เวลาใช้งานครับ โดยมีรูปแบบ ดังนี้ NOTE: บางทีที่ยังใช้งาน Username + Password ต้องเพิ่ม –auth-type=legacy ตัวอย่าง เช่น หลังจากมันจะถาม…