kimveloper
2022.01.17
@kimveloper님이
[React] 데이터 구조 파악하기
포스트에 댓글을 남겼습니다.
kimveloper
2022.01.17
@kimveloper님이
[React] 데이터 구조 파악하기
포스트를 좋아합니다.
YellowHan
2022.01.14
@YellowHan님이 새 포스트를 작성했습니다.
[React] 구구단 출력
// App.js import React, {useState} from 'react'; import Button from './Button'; import Gugudan from './gugudan'; import './App.css'; function App() {   const [number, setNumber] = useState(0);   function add1() {     setNumber(number+1);   }   function sub1() {     setNumber(number-1);   }   function mul2() {     setNumber(number*2);   }   return (     <div>       <Gugudan number={number}></Gugudan>       <Button onClick={add1} text="+1"></Button>       <Button onClick={sub1} text="-1"></Button>       <Button onClick={mul2} text="*2"></Button>     </div>   ); } export default App; // Gugudan.js const Gugudan = ({number}) => {   return (     <div>       <p>{number} * 1 = {number * 1}</p>       <p>{number} * 2 = {number * 2}</p>       <p>{number} * 3 = {number * 3}</p>       <p>{number} * 4 = {number * 4}</p>       <p>{number} * 5 = {number * 5}</p>       <p>{number} * 6 = {number * 6}</p>       <p>{number} * 7 = {number * 7}</p>       <p>{number} * 8 = {number * 8}</p>       <p>{number} * 9 = {number * 9}</p>     </div>   ); } export default Gugudan; // Button.js function Button({text, onClick}) {   return <button onClick={onClick}>{text}</button>; } export default Button; // App.css body {   margin: 20px; } button {   padding: 5px 15px 5px 15px; }
dangnee
2022.01.13
@dangnee님이
[React] Module CSS 사용해 보기
포스트를 좋아합니다.
dangnee
2022.01.13
@dangnee님이
[React] Module CSS 사용해 보기
포스트에 댓글을 남겼습니다.
veny
2022.01.13
@veny님이
[React] Module CSS 사용해 보기
포스트를 좋아합니다.
tkdals0978
2022.01.12
@tkdals0978님이
[React] Module CSS 사용해 보기
포스트를 좋아합니다.
adria96
2022.01.12
@adria96님이
[React] Module CSS 사용해 보기
포스트에 댓글을 남겼습니다.
adria96
2022.01.12
@adria96님이
[React] Module CSS 사용해 보기
포스트를 좋아합니다.
YellowHan
2022.01.12
@YellowHan님이 새 포스트를 작성했습니다.
[React] Module CSS 사용해 보기
// Hello.js import styles from './Hello.module.css'; function Hello() {   return (   <div>     <p className={styles.title}>Instargarm</p>     <p>인스타그램(영어: Instagram)은 Kevin Systrom과 Mike Krieger가 공동으로 설립한 온라인 사진 공유 및 소셜 네트워크 서비스이다.<br />     인스타그램의 이용자들은 인스타그램을 통해 사진 촬영과 동시에 다양한 디지털 효과를 적용하며<br />     페이스북이나 트위터 등 다양한 소셜 네트워크 서비스에 사진을 공유할 수 있다.   </p>   </div>   ); } export default Hello; // App.js import Hello from "./Hello"; function App() {   return (     <div>       <Hello />     </div>   ); } export default App; // Hello.module.css .title {   color: #00a2ff;   font-size: 20px;   font-weight: 600; }
tkdals0978
2022.01.11
@tkdals0978님이
[React] 웹 사이트 소개 출력
포스트에 댓글을 남겼습니다.
tkdals0978
2022.01.11
@tkdals0978님이
[React] 웹 사이트 소개 출력
포스트를 좋아합니다.