by Frevation | Oct 8, 2021 | blog, Web Development
ปกติแล้วการเขียนเว็บไซต์โดยการใช้ React ย่อมมีการ set route ไปยัง component ต่าง ๆ ที่อยู่ในไฟล์อื่น และในขณะเดียวกัน ในแต่ละ component ก็อาจจะมีการเรียกใช้ component หรือ library ต่าง ๆ มากขึ้น ส่งผลให้เมื่อ app มีขนาดใหญ่ เว็บของเราจะโหลดช้า...
by Frevation | Oct 8, 2021 | blog, Photoshop
การทำสีของ Text บน Photoshop ให้เป็นสี gradient นั้นสามารถทำได้ง่าย ๆ โดยมีวิธีการดังนี้ 1. คลิกที่ layer ของ text ที่เลือกไว้ 2. จากรูปด้านล่างจะสังเกตเห็น fx ให้คลิกที่นั่น 3. เมื่อคลิกที่ fx แล้ว จะมีเมนูให้เลือก ให้เลือก “Gradient Overlay…” 4....
by Frevation | Oct 8, 2021 | blog, Web Development
Next js เป็น open-source React framework ซึ่งต่างจาก react ตรงที่ next js เป็นการใช้ server side rendering และยังสามารถทำเว็ปไซต์ได้ทั้งแบบ static และ dynamic ซึ่งข้อดีของการเป็น server side rendering คือ ช่วยในเรื่อง SEO หรือ search engine optimization เพราะถ้าทำการ...
by Frevation | Sep 28, 2021 | blog, Web Development
Google lighthouse เป็นส่วนขยายใน browser Google Chrome ที่สามารถวัดประสิทธิภาพของหน้าเว็บไซต์ออกมาเป็นคะแนน และยังบอกรายละเอียดของจุดบกพร่องของเว็บไซต์ที่ควรปรับปรุงอีกด้วย ส่วนขยายนี้ถือเป็นอีกหนึ่งตัวช่วยที่จะชี้วัดได้ว่า...
by Frevation | Sep 24, 2021 | blog, JavaScript, Web Development
การวน loop ข้อมูลใน JavaScript นั้นสามารถทำได้หลายวิธีอย่างเช่น การใช้คำสั่ง for กำหนดข้อมูล array เป็นดังนี้ let colors = ['red', 'green', 'black', 'yellow', 'blue']; เมื่อต้องการแสดงผลข้อมูลทั้งหมดใน array หรือบางครั้งอาจะใช้คำสั่ง forEach ...
