by Frevation | Feb 3, 2022 | blog, Photoshop
โดยทั่วไปรูปภาพจะมีลักษณะรูปร่างเป็นสี่เหลี่ยมดังรูป แต่ถ้าหากต้องการทำรูปร่างของภาพเป็นรูปร่างต่าง ๆ ที่เราต้องการ มีวิธีการทำดังตัวอย่างต่อไปนี้ 1.ให้สร้าง layer ที่มีรูปร่างตามที่เราต้องการก่อน 2. สร้างอีก layer สำหรับภาพที่เราต้องการมาการมาทำรูปร่าง 3. ต่อมาที่...
by Frevation | Feb 3, 2022 | blog, VSCode
ในฐานะที่เป็นมือใหม่ในการเขียน React เราอาจจะไม่รู้ว่า เราควรเขียนโค้ดยังไงให้มีประสิทธิภาพ โค้ดที่มีคุณภาพจะนำมาซึ่ง performance ที่ดี ในที่นี้เราจะมาแนะนำ Extension ที่จะมาช่วยเราแก้ไขปัญหานั้น คือ ESLint นั่นเอง ในฐานะที่เป็นมือใหม่ในการเขียน React...
by Frevation | Jan 28, 2022 | blog, ReactJS
จากครั้งที่แล้ว เราโชว์ส่วนของ useMemo ไป ทีนี้จะเป็น hook อีกอันนึงเรียกว่า useCallback วิธีใช้ก็ไม่ต่างจาก useMemo เท่าไหร่นัก เอาล่ะ เราไปดูกันเลย ก่อนอื่นจะให้ดูหน้าตาแอปก่อน ถ้าเราพิมตัวเลขใน input ตัวเลขด้านล่างจะเป็น 3 เท่าของ input ส่วนปุ่มเอาไว้เปลี่ยนสีของ...
by Frevation | Jan 21, 2022 | blog, ReactJS
ปกติเราจะใช้ useState เป็นหลักในการเขียน React ใช่ไหม ซึ่งจริงๆแล้ว React ยังมี hook ตัวอื่นที่น่าสนใจอีกเช่นกัน ในบทความนี้ เราจะมาแนะนำ hook ที่เรียกว่า useMemo กัน ก่อนที่บอกว่าตัวนี้เอาไว้ทำอะไร จะให้ดูโค้ดและตัวอย่างหน้าตาแอปก่อน...
by Frevation | Jan 14, 2022 | blog, JavaScript
Lodash เป็น library ที่หา method ของ javascript ให้เรา เช่น array หรือ object โดยที่เราไม่ต้องมานั่งเขียน function เอง Lodash จัดการให้เราเลย เพียงแค่ต้องหา method นั้นให้เจอ อย่าลืม install library ก่อนใช้งาน เราสามารถดูทุก method ได้ทาง document ของ Lodash ได้เลย...
