React2

서영이·2022년 7월 7일
0
post-thumbnail

●index.html
앱이 실행될 때 가장 먼저 실행 되는 파일이다.

●css파일 import하는 방법
import 'app.css'

▲import asdf from './App'하고 해도 정상동작하는 이유
App.js에서 구현부를 defalut export했기 때문에 이름에 제약을 받지 않기 때문이다.

●production 환경일때는 build를 먼저 하고 실행한다. dev일때와의 차이점
한번에 모든 파일을 올려놓고 바로 로드하기 위함
dev환경을 필요한 부분만 로드하여 수정시 빠르게 대응하기 위함
production에서는 수정이 없다고 봐야 하기 때문에 보다 빠른 속도를 위해 별도의 빌드를 하는 것

●CRA의 production 환경에서의 장점
사이즈가 작아진다
코드를 a b c 이렇게 표현해서 보안성을 줄수 있다
네트워크 통신도 빨라진다

●React Component에서 실제로 코드가 작업되어 보여지도록 하는 함수
render()

●React Component는 시작이 다 대문자인이유
룰이라서

●특징
-render는 react의 component를 extend했기 때문에 사용가능한 함수이다.
-새로운 구현부를 만들때 반드시 class component를 써야하는것은 아니다.
-js파일에 html 태그를 넣는건 실제로 tag가 삽입되는게 아니라 별도의 문법이 있기 때문에 허용이 되는것이다.

profile
방학을 헛투로 쓰지말자

0개의 댓글