นอกจากที่เราจะ import Component อื่นๆเข้ามาใช้งานใน Component ได้ เรายังสามารถที่จะ Import ไฟล์ css เข้ามาใช้งานใน Component ได้อีกด้วย
มาลอง Import กันเลยครับ สร้างไฟล์ Button.css มีเนื้อหาดังนี้
.Button {
padding: 20px;
}
แล้ว Import แบบนี้ได้เลยครับ ที่ไฟล์ Button.js
import React, { Component } from 'react';
import './Button.css'; // Tell Webpack that Button.js uses these styles
class Button extends Component {
render() {
// You can use them as regular CSS styles
return <div className="Button" />;
}
}
function ที่ใช้ในการแสดงผลข้อมูลออกทางหน้าจอคือ printf (print formatted) ทําหน้าที่แปลงในลักษณะของเลขฐานสอง ที่คอมพิวเตอร์ประมวลผลได้ ให้อยู่ในรูปที่มนุษย์เข้าใจ และแสดงผลออกทางจอภาพ
สวัสดีครับ ในบทความนี้เราจะมาทําความรู้จักกับ Podman กัน ซึ่งเป็นทางเลือกใหม่สําหรับผู้ที่ใช้งาน Docker โดยเราจะมาดูกันว่า Podman คืออะไร และมีความแตกต่างจาก Docker อย่างไร
Neo Pixel WS2812B คืออะไร?Neo Pixel WS2812B คือ หลอด LED ที่มีรูปร่างเป็นสี่เหลี่ยมแบนๆ ภายในจะประกอบไปด้วย Chip เบอร์ WS2812B และ LED ขนาดเล็กๆ 3 สี คือ RGB (Red, Green, Blue) โดยที่ Chip WS2812B จะทําหน้าที่ควบคุมการผสมสีของ LED RGB ให้เป็นสีต่างๆได้ถึง 16 ล้านสี หน้าตาจะประมาณรูปด้านล่าง