Desktop/Web Programming
Component ส่วนประกอบของหน้าเว็บเรา ว่าจะส่วนไหน เมนู ส่วนแสดงผลหลัก เป็นต้น โดยตัว Component รับ Input อะไรก็ได้ Text / Number หรือ แม้แต่ตัว Component เอง แต่เจ้า jsx return ได้ 1 element เท่านั้น Create Component with props – Sample – Result ถ้าส่ง Undefine ผ่าน มันถือว่าส่ง แต่อันแรกไม่รอด โดย Validation…
Type of HTML in JSX/TSX Sample Code Result
จริงๆเรียกว่าลองมาทวนๆ JavaScript แล้วมีงงๆกับ Array Spread นิดหน่อย เลยลองดูจาก Doc จาก Spread syntax (…) – JavaScript | MDN (mozilla.org) สรุปแตก Element ข้างในออกมาให้ตัวย่อยสุด ตัวอย่างของ Javascript ก็ตาม ด้านล่างนี้เลย ดูมีประโยชน์ดี แล้ว C# มันมีไหม คำตอบเพิ่งมีตอนปีที่แล้วใน C#12 ครับ Pattern คล้ายกับของ JS เลย ใช้ตัว ตัวอย่างตามนี้เลย แล้วถ้ามาลองตัวอย่างที่ตัวอย่างใน Spread syntax…
หลายๆ เราไม่มีหัว Design จะเอา UI คนที่ไว้แล้ว เช่น จาก Preline UI, crafted with Tailwind CSS ซึ่งเข้าจะมี Template และ Code มาให้ Copy แต่เป็น HTML พอเราเอามาแปะใน JSX จะแดงเถือกเลย ถ้าไล่แก้ก็เสียเวลานิดนึง ลองหาดูมี Plugin ช่วย html to JSX – Visual Studio Marketplace กดลงเลยครับ การใช้งานง่ายมากครับ Reference
พอดีลองเล่น EF สักหน่อย หลักๆจะใช้ Dapper เอา แล้วมีเคสมือลองไปแก้ ลองเปลี่ยน ที่นี่พอลอง Run จะเจอ Error Solution Note: จริงๆ ไม่ควร Database First มาเป็น Code First บน Production นะครับ
Blog นี้เขียนมาจดอะไรนิดหน่อยๆ เผื่อลืมครับ สำหรับ Week แรกของ GO จะเรียนเรื่อง Git & Collaboration โดยผมจดมาประมาณนี้ Git เหมือนจะมีเขียน Blog ไว้ เอาของเดิมแปะไปก่อน แต่ที่ฟังๆมา มี History ที่น่าสนใจนะ ตอนแรกเข้าใจว่าก่อนจะมี Git ตัดแปะไฟล์ไปๆมาๆ แล้วมี Git มาแก้ปัญหาเลย ทว่าที่มีของ Git เรียกว่ายังไงดี มาจากดราม่าตอนทำ Linux Kernel จะใช้ตัว BitKeeper แต่มันไม่ได้เป็น Open-Source ดังนั้น linus torvalds…
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…
ช่วงนี้มีได้มาดู Front-End ตัวนึง ซึ่ง Lib มันเก่าอยู่พอสมควร 2-3 ปีแล้ว เราก็ขี้เกียจด้วย เลยคิดว่า Update ยังไงให้มันใหม่สุด แบบไม่เหนื่อยมาก หลังจากลอง Research คนทำ Library npm-check-updates (ncu) ไว้แล้ว ลงได้เลย จากนั้นตรวจสอบก่อนว่ามี Lib อะไรบ้างที่ update ด้วยคำสั่ง ถ้าไม่ติดอะไร พร้อมจะลุย สั่ง Update ด้วยคำสั่ง แต่ถ้าต้องการ Exclude Lib บางตัวออก ใช้ -x <pattern string> ได้ครับ…
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 + 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…
