728x90 반응형 SMALL 개념/React44 SCSS) ..... utils.scss $red : #fa5252;$orange: #fd7e14;$yellow : #fcc419;$green : #40c057;$blue: #339af0;$indigo: #5c7cfa;$violet: #7950f2;@mixin square($size){ $calculated : 32px * $size; width : $calculated; height: $calculated;}1. **Color Variables**: The first section declares variables for a range of colors, assigning hex values to each. These variables (`$red`, `$orange`, `$yellow`, `$green`, `.. 2025. 4. 14. React) basic_Component import { Component } from "react";class App extends Component{ render(){ const name = 'react'; return {name} }}export default App;1. **Import React Component**: The snippet begins by importing `Component` from the React library. This is necessary to extend the `Component` class when creating a class component in React. 2. **Class Component Definition**: The `App` .. 2025. 4. 13. React) class_component_state import { Component } from "react";class Counter extends Component{ constructor(props) { super(props); this.state = { number : 0 }; } render(){ const {number} = this.state; return ( {number} { this.setState({number : number + 1}); }}> +1 .. 2025. 4. 12. React) class_component_props // import { Component } from "react";// import PropTypes from "prop-types";//// class mycomponent extends Component{// render(){// const {name, favoriteNumber, children} = this.props;// return(// // hello, my name is {name}// children value is {children}// my favoriteNumber is {favoriteNumber}// .. 2025. 4. 11. 이전 1 2 3 4 5 ··· 11 다음 728x90 반응형 LIST