0803 - FeedBack

 

import React, { useState } from "react";
import "./styles.css";

function App() {
  const [showPopup, setShowPopup] = useState(false);

  const togglePopup = () => {
 ======================================
    setShowPopup(!showPopup);
 ======================================
    // Pop up 의 open/close 상태에 따라
    // 현재 state 가 업데이트 되도록 함수를 완성하세요.
  };

  return (
    <div className="App">
      <h1>Fix me to open Pop Up</h1>
      {/* 버튼을 클릭했을 때 Pop up 의 open/close 가 작동하도록
          button tag를 완성하세요. */}
      <button className="open" onClick={togglePopup}>
        Open me
      </button>
      {showPopup ? (
        <div className="popup">
          <div className="popup_inner">
            <h2>Success!</h2>
            <button className="close" onClick={togglePopup}>
              Close me
            </button>
          </div>
        </div>
      ) : null}
    </div>
  );
}

export default App;

  setShowPopup(!showPopup);

→이 라인만 적으면 조건문 생략 가능

 

' ! ' : boolean으로 형변환

let a = '';
let b = 'not empty';



!!a		// false //	a가 비어있는지 확인하고 싶을때
!!!a	// true  //	조건문에서 a가 비어있을때 실행하고 싶을때

if(!!!a) console.log("empty")

!!b 	// true  // b는 비어있지않습니다.

' + ' : 숫자로만 구성된 문자열을 Number 형으로 변환

a = '14252121'

console.log(a)		// '14252121'
console.log(+a)		// 14252121

function  getFlight(filterBy = {}) { 	// getFlight는 filterBy라는 인자가 필요하지만 
}										// 만약 없다면 {} 로 빈객체가 있음