import & export

react에 입문해보니 html,css는 없고 js파일만 사용해서 코드를 작성하게 되었다
멘토님께서 정리해 주신 내용 중
"실무에서는 jsx 방식을 사용하고 emotion을 사용하여 나만의 태그를 만들어 CSS-IN-JS 방식을 사용한다."
라는 부분이 오늘 수업의 핵심이었던 것 같은데 아직 잘 이해하지 못해 코드를 내맘처럼 작성하지 못해 속상했다

각각의 폴더에서 다른 파일을 불러오기 위해서는 html에서는 link 와 script가 사용되었는데 react에서는 export로 내보내고, import로 가져와서 사용하는 점이 달랐다.

오늘 나의 import 부분에는

import {Title, Wrapper, WrapperBody, InputHeader, InputBody,InputTitle,InputContents,InputPostNumber, Row,InputPostNumberSurch,InputPhoto,Choice, Submit,Star } from '../styles/emotion'

수 많은 나만의 태그들이 탄생했다
아직 태그이름을 잊는것이 가장 어려운것 중 하나다
어떤 것을 적어야 간결하고 모든 사람이 보기 좋을지 고민해봐야겠다

export default function quiz() {
     
    //여기는 자바스크립트 쓰는곳
      
      return (
      
      )
    }  

export는 이런식으로 사용된다