coding__

import React,{ useState } from "react";
import logo from "./logo.svg";
import "./App.css";

function App() {
  

  let [글제목,글제목변경] = useState(['남자 코트 추천', '강남 우동 맛집', '여자코트 추천']);
  let [따봉, 따봉변경] = useState(0);
  
  // function 제목바꾸기(){
  //   var newArray = [...글제목];
  //   newArray[0] = '여자코트 추천';
  //   글제목변경(newArray);
  // }


  return ( 
  <div className="App">
      <div className="black-nav">
          <div>개발 Blog</div>
      </div>
      <button onClick={{}}>버튼</button>
      <div className="list">
        <h3> { 글제목[0] } <span onClick={()=>{따봉변경(따봉+1)}}>👍 </span> {따봉} </h3>
        <p>2월 17일 발행</p>
        <hr/>
      </div>
      <div className="list">
        <h3> { 글제목[1] } </h3>
        <p>2월 14일 발행</p>
        <hr/>
      </div>
      <div className="list">
        <h3> { 글제목[2] } </h3>
        <p>2월 15일 발행</p>
        <hr/>
      </div>


       <Modal />
      </div>

  
  );
}

function Modal(){
  return (
    <div className="modal">
        <h2>제목</h2>
        <p>날짜</p>
        <p>상세내용</p>
      </div>
  )
}


export default App;

나한테는 제일 쉬웠던 react 강의였다. https://www.youtube.com/watch?v=nahwuaXmgt8 주소로 가면 볼수있으며

코드는 다음과 같다!

위는 예시이다.