🧐
코드로 디자인하는 UI 개발자
  • 🥳Welcome!
  • Section
    • React
      • React Simple Summary
      • React.js?
      • Create React App
      • Components
      • Virtual DOM
      • Class Component, Function Component
      • state, setState
      • Ref
      • self closing element(tag)
      • React Hooks
      • useEffect(), useLayoutEffect()
      • Deployment
      • react assets images path dynamic binding - require()
      • PostCSS
      • Dynamic Tag Name Props
    • Vue
      • Vue Simple Summary
      • v-bind
      • ::v-deep 딥셀렉터
      • Dynamic Components (동적 컴포넌트), :is attribute
        • 후속편(after that...)
      • vue assets images path dynamic binding - require()
      • Computed vs Watch vs Methods
      • v-if VS v-show
      • v-for 와 v-if 동시사용
      • self closing element(tag)
      • data functiuon - Function Declarations VS Arrow Function
      • invalid-first-character-of-tag-name.
    • JavaScript
      • Array Methods
        • some() VS every()
      • Data Type Variable
        • Object Type Spread Syntax
      • try...catch...finally and throw
      • argument와 parameter 차이점
      • Throttle, Debounce
      • framework and library
  • HTML, CSS
    • CSS Simple Summary
    • word-wrap VS overflow-wrap 그리고 word-break
    • self closing element(tag)
    • position: fixed 관련 특징 및 이슈
    • BFC 블록 포멧팅 컨텍스트
  • Accessibility
    • Anchor 요소에서 Title 속성사용이 Accessibility(접근성)에 좋다고?
  • UXI
    • 모바일 최소 터치 영역(Mobile Touch Area)
    • Skeleton UI (스켈레톤)
Powered by GitBook
On this page
  1. Section
  2. React

Create React App

PreviousReact.js?NextComponents

Last updated 2 years ago

CRA (Create React App)

  • 많은 개발자들이 사용하는 모든 툴들을 간편하게 모아 놓은 것으로 React 배우기에 간편한 환경이다.

  • 기본적으로 툴들이 셋팅되어있기 때문에 따로 설치하거나 복잡한 디펜던기 설정을 할 필요가 없다. 배포시에도 번들링 빌드 최적화도 해줌

추가 설명

  • yarn eject 라는 명령어를 이용해서 디펜던시 config 숨겨진 파일을들 다 뜯어서 바벨이나 웹팩이나 내 입맛에 맞게 변경할 순 있지만 권장하지 않는다.

yarn eject Removes this tool and copies build dependencies, configuration files and scripts into the app directory. If you do this, you can’t go back!

참고

https://ko.reactjs.org/docs/create-a-new-react-app.html
싱글 페이지 애플리케이션