| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
- concurrency control
- 시스템프로그래밍
- 김영한
- 네트워크
- vite
- 인터럽트
- 반효경
- 백엔드
- 커널 동기화
- 운영체제와 정보기술의 원리
- 온디바이스AI
- 운영체제
- 시그널 핸들러
- B tree 데이터삽입
- 프로세스 주소 공간
- 개발남노씨
- Git
- SQL
- 코딩애플
- 쉬운 코드
- 코딩테스트 [ ALL IN ONE ]
- 갤럭시 S24
- recoverability
- BreadcrumbsComputer-Networking_A-Top-Down-Approach
- SDK
- CPU 스케줄링
- 데이터베이스
- 트랜잭션
- 쉬운코드
- Extendable hashing
- Today
- Total
목록Web programming/Front-end (2)
티끌모아 태산
React App 예전에는 리액트 앱을 처음 실행하기 위해서는 webpack이나 babel같은 것을 설정하기 위해서 많은 시간이 소비 됐다. 하지만 최근에는 create-react-app Command로 바로 시작할 수 있다. 이 create-react-app 명령어는 위 웹팩과 바벨 설정을 자동으로 해준다. *Babel은 최신 자바스크립트 문법을 지원하지 않는 브라우저들을 위해서 최신 자바스크립트 문법을 구형 브라우저에서도 돌 수 있게 변환 시켜줌. *webpack is a static module bunder for modern JS applications. 리액트 앱을 설치하고 싶은 Directory로 이동해서 터미널에 npm create-react app . 을 실행 시켜준다. npx create..
React JS란 페이스북에서 만들어진 라이브러리 Components modules과 비슷하게 컴포넌트로 이뤄줘 있어서 reusable 이 뛰어남. Virtual DOM JSX(우선 HTML으로 알아두기)을 렌더링 한다. 그러면 Virtual DOM이 업데이트가 됨. Virtual DOM이 이전 Virtual DOM에서 찍어둔 Snapshot과 비교를 해서 바뀐 부분을 찾는다. 이 과정을 "difing"이라고 부름. 그 바뀐 부분만 Real DOM에서 바꿔준다. 즉 전체를 Reload할 필요가 없다. *Virtual DOM을 사용하지 않고 Real DOM을 바로 사용할 경우, 어떤 부분을 업데이트 하면 전체를 Reload 해줘야 했기 때문에 느리다는 단점이 있었다. 하지만 Virtual DOM을 사용할 ..